一人のアメリカ人が死んだ。
いつも起こってることだ。毎日、毎時間、毎分…
全ての人間に必ず訪れること。当たり前のことだ。
僕のばあちゃんもおじさんも友達も死んだ。どうしようもないことだ。
だが約1年にわたって放置してきたこのブログに、なぜか今、僕は記事を書いている。
始めに言っておくが、この記事には [...]

Webサイトのヘッダーやフッターにスポットライトがあたったようなデザイン。
特にデザイン系のブログや、落ち着いた雰囲気のサイトによく見かけます。
例えば『Webデザインレシピ』さんのフッターとか。

で、これをCSS3の円形グラデーションで実現してみます。
はじめに
まずは原理を説明。

CSS3で [...]

最近急にiPhoneが使えなくなったり、友人のPCがクラッシュしたりと怖いこと続きで、バックアップの大切さを痛感しました。
そこで非常に今更ですが、WordPressのデータベースをバックアップするプラグイン『WP-DBManager』をご紹介します。

ダウンロード＆インストール

まずはこちらか [...]

画像をギャラリーとしてかっこよく表示してくれる、いわゆるLightboxプラグイン。
最近ではいろんなサイトで様々なLightboxプラグインを見かけますね。
今回iPhone、iPad向けに開発されたという『TOUCH GALLERY』というプラグインを試してみました。

このプラグインはiPho [...]

CSS3で可能になった新しいレイアウト法「ボックスレイアウト」。
新しいといっても、それはあくまでレイアウトの指定方法であり、レイアウトの形自体は普段我々がよく使っているものです。
基本的に縦に区切られた2カラム、3カラム、4カラム…といったレイアウトは全てボックスレイアウトと言えるでしょう。
こ [...]

通常widthやheightを指定をしたボックスにpaddingやborderを指定すると、paddingとborder分がプラスされた値がそのボックスの実際の横幅、高さになります。

少しややこしいですね。
そこで登場するのがCSS3の『box-sizing』プロパティ。
これを使えば、paddi [...]

Photoshop CS5から導入されている魔法の除去ツールとして話題の『コンテンツに応じた塗りつぶし』機能。
以前このブログでもその恐るべき性能について書きました。
過去記事：Photoshop CS5の新機能『コンテンツに応じた塗りつぶし』はもはや魔法の領域です
ある日僕は思ったわけです。
様々 [...]

このブログはWordPressで作成していますが、iPhone表示用のプラグインは使用せず、CSS3の『media-query』という技術を使用してiPhone等に対応させています。
試しにウィンドウサイズを自由に変えてみて下さい。
ウィンドウサイズに合わせていろいろな部分の表示が変わると思います。 [...]

最近CSS3で作ったハイクオリティーなボタンをよく見かけます。
画像を使わなくてすむので、表示自体も早くなりますし、文言やサイズ、はたまたデザインの変更にも簡単に対応することが出来ますね。
というわけで、今回はよく見るCSS3ボタンの作り方をいくつかご紹介します。
初級編
まずはそれほど複雑な設定を [...]

CSS3の中でも最もややこしいグラデーション機能。
何故ややこしいのか？それは基本的な記述方法がすでに面倒くさい上に、webkit系とMozilla系で記述方法が全く違うからです。
本来は線形、円形のグラデーションが可能ですが、とりえあず今回は難易度の低い線形グラデーションを紹介します。
ちなみにO [...]

CSS3の中でも最も簡単で導入しやすいプロパティ『text-shadow』。
CSSでテキストにシャドウをつけることができます。
基本的な記述方法
プロパティは『text-shadow』。値は数値3つとカラーで構成されています。

ちなみこのプロパティに関してはベンダープレフィクスは必要ありません。 [...]

様々なWebサイトで見かける角丸ボックスデザイン。
代表的なもので言えばAppleのWebサイトはそのほとんどが角丸ボックスでデザインされています。
これまでは角丸ボックスと作るときは画像を使うかJavascriptを使うかでした。
しかしCSS3ではとても簡単に角丸ボックスを作ることが出来ます。
[...]