マークアップに関する記事は、170件あります。
HTMLやCSS、JavaScript、PHPなど様々な言語やライブラリに関する備忘録です。
最小限のCSSを適用したサンプルを用意したので、まずはそちらを確認いただけたらと思う。https://sample.simplesimples.com/git...
CSS
たとえば、下記のような配列があって。 const array = [{ id: 1, name: 'test1' }, { id: 2, ...
JavaScript
たとえば、起点となる位置があって、そこから右に100px移動したところに要素があるとした場合、CSSでは位置移動には2つの方法がある。position、もしく...
JavaScript
個人で制作する場合、BEM、とりわけ、MindBEMdingモデルをCSS設計として採用している。実際の運用では、Blockごとにscssファイルを新規追加も...
CSS
サーバーにアップロードされているディレクトリー・ファイル一覧をGoogleスプレッドシートやエクセルで作ろうとして、そのファイルの多さに絶望したWebディレク...
php
基本的に、情報を持たない画像は背景画像で処理している。ただ、どうしてもimgタグで対応する必要がある場合、それでいてbackground-size: cove...
CSS
2012年2月、HTMLにフォーカスした、HTML5についてのまとめ記事を書いた。html5の要素とコンテンツモデルhtml5タグ一覧 あれから時は流れ...
html
過去に自作したことがあったが、盛大にバグってたので作り直し。ググったらすぐに参考になる記事が見つかった。その記事自体も2014年というかなり前に書かれていて驚...
JavaScript
requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati...
JavaScript
2022年10月15日追記いつからかわからないが、このバグはすでに解消されてるッ(iOS15.6.1 Safariで確認済み)!!この記事は結構な時間と検証を...
JavaScript
var_dump({変数名}) で出力すれば変数の内容を確認することができるが、たとえばWordPressをいじっているときに、サーバーサイド側の処理途中にあ...
php
外部のAPIを利用する際、リクエスト回数が制限されることがある。また、リクエスト回数が制限され、かつ毎日更新をルールとする外部のAPIもある。 そんなとき...
php
配列の場合 /** * 配列の重複を削除する * * @param {array} ary* * @return {array} 処理後のary...
JavaScript
オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ...
JavaScript
書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ...
JavaScript
Google Fonts はとても便利だが、画面に表示するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用意...
CSS
WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォントとWO...
CSS
JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let js...
JavaScript
真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ...
JavaScript
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。...
JavaScript
そんなに利用頻度はないものの、たまに使う際に毎回調べてるので、備忘録がてらメモ。ドメインとかホストとかは、同義語として取り扱います(厳密な違い、FQDNについ...
php
便利なプロトタイプツールはたくさんある。その中でも、AdobeのXDとSketchは、個人的にはトップ2。でも導線確認するには、もっとリアルな感じで作った方がい...
JavaScript
Object.keys 配列の場合 var a = ["ジョン", "ポール", "ジョージ", "リンゴ"]; a.length; // 4 var...
JavaScript
PSDやAIファイルで太さを指定したフォントは、Webでは異なる太さを指定したほうがいい場合があります。 今回は、Noto Sansの3種類のウェイトで調べてみ...
html
inputのplaceholder(プレースホルダー)のテキスト色を変更するでご紹介した内容を踏まえて、修正するだけ。 focus時にplaceholder(...
CSS
いろいろ調べると、疑似クラス「:placeholder」と「:placeholder-shown」というのにいきつく。 ちょっとハマってしまったので備忘録。ハマ...
CSS
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素...
JavaScript
配列のコピー。また同じ過ちをしてしまったので、備忘録 とりあえず実例 var a = 1; var b = a; a = 300; この結果、b は ...
JavaScript
サンプル a = {}; b = { "b1": "value of b1", "b2": "value of b2", "b3": "value of ...
JavaScript
まずはこれ。 // 読み上げます var speech = new SpeechSynthesisUtterance(); 基本セット // 読み...
JavaScript
配列の「値」で判別して要素を削除する場合、 spliceメソッドやsliceメソッドでは「値」ではなく「何番目」かでの処理をするためできない。shiftメソッド...
JavaScript
ググってよく見かけたのは、Fisher-Yates shuffleというアルゴリズムを利用するもの。ソースのサンプルもほとんどが同じ。 function s...
JavaScript
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている(た?)というコードをベースに備...
php
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている(た?)というコードをベースに備...
JavaScript
onscroll や onresize を利用すれば、スクロール時や画面リサイズ時の処理はできるが、スクロールが止まったときや画面リサイズした後にアクションした...
JavaScript
「2点間 距離 取得 javascript」でググるとそのまま利用できる記事がたくさん見つかる。 いろいろ試したが、どれも数メートルの誤差はあるものの、似通った...
JavaScript
The maximum number of apps for free development profiles has been reached. 実機のシ...
Swift
プラグインやらを使えばいいのだろうけど、わざわざプラグインを使わなくても「共有用にリンクだけ設置したい」ということがよくあります。 そのたびにググッて調べていた...
php
数年前にも同じことでハマってしまったのに、同じ過ちを繰り返してしまったので備忘録。 今回の調査端末は、SC-04F(Android 5.0)と iPhone 6...
JavaScript
ターゲットユーザーが外国人を含む場合、日本語が使える環境がないかもしれません。そこで、日本語が使える環境か判別したり、第一優先言語が日本語か判別してみた。$_S...
php
たとえば下記のような配列(sample)で、配列に格納したオブジェクトの指定したキー(b)の値で並び替えたいとき。また配列(sample2)で、配列に格納した配...
JavaScript
dataで日時取得した際に、9時間の時差が出て、日本時間と異なっていた場合 2通りのやり方を備忘録。 php.iniを修正する場合 php.iniのdate....
php
以前、「History API を使ってみる」という記事を書いた。読み返したら非常に分かりにくかったため、History API の使い方をあらためて調べたので...
JavaScript
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ ...
JavaScript
#と6桁(もしくは3桁)の英数字(正確には16進数で表記される0から9、aからfの英数字)からなるカラーを、RGBでの数値に変換、もしくはRGBから16進数に変...
JavaScript
https://simplesimples.com/search.html?p=xxxx たとえば、こんなURLがあって、pの値が数字かどうか判別したいとき。...
php
【2020年9月29日】 「input type="text" の値が変更するごとに処理する」を追加しました 【2021年4月27日】 「値をクリアする」「...
JavaScript
html5をはじめからウォッチしてきたから、この辺りは確実に把握しておきたい。 下記は仕様から削除されるリスクがあるものたち。 動向が明確になるまで、個人的に、...
html
端末によって画面両サイドのエリアのリンクが認識しづらい現象が発覚。 クリッカブル領域を広げてみたが改善されなかった。 そこでサンプルページを用意し、スマホで調査...
JavaScript
スマホやタブレットの普及で、現在地を取得するような位置サービスの需要が多くなるのは用意に想像がつく。 そこで、WebブラウザでJavaScriptを使って現在地...
JavaScript
この記事を、下記ページに焼き直しました。 「History API を「あらためて」使ってみる」 2015.7.21 History API を使ってみた...
JavaScript
ちょっとハマってしまったので備忘録。 javascriptの「length」に相当する、文字列の長さを得るphpの関数に「strlen」「mb_strlen」が...
php
2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつて...
JavaScript
ブラウザ、モバイルファースト、メディアクエリー、マルチ画面、タブレット・・・ 想定すべき画面サイズ、利用シーンに適した情報のコントロールが崩壊しつつある。 とい...
JavaScript
継承(擬似クラス型)のサンプルの一つとして、コードを理解しやすいようにもっともミニマムなカタチで、シンプルに用意してみた。 var Test = funct...
JavaScript
CSS3で利用できるマルチカラムについて再確認。 カラムサンプル カラム 幅を指定 column-width: 150px; columns: 150p...
CSS
文字列をオブジェクトにしたいシチュエーションができてしまい、ajaxでcallbackすればいいのかな?とか、JSON.parseでいけるかな?とかいろいろ試し...
JavaScript
スマートフォン(以下スマホ)やタブレットでPCでいうところのマウスオーバー処理をしたいときは、touchイベントを使うことで実現できる。 確かAndroid1....
JavaScript
localStorageは、近頃のブラウザやスマホで対応しているのでチョー便利。 そして文字列ではなく、オブジェクトを格納しようとするたびに、その方法を検索しち...
JavaScript
もはや他ブラウザでも問題ないようにクロスブラザ対応だけでなく、スマートフォンやタブレット端末などマルチデバイスに対応できるようになっておかなければ、という時代に...
JavaScript
html5の要素を調べたことがあれば、下図のようなものを見たことがあるかもしれない。 これは、W3C Editor's Draftを参考に、自分なりかみ砕いたも...
html
<!DOCTYPE html> <html lang="ja"> <head> <meta ch...
JavaScript
<!DOCTYPE html> <html lang="ja"> <head> <meta ch...
html
コンテンツの高さだったり、ページ内の指定した要素を表示するようスクロールさせようとした際とか、毎回同じことをネット検索してしまうので、ここで高さを取得する方法に...
JavaScript
変数bnにhtmlファイルのファイル名を拡張子なしで取得するサンプル var bn = location.href.split("/"); bn = bn[b...
JavaScript
変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");...
php
サンプル スクロールバーは、基本ブラウザが用意してるのを使えばいい、という考えでした。そのため、スクロールバーのデザインをカスタマイズしたいと思ったとき、「いや...
JavaScript
1ファイルにまとめると <!DOCTYPE html> <html lang="ja"> <head>...
html
ポイントは、「その年月のカレンダーのその日は第何週なのか、第何曜日なのか、何日なのか」をJavaScriptで生成し、祝祭日はCSSで指定していること。 サンプ...
JavaScript
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという...
CSS
text-shadowプロパティは、その名から想像するとおり、テキストに影をつける(ドロップシャドウ)ことができます。 仕様 text-shadow:右方向 下...
CSS
box-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける(ドロップシャドウ)ことができます。 仕様 外側にドロップシャドウ bo...
CSS
フォトスライド。 確かに様々な優秀なライブラリがすでにある。 jQueryを使ったもの(たとえば、30 Best jQuery Photo Pluginsで紹介...
JavaScript
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されて...
CSS
IEでは、html5で追加されたタグを使用しても認識してくれません。 そのため、html5でマークアップしたIEでは「CSSが効かない!」とか「レイアウトが崩れ...
JavaScript
AmazonのProduct Advertising APIをアフィリエイトとして使おうと試みて、その概要をつかむまで2,3日かかってしまった。まず、アカウン...
php
上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。何...
CSS
もっとはやくに気づいていたかった・・・。 環境としては、レンタルサーバーhetemlを使用してMovablTypeをインストールしています。 http://he...
php
inputタグ要素の属性、maxlengthが指定されたテキストの文字数について、ちょっと調べてみた。 調査ポイントは2つ。半角英数と全角でmaxlength値...
JavaScript
inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。 調査ポイントは2つ。半角英数と全角でmaxlength値のカウント方法が異なるか?文...
html
いまどき「マッシュアップ」という言葉を使うこと自体ちょっぴり恥ずかしいのですが、外部APIを連携する際のお覚書き。 これまで外部APIの連携は、「php...
JavaScript
Ajax、Asynchoronous JavaScript + XMLの略。非同期通信を行ってJavascriptからXMLデータやテキストデータを取得し、その...
JavaScript
表示オブジェクト オーサリング時に作成できるオブジェクトオブジェクト ボタンインスタンス ムービークリップインスタンス テキストフィールド ダイナミック...
ActionScript3
イベント処理 イベント処理の基本書式は下記 オブジェクト.addEventListener(イベント,イベントハンドラ関数名); function イベントハ...
ActionScript3
通常、送信ボタンが押されるとformのactionが実行されますが、formタグに「onsubmit」、もしくは外部化したJavascript内であれば「sub...
JavaScript
selectタグの上にコンテンツを乗せる手法。いろいろネット検索したものを総まとめした「覚書」。 これを参考に応用すると、うまくいく。ただW3Cに準拠していない...
html
<?xml version="1.0" encoding="UTF-8"?> <rss versio...
xml
意味づけされたマークアップをすることは、 将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。 それが、アマチュアとプロとの違いでもあると...
html
swfファイルをhtmlファイルで指定する際、従来はobjectタグとembedタグをダブルに記述していたが、embedタグはxhtml1.0から非推奨タグとさ...
JavaScript
「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本をざっくり。 CSSを指定する方法として、大きく分けて2通りの考えをマスターする...
CSS
Javascriptでブラウザ判別するのはともかく嫌いで、どうにかこれまで避けてきたのだけど。 どうしてもIEかそれ以外の判別をしなければならないシチュエーショ...
JavaScript
swfファイルをブラウザ上に表示するために、flash playerの有無やバージョンの判別をする最も普及しているといっても過言ではないライブラリ「swfobj...
JavaScript
コンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に表示されるようにする。 ポイント htmlとbodyに高さ100%を指定する ...
CSS
inputタグの文字間を上手にコントロールする術を模索している。 百聞は一見にしかず、ということでサンプルを見てほしい。 xhtml <ul> ...
html
IE7でブラウザの右下にある数値を変えて拡大してみる。見事にレイアウトが崩れる場合がある。 IE7の拡大時のレンダリングは、Operaと同じように、bodyその...
CSS
xsltスタイルシートの立ち位置 xml文書とxsltスタイルシートを、xsltプロセッサを通して、別の構造や形式のデータに変換する。 xsltの記述 xslt...
xslt
JavaScript InternetExplorer Netscape 特徴 JavaScript1.0 IE3.0 N2 基本的なオブジェクト...
JavaScript
実際に、簡単なサンプルを用いて、xml文書がどのように変化するのか見てみます。 sample.xml <?xml version="1.0" enc...
xslt
xml文書は別のxml文書と結合することができる。結合した際に同じ要素名があるときの不具合を、名前空間を使用して回避できる。 記述方法 <プリフィックス:...
xml
記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。...
JavaScript
記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。...
JavaScript
Level 1 (x)html <p> <a href="#" onclick="openConts();">クリックすると、コン...
JavaScript
掲載から特定の期間が経過すると削除する(「new」マークや「最新情報」など)場合に便利なスクリプト。 「日数」後まで、の表示設定 javascriptソース ...
JavaScript
コンテンツのある一部分の掲載削除日が決まっている場合(「new」マークや「本日更新」)に便利なスクリプト。 「いつまで」の表示設定 javascriptソース...
JavaScript
xhtmlソース <div> <ul> <li>navi1</li> <li>navi2</...
CSS
(x)htmlにテキストを記入し、CSSでマウスオーバー時に背景画像を変更させる。 xhtmlソース <div> <ul> <l...
CSS
xhtmlの書き順 #cont2(#cont2in) → #cont1 → #cont3 (#cont1と#cont2の書き順はどちらでもよい) widthの...
CSS
xhtmlの書き順 #cont2 → #cont1 → #cont3 (#cont1と#cont2の書き順はどちらでもよい) #cont1and2{ f...
CSS
xhtmlの書き順 #cont1 → #cont2 → #cont3 #cont1{ float:left; width:○○px; } #cont2{...
CSS
3段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con...
CSS
2段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con...
CSS
本来であれば #wrapper{ width:○○px; margin:0 auto; } の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままで...
CSS
下記に示す全称セレクタを用いた初期化方法の流行りは影を潜め始め、現在は「必要な要素のみに適切なスタイルを示す」方法が流行りはじめているらしいことを聞いた。ただ、...
CSS
line-heightを指定してる中にimgが含まれると、WinIE(IE7では修正されている)では行間が狭くなる。 <ul> <li>...
CSS
.group{ overflow:auto !important; overflow /**/:hidden; } または .group{ overflo...
CSS
使用例:<meta name="robots" content="nosnippet" /> 「nosni...
html
if(document.getElementById){ IE5.0〜、N6.0〜(「getElementById」をサポートしたブラウザ)用スクリプト } ...
JavaScript
DOM値を取得する方法 id属性を使用してタグ要素の属性の属性を取得する document.id名.属性 JavaScriptのオブジェクトと共通のDO...
JavaScript
DynamicHTMLとは DOM(Document Object Model)をスクリプトなどを使って操作し、ブラウザに動的な効果を与える技術。 HTMLを...
JavaScript
グローバル変数 スクリプトのどこからでも参照できる ローカル変数 ファンクションの中で宣言されたローカル変数はその中にしかない function squa...
JavaScript
文字列 ダブルクォーテーションマーク(")、シングルコーテーションマーク(')で囲まれた文字や数字や特定の特殊記号 注意!文字列の一部にシングルクォ...
JavaScript
大文字・小文字のアルファベット、あるいはアンダースコア(_)で始まる文字列 変数には文字、数字、ドル記号($)、アンダースコア(_)を含めることができる 日本...
JavaScript
従来 <script language="javascript">〜 と記述。更に <script language=&...
JavaScript
ナビゲーターオブジェクト navigator Plugin MimeType screen event window frame document ...
JavaScript
タイトル DOM Scripting 標準ガイドブック 著者 Jeremy Keith 発行日 2007年6月25日 値段 2,900円+税 ...
JavaScript
具体的には、ブラウザ表示領域(ファーストビュー)とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。コンテンツ高さの方が長い場合、ス...
CSS
スタイル変更ボタンを設置し、スタイルシートごとごっそり置き換える。 これはCSSとJavascriptの組み合わせで実現させる。 動作確認環境 Windows...
JavaScript
sample.xsd <?xml version="1.0" encoding="utf-8" ?> <xsd:schema xmlns:x...
xml
出現順序を指定 要素名 説明 sequence要素 内容が順番に出現する choice要素 内容のいずれか1つが出現する all要素 内容...
xml
XML SchemaとDTD XML SchemaはDTDと同じように、xml文書の構造を取り決めるための仕様。以下にDTDとの比較を記述する。 DTDよりも...
xml
DTDを別ファイルにして共有することができる。DTDの内容を外部のファイルにしたものは、外部サブセットと呼ばれる。 内部サブセット(internal subse...
xml
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE m...
xml
妥当な文書(valid XML document)とは、整形式文書の規則を守り、かつタグの取り決めを守っている文書。 文書型定義(DTD:Document Ty...
xml
<![CDATA[ ここに記号を含めたテキスト ]]> 参考 xhtml視点でXMLを学ぶ
xml
整形式文書(well-formed XML document)とは、xmlの文法を守った最も簡単な文書。 xml宣言 xhtmlにおいてはxml宣言は必須項目で...
xml
文書内にコメントアウトを記述方法 <!--コメントコメントコメント--> 入れ子で構成 &や<、>などの記号は文字参照で...
xml
さまざまなデータを表すことができる タグは自由に取り決めることができる(対html) 人間にもコンピュータにも分かりやすい(対csv) 参考本 xht...
xml
タイトル やさしいXML 第2版 著者 高橋麻奈 発行日 2001年6月27日初版発行2005年3月30日第2版発行 定価 2,600円(税別) ...
xml
http://〜 絶対URI /〜 相対URL 絶対パス ./〜、../〜 相対パス 絶対URIと相対URLと相対パスの言い方...
html
<style><script>要素のコメントアウト htmlからコーディングを覚え、xhtmlへ移行したときの落とし穴 実は<st...
html
文字サイズをemで指定する アクセシビリティに配慮して文字サイズ指定にpx指定を行わない(固定にしない)。そこでデフォルトサイズを10pxになるよう%指定する。...
CSS
テーブルタグの初期設定 table{ border-collapse:collapse; font-size:100%; } セルとセルの間を空けるかどう...
CSS
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",&quo...
CSS
html>body モダンブラウザ用 *;first-child+html*:first-child+html IE7のみ用 ちなみに、 <!-...
CSS
名前空間の名付けは任意に行う(bodyをそのまま名付けることはNG)。 unitモジュールにのみ文書を記述するようにするのがポイント。また固定のレイアウトであ...
html
strictではiframeの利用は廃止されている。そこでobjectを利用する。 <div> <object type="tex...
html
var sentaku = Math.floor(Math.random()*8);document.write(sentaku); 0から7までの数字...
JavaScript
dl{ width:○○px; } dt{ float:left; width:△△px; } dd{ margin-left:△△px; } float...
CSS
とはいえ、正確にコントロールできるわけではないが、縦幅を認識させたいときに有効。 html,body{ height:100%; } 高さの%指定は親要素に...
CSS
アクセシビリティの観点から文字サイズは固定しない方がいい。 ただ、IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。更...
CSS
<div class="bg-cover"><img /></div> 画像を取り囲むdiv上にbg...
CSS
function pageup(){ if(document.all){ posi=document.body.scrollTop; } else{ posi...
JavaScript
xhtml1.1 strictでは、新規ウィンドウを開くtarget属性を推奨していません。新規ウィンドウを立ち上げるべきかどうかはユーザーが決めるべきだという...
JavaScript
タイトル 速習Webテクニックスタイルシート 上級レイアウト 発行日 平成18年4月25日 値段 2,780円+税 CSS...
CSS
xhtmlソース <div> <ul><!-- --><li><img alt="navi1" />...
CSS
様々なやり方があるが、どれがベストなんだろう? 気にするポイントは、検索エンジン的に問題がないか?アクセシビリティは確保されているか?ソースが読みづらくないか?...
CSS
そのボックスにfloat付きの子ボックスが含まれていないか? そのボックス(または親ボックス)内で回り込みを解除されているか? 解除できる要素がなく親ボックス...
CSS
縦方向のレイアウト崩れ防止、ブラウザによる見え方を統一するため、vertical-alignは「top」の設定がおすすめ。ちなみにデフォルトはbaseline...
CSS
古いブラウザではidやクラス名に「-」と「_」を含まれていると認識できなくなるらしい。アルファベットに始まり、アルファベット、数字で書いた方がよい レイアウトに...
html
/*¥*/ letter-spacing:0.1em; /**/ letter-spacingの指定はMacIE5ではバグがでてしまうため、ハックを利用して...
CSS
floatとwidthはペアで使用する CSS2.1の勧告候補ではwidthなしでも自動的に幅がフィットされる。しかし、Mac IE5ではうまく表示されない。 ...
CSS
正しいCSSを記述しているにもかかわらず、表示が崩れることがある。ブラウザによる解釈の違い(バグ)が原因であるが、IE5や古いブラウザにバグが見られる。...
CSS
@important "test.css"; ポイントは@importantを設定し、1ファイルかますこと。ただし、この設定ではMacI...
CSS
<link href="test.css" rel="stylesheet" type="text/c...
html
/*¥*/ MacIE以外 /*/ MacIE用 */ どのブラウザでもOK MacIE以外だけに設定したい場合やMacIEのみに設定したい場合でも、コメント...
CSS
tableタグを利用する際に意外と知られていないのが、列(縦方向)をコントロールする「colgroup」タグ。また、colgroupタグはcaptionタグの次...
html
「test.html」をサイズ500×500(px)、新規ウィンドウ、画面中央で開くと仮定 function newWinIconOpen(URL){ var...
JavaScript
#006600 #33cc33 #66ff33 #66cc99 #3399ff #3366ff #0033ff #330066 #cc3366 #990033 ...
CSS
「/」が意味するのは、どの階層にいようが一番上の階層を基準にすること。ナビゲーションが階層が変わった場合でもリンク先を変更する必要がないので便利。ただアップロー...
html
<object data="○○.swf" width="○○" height="○○" ty...
html