webフォントとはCSS3から加わった、ブラウザで任意のフォントを使える機能のことです。 サーバーにフォントファイルを用意すれば、そのフォントが入っていないPC環境でも、そのフォントを表示する事ができます。 2年前に提唱 [...]
やぁみんな！ 今回は、任意の子要素にスタイルを反映させるCSSをご紹介するぞ。 「:nth-child()疑似クラス」というCSSだ。 表組の行を交互に色変えしたいときや、特定の子要素だけマージンを変えたいときなんかに、 [...]
やぁみんな！ 今回は、CSS3のさまざまな効果を簡単に生成できるジェネレーターツール５種をご紹介するぞ！ 角丸やドロップシャドウ、グラデーションから、変形やアニメーションなど、さまざまな視覚効果のCSSを簡単に生成できて [...]
やぁみんな！ 今回は、ケータイサイト向けの絵文字をPCのブラウザで表示できるようにする方法をご紹介するぞ！ ケータイサイトを作っていると、必ずと言っていいほど絵文字は使うよね。 その表示を確認するには、サーバにアップして [...]
テキストのタブメニューを紹介しているサイトは結構あるんですが、画像で実装となると結構少ないんですよね。 でもどうしても画像で！という方結構いらっしゃるのではないでしょうか？ jQueryだとデフォルトでは画像での実装がで [...]
やぁみんな！ 今回は、画像を使わず、css3だけで描画したアイコンセット「Peculiar」をご紹介するぞ！ html5やcss3がなんとなく世に出始めてもう３年ほど経つね。 制作側のおともだちはそろそろ体制を整えている [...]
サイトを作っていると、 ヘッダー、グローバルナビ、フッターなど、 共通のコンテンツはそれぞれあると思います。 問題は中身のコンテンツ。 ページによってものすごくボリュームがあったり、なかったり… ボリュームに差があり、 [...]
今回は、地図などに使える画像の特定の場所へのリンクのやり方について説明します。 通常の<a>タグを用いて１つの画像にリンクを設定する場合、リンク先は１つのみですが、 HTMLのイメージマップと呼ばれる方法を用 [...]
やぁみんな！ 今日は、iPhoneやiPadでFlashコンテンツをブラウズできるようになるかもしれないって話題をお届けするぞ！ 正確には、Flashを分解してHTML5+JavaScriptで再構築してくれるライブラリ [...]
CSSで実装したロールオーバーのグローバルナビゲーションやローカルナビゲーション。今や当たり前のように見かけますが、私のような初心者は理解するまで結構大変でした。。。 今回は同じく理解に苦しんでいるという初心者の方に向け [...]
今回は「styleswitcher.js」というjavascriptを使った、文字サイズ変更ボタンの設置の仕方をご紹介いたします。 このスクリプトは複数のcssを読み込んで文字サイズを変更させるので、一括変換するものより [...]
ボックスをfloatさせて横並びにするとき、ボックスの左右どちらかにマージンを持たせると思います。 そうすると必要ないマージンが最後（場合によっては最初）のボックスについてしまい、 親要素の両端に合いません。 解決したい [...]
