カテゴリー 'コーディング' に含まれる投稿一覧

トップページ > コーディング

webフォントを使ってサイトの表現力をアップ

webフォントとはCSS3から加わった、ブラウザで任意のフォントを使える機能のことです。 サーバーにフォントファイルを用意すれば、そのフォントが入っていないPC環境でも、そのフォントを表示する事ができます。 2年前に提唱 [...]

任意の子要素にスタイルを反映させるCSS疑似クラス「:nth-child()」

偶数個ごとにスタイルを反映する

やぁみんな! 今回は、任意の子要素にスタイルを反映させるCSSをご紹介するぞ。 「:nth-child()疑似クラス」というCSSだ。 表組の行を交互に色変えしたいときや、特定の子要素だけマージンを変えたいときなんかに、 [...]

CSS3のさまざまな効果を簡単に生成できるジェネレーターツール5種。

CSS3.0 MAKER

やぁみんな! 今回は、CSS3のさまざまな効果を簡単に生成できるジェネレーターツール5種をご紹介するぞ! 角丸やドロップシャドウ、グラデーションから、変形やアニメーションなど、さまざまな視覚効果のCSSを簡単に生成できて [...]

ケータイサイト向けの絵文字をPCのブラウザで表示できるようにする。

i絵文字。

やぁみんな! 今回は、ケータイサイト向けの絵文字をPCのブラウザで表示できるようにする方法をご紹介するぞ! ケータイサイトを作っていると、必ずと言っていいほど絵文字は使うよね。 その表示を確認するには、サーバにアップして [...]

jQueryで画像のタブメニューを実装しているサイトのご紹介

テキストのタブメニューを紹介しているサイトは結構あるんですが、画像で実装となると結構少ないんですよね。 でもどうしても画像で!という方結構いらっしゃるのではないでしょうか? jQueryだとデフォルトでは画像での実装がで [...]

画像を使わず、css3だけで描画したアイコンセット「Peculiar」。

画像を使わずCSS3だけで描画したアイコンセット「Peculiar」。

やぁみんな! 今回は、画像を使わず、css3だけで描画したアイコンセット「Peculiar」をご紹介するぞ! html5やcss3がなんとなく世に出始めてもう3年ほど経つね。 制作側のおともだちはそろそろ体制を整えている [...]

ブロック要素の最低縦幅を簡単に指定できる「min-height」をIE6にも実装する方法

サイトを作っていると、 ヘッダー、グローバルナビ、フッターなど、 共通のコンテンツはそれぞれあると思います。 問題は中身のコンテンツ。 ページによってものすごくボリュームがあったり、なかったり… ボリュームに差があり、 [...]

1枚の画像に複数のリンクを貼る方法

今回は、地図などに使える画像の特定の場所へのリンクのやり方について説明します。 通常の<a>タグを用いて1つの画像にリンクを設定する場合、リンク先は1つのみですが、 HTMLのイメージマップと呼ばれる方法を用 [...]

FlashをHTML5に自動変換するSmokescreenで、iPhone・iPadでもflashコンテンツを表示可能に!?

デモ画面をiPhoneで表示させてみた。

やぁみんな! 今日は、iPhoneやiPadでFlashコンテンツをブラウズできるようになるかもしれないって話題をお届けするぞ! 正確には、Flashを分解してHTML5+JavaScriptで再構築してくれるライブラリ [...]

CSS によるロールオーバー

CSSで実装したロールオーバーのグローバルナビゲーションやローカルナビゲーション。今や当たり前のように見かけますが、私のような初心者は理解するまで結構大変でした。。。 今回は同じく理解に苦しんでいるという初心者の方に向け [...]

「styleswitcher.js」で文字サイズ変更ボタンを設置する

A List Apartでstyleswitcher.jsをダウンロードしましょう。

今回は「styleswitcher.js」というjavascriptを使った、文字サイズ変更ボタンの設置の仕方をご紹介いたします。 このスクリプトは複数のcssを読み込んで文字サイズを変更させるので、一括変換するものより [...]

ボックスを横並びにしたとき、最後のマージンを調整する方法

ボックスをfloatさせて横並びにするとき、ボックスの左右どちらかにマージンを持たせると思います。 そうすると必要ないマージンが最後(場合によっては最初)のボックスについてしまい、 親要素の両端に合いません。 解決したい [...]

人気の記事

最近の記事