ドットインストール代表のライフハックブログ
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
これは2007年1月時点の情報です。その後状況が変わっているので、現状についてはこちらをご覧ください。 【改訂版】Amazonで「もう少しで送料無料なのに」という時はこれを買おう – 頭ん中 Amazon で送料無料のためにあわせて買う商品はこれが決定版かも – 頭ん中 Amazonで買おうとした本が1470円だったことはないだろうか。 ご存知の通り Amazon.co.jp では 1500円以上買うと国内配送料が無料になる。 もうこれだけAmazonが使われているのだから 送料無料になる値段かどうかが 売上冊数にも影響するんじゃないかと思えるのだが、 それでも1470円ぐらいの本は結構ある。 いっそ1500円にすればいいのに。 で、そんなことをここで言っていても多分何も変わらないので 合計1500円以上にする方法を探した方が早い。 で、あった。30円の商品。 キャンプ用の簡易ナイフとフォ
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
お目当ての本があって書店に行ったのに、タイトルや著者名、出版社名が分からなくて買えない、という経験をしたことはないだろうか。そんなときに便利な方法を紹介する。 本を買おうと書店に行き、すぐに本が見つからなくて困ったことはないだろうか。筆者の場合、著者名や本のタイトルは大体覚えていても、どこの出版社の本か分からない場合に困ることが多い。単行本は著者別に並んでいても、文庫本や新書本は、シリーズごとに並んでいるのが普通だからだ。 著者名や書名を正確に覚えていれば、店員さんに聞けば大抵調べてくれるが、うろ覚えだとちょっと聞きにくい。「保田なんとかさんの、株式のなんとかっていう本なんですけど……」などと聞かれても、店員さんは困ってしまうことだろう。 大型書店なら検索用の専用機が置いてあることもあるが、しかし油断はならない。筆者は先日、某書店でタッチパネルの専用機を使おうとしたのだが、どうも相性が悪か
Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く