[Å]感激っ!Dreamweaver 「Ctrl+T、T、T」でタグ編集/タグ追加が楽になる!
要素型セレクタ(タイプセレクタ) …… 特定の要素にスタイルを適用する 全称セレクタ(ユニバーサルセレクタ) …… すべての要素にスタイルを適用する classセレクタ(クラスセレクタ) …… 特定のclass名がつけられた要素にスタイルを適用する idセレクタ …… 特定のid名がつけられた要素にスタイルを適用する :link擬似クラス …… 未訪問のリンクにスタイルを適用する :visited擬似クラス …… 訪問済のリンクにスタイルを適用する :hover擬似クラス …… カーソルが乗っている要素にスタイルを適用する :active擬似クラス …… クリック中の要素にスタイルを適用する :focus擬似クラス …… フォーカスされた要素にスタイルを適用する :lang擬似クラス …… 特定の言語を指定された要素にスタイルを適用する :first-child擬似クラス …… 最初に現れ
ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するスタイルシートのチュートリアルを紹介します。 下記キャプチャのデモでは、ホバー時に不透明度を3種類適用しています。 Hover on "Everything But" デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 エレメントにホバー時のエフェクトを与えることは簡単です。 ここでは、ホバー時に不透明度が変化するものを例にしてみます。 div { opacity: 1.0; } div:hover { opacity: 0.5; } これで、ホバー時に不透明度が0.5になるようになりました。 ここまでは簡単ですが、ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するには、どうしたらよいでしょうか? 例えば隣接した兄弟のdiv要素などに。 まずは、HTMLの基本的な例を見てください。
Google Chromeで見た時だけ、フォントサイズがおかしいんです! そんなトラブルに陥った日に思い出すためのまとめです。 フォントサイズに謎の異常発生 なんだかchromeで見た時だけフォントサイズが大きい? 弊社では、remを使った場合に時々遭遇しました。 ルートとして指定してる文字サイズ [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_i
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
既存ページにPHPを組み込みたいとき、ファイル名を変更せずにそのまま拡張子が.htmlで使いたいということはよくありますね。 サーバーに負荷がかかるので、アクセスの多いサイトにはおすすめできませんが、.htaccessで簡単に設定変更できます。 (Apacheの設定で.htaccessが使えることが前提となります) 追加するのは下記一行 AddType application/x-httpd-php .htm .html ついでにHTMLが読み込まれる時に自動的にスクリプトをインクルードさせるには php_value auto_prepend_file "絶対パスのファイル名" です。 Apacheの設定ファイルhttpd.confで対象フォルダの AllowOverride が許可されていないとInternal Server Errorが表示されるので注意が必要です。
サイト内のページは、ページが違っても結構共通の部分というのが多いと思います。 当サイトでいえばちょっと手抜きではありますが、ヘッダー、サイドメニュー、フッターがほとんどのページで共通です。 例えばサイドメニューに何か項目を追加しようと思うと、HTML、CSSのみで作られていると、1ページ1ページを変更しなくてはならなくなり、それが仮に100ページ以上になってしまうと、それだけでかなりの時間をとられてしまうことになります。 そんな手間を省くことができるのが、【共通部分のインクルード】で、インクルードとは、『全体の一部として含める』ということを意味します。 これがどういうことかというと、共通している部分を1つのファイルにしてしまうということです。 そうすることにより、何か変更したい箇所があった場合、そのファイルを変更するだけで、全ページを一度に変えることができるようになるわけです。 インクルー
dakkie | Hiroki Onoda 愛知県名古屋市在住のWebデザイナー。雑貨、カメラ、カフェ、旅、空、海、コーヒー、料理が大好き。ボリビアにあるウユニ塩湖に行くこと、写真で個展(2013年7月22日~28日にmonogramで開催予定)を開くこと、独立すること、空とコーヒーと写真と雑貨が楽しめるカフェを開くことを夢見てる。 E-mail:dakkie.com@gmail.com twitter:dakkie_ facebook:hiroki.onoda sumally:dakkie booklog:dakkie textarea要素とは、複数行のテキストを入力するエリアを作成するHTMLタグのことです。例えば、コメント欄ですね。 Firefox 4.0以降、Safari 3.0以降、Google Chrome 1.0以降では、そのテキストエリアをリサイズすることができます。Int
丸数字(丸付き数字)「①②③④⑤」を機種依存文字ではなく『数値文字参照』で入力する方法の紹介です。 丸数字(丸付き数字)の表記 丸数字(丸付き数字)の表記 ①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ 丸数字(丸付き数字)の入力方法 丸数字(丸付き数字)をHTMLで記述する場合は、下記のように記述します。 「①」の箇所が、ブラウザに表示される際に「①」となります。 表示 数値 文字参照 表示 数値 文字参照
Twitterの新しいウィジェット設置方法。表示されない時の注意点、縦幅と横幅の変更方法など。 | WEB LIFE HACK
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。 CSS3 dropdown menu デモページ [ad#ad-2] CSS3非対応のIE6, 7ではCSS3の角丸などは適用されてませんが、ドロップダウンとしての機能は損なわれずに実装されています。 デモページ:IE6での表示 下記は各ポイントを意訳したものです。 HTML HTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。 <ul id="menu"> <li><a href="#">Home</a></li> <li> <a href="#">Categories</a> <ul> <li><a href="#">CSS</a></li> <li><a href="#">Graphi
リンクで起動させたメールに、予め件名や本文などを挿入しておくことができます。 以下のサンプルコードをコピーする場合は、メールアドレスの書き換えを忘れないようにご注意ください。 <a href="mailto:info@example.com?subject=問い合わせ&body=ご記入ください">メールはこちらへ</a> 値の詳細 mailto:info@example.com?subject=件名&body=本文 info@example.com … 送信先のメールアドレスを記述します ? … メールアドレスとその後に続く情報を ? マークで区切ります subject= … メールの件名を記述します body= … メールの本文を記述します & … 件名と本文を & マークで区切ります(文字参照で & と記述します) サンプル(メールソフトを起動します)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く