OGP 関係でいろいろと整理したので自分用にメモ。もうちょっとしっかり解説した以下の2つの記事がおすすめです。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か

df コマンドでできます。 1 df -h 以下のように見ることができます。 1 2 3 4 5 6 7 [hoge@localhost bin]$ df -h Filesystem サイズ 使用 残り

Google の SERP にパンくずリストを表示させられるようにするための microdata 対応のパンくずリストに対応した、HTML + CSS のみで実装できるオシャレなパンくずリストを作ったので良かったら使って

グラデーションで16進数入力するならグラデーションウィンドウの変更したい色を選択してツールウィンドウ下部の塗りのところをダブルクリックすれば16進数入力できるウィンドウが出るそうです。 まずグラデーションの変更したい色を

画像のように3の倍数の時だけ何かスタイルを適用したい場合 CSS3 の nth-child() 疑似クラスを使えば簡単に解決することができます。 HTML 1 2 3 4 5 6 7 8 9 10 11 <ul&g

タブを作ろうと思いましたが検索しても CSS のみで実現しているサンプルが見つからなかったので、自作してここに置いておきます。Web 上を探してみると意外に CSS のみで作ったタブが少なそうなイメージがありました。 H

ディスプレイを新しく買い替えたら Adobe RGB に対応して、なんかかっこいいので何気なく設定したら、画像を切り出すと片っ端から赤くなってて使い物にならなくなって困っていました。 原因が分からないのでとりあえず Ad

夜をテーマにした Web サイトのデザインをするために参考にいくつかサイトを集めてみました。せっかくなので皆さんにも共有しておきます。若干夜は関係なく暗い雰囲気のものも取り込んでいます。 航空会社スターフライヤー（SFJ

Photoshop で白黒写真、色あせた写真の作成チュートリアルです。Photoshop を持っていれば誰でもできますので参考にしてみてください。 10秒でできる白黒写真の作り方 写真を用意する 今回の説明に使う写真です

以上のようなアニメ GIF を作成するチュートリアルです。 キラーンとさせたい画像を Photoshop CS5 で開く 何か光らせたいバッチなら何でも良いです。 実はとても簡単なキラーンを作る 以下のようにまず白色の長