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