IT・インターネット
ホームページ作成 新着記事一覧(19ページ目)
CSSの「疑似クラス」の書き方 再入門(CSS3対応版)
スタイルの適用先を指定する「セレクタ」には、「疑似クラス」という特殊な書き方も用意されています。要素名やclass名を指定するだけでは実現できない特殊な状態に限定してスタイルを変化させるなど、様々な装飾ができます。
HTML・スタイルシート(CSS)の基礎ガイド記事CSSで色を直接書かず、変化量で相対的に指定する方法
ウェブページ内の配色は、「親ボックスよりも20%ほど明るい色の子ボックス」のように、相対的に指定できると便利です。色の値を直接記述することなく、ベース色からの変化量で「相対的に色を指定する」方法をご紹介。
ホームページ作成テクニック、小技ガイド記事CSSを効率的に記述できるメタ言語「LESS」の使い方
CSSメタ言語「LESS」を使えば、CSS内部で変数を使ったり、複数のスタイルを関数のように定義して何度も呼び出して使ったり、CSSの記述が効率的かつ楽になります。CSSのデメリットを補完してくれる、とても便利な「LESS」の使い方をご紹介。
ホームページ作成テクニック、小技ガイド記事知っておくと便利なFacebookページ用HTML記述法
Facebookページに追加する「独自ページ」用のHTMLを記述する上で役立つ3点のTIPSをご紹介。縦方向のサイズ制限をなくす方法、単独で閲覧された場合にFacebook側へ誘導する方法、複数の独自ページ間でリンクする際の注意点など。
Facebookページの作り方ガイド記事自由にHTMLを書くFacebookページの作り方
「Facebookページ」の中に、「1からHTMLソースを記述して自由にデザインしたページ」を追加する方法をご紹介。必要なだけページを加えて、Facebookページの内容をもっと拡充させてみましょう。
Facebookページの作り方ガイド記事サイトをWindows 7+IE 9の「ピン留め」対応にする方法
自分のウェブサイトを、Internet Explorer 9以降に搭載されている「ピン留め」機能に対応させる方法をご紹介。ユーザに使いやすいジャンプリストを提供することで、アクセス頻度の向上を図ってみましょう。
ホームページ作成テクニック、小技ガイド記事ウェブの構造把握に便利なFirefoxアドオン「Firebug」
ウェブサイトの構造把握やデザインの試行錯誤に便利なFirefoxアドオン「Firebug」をご紹介。「実際の描画」と「その部分を作っているソース」とを対にして表示したり、その場でソースを修正して表示結果を確認したり、ウェブ作成を強力に支援する機能が満載です。
ホームページ作成補助ソフトガイド記事ウェブ制作に便利なFirefoxアドオン「Web Developer」
様々な状況での表示確認や動作確認・構造の把握などが手軽にできる、便利なFirefoxアドオン「Web Developer」をご紹介。CSSや画像の有効・無効を簡単に切り替えたり、特定の要素を強調したり、ウェブ制作に便利な機能が豊富です。
ホームページ作成補助ソフトガイド記事たくさんのリンクを正規表現で楽に一括更新する方法
複数のHTMLファイル内にある「リンク先URL」・「リンク文字」・「属性値」などを一度に更新したい場合は、複数ファイルを対象にして一括置換できる機能や、正規表現による置換処理ができるテキストエディタを使うと、とても楽に作業できます。
ホームページ作成テクニック、小技ガイド記事Cookieより扱いが簡単な「Web Storage」の使い方
これまで、ウェブページ側からブラウザに対して何らかのデータを保存させるには、Cookie(クッキー)を使うしかありませんでした。しかし、クッキーの読み書きには少々面倒なスクリプトを書く必要がありました。しかし、「Web Storage(ウェブストレージ)」機能なら、もっと簡単な方法でデータの読み書きができます。
アクセス制限・認証、サイト内検索ガイド記事