ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0bbb819a37b243c80114aa00f74ce858a34c91a/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F02%2F13%2Fcasulo-modular-furniture1.jpg)
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
なんだか思いの他、このレイアウト・テーマが好評みたいなので、なるべく他のユーザーさんでも使い易いような形でのテーマも作ろうかな、と思っています。ですがちょっとこのままのデザインだと使い勝手も悪いですから、サイドバーなりモジュールなりに対応したものにする予定です。勿論このままで使いたいという方は、ご自由に利用して構いません。 ただ私自身、今までにテーマとか作ったことがないですし、それに一度も使ったことがないモジュールなんかも多いので、それらの動作などを検証しつつスタイルシートを設定していこうかなと。ですから公開できるまでちょっと時間がかかりそうですね。 というわけで、お詫びというわけではないのですが、イラストのデータを公開することにしました。 このレイアウトに使われている、イラストのほとんどは Adobe の Illustrator を使って描いています。このソフトはドロー系と呼ばれるソフト
レイアウト絡みでこのサイトにいらっしゃる方が多いので、改めて説明しておきます。 このレイアウトでは、ヘッダ下の これらのアイコンにカーソルを合わせると、画像が切り替わるようになっています。リンク先はプロフィールや、私が利用している他のサービスなどなのですが、絵柄との関連性は特にないです。 切り替わるイラストはこちら。 この画像に限らず、他のものもそうですが、特に記載のない場合は商用利用でなければ自由に使って結構です。 ちなみに、過去のレイアウトについては、私のはてなグループキーワード rikuoグループ - layout:rikuo:d こちらでまとめています。こちらのテーマもご自由に。 ただ、自分が使いやすいようにしか設定していないので、その点ご了承下さい。あと、現在のテーマはもうちょっと修正してから近日中にキーワード化する予定です。 昨年、一昨年 と毎年ツバメの営巣の候補地として、親ツ
ホームページデザインに悩んだら試してみましょ。スカスカで薄っぺらいトップページだけでも、かっこよくする情報が、ここにあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く