タグ

tipsとwebに関するsumomonomoのブックマーク (9)

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    sumomonomo
    sumomonomo 2009/09/09
    最近使ってないけど使ってみるかMX
  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選

    Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。 そんな超基の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。

    Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
  • PocketMod: The Free Disposable Personal Organizer

    sumomonomo
    sumomonomo 2007/01/22
    これは使える。簡易メモ
  • Amazonで「もう少しで送料無料なのに」という時はこれを買おう - 頭ん中

    これは2007年1月時点の情報です。その後状況が変わっているので、現状についてはこちらをご覧ください。 【改訂版】Amazonで「もう少しで送料無料なのに」という時はこれを買おう – 頭ん中 Amazon で送料無料のためにあわせて買う商品はこれが決定版かも – 頭ん中 Amazonで買おうとしたが1470円だったことはないだろうか。 ご存知の通り Amazon.co.jp では 1500円以上買うと国内配送料が無料になる。 もうこれだけAmazonが使われているのだから 送料無料になる値段かどうかが 売上冊数にも影響するんじゃないかと思えるのだが、 それでも1470円ぐらいのは結構ある。 いっそ1500円にすればいいのに。 で、そんなことをここで言っていても多分何も変わらないので 合計1500円以上にする方法を探した方が早い。 で、あった。30円の商品。 キャンプ用の簡易ナイフとフォ

    Amazonで「もう少しで送料無料なのに」という時はこれを買おう - 頭ん中
  • CSS セレクタに関するおさらい | WWW WATCH

    CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTMLCSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説

    CSS セレクタに関するおさらい | WWW WATCH
  • Web design and development articles and tutorials for advent

    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,

  • ITmedia Biz.ID:書店にいるのに、本のタイトルや著者名を思い出せない!を解決

    お目当てのがあって書店に行ったのに、タイトルや著者名、出版社名が分からなくて買えない、という経験をしたことはないだろうか。そんなときに便利な方法を紹介する。 を買おうと書店に行き、すぐにが見つからなくて困ったことはないだろうか。筆者の場合、著者名やのタイトルは大体覚えていても、どこの出版社のか分からない場合に困ることが多い。単行は著者別に並んでいても、文庫や新書は、シリーズごとに並んでいるのが普通だからだ。 著者名や書名を正確に覚えていれば、店員さんに聞けば大抵調べてくれるが、うろ覚えだとちょっと聞きにくい。「保田なんとかさんの、株式のなんとかっていうなんですけど……」などと聞かれても、店員さんは困ってしまうことだろう。 大型書店なら検索用の専用機が置いてあることもあるが、しかし油断はならない。筆者は先日、某書店でタッチパネルの専用機を使おうとしたのだが、どうも相性が悪か

    ITmedia Biz.ID:書店にいるのに、本のタイトルや著者名を思い出せない!を解決
  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
  • 1