タグ

2010年5月20日のブックマーク (5件)

  • IDEA * IDEA

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

    IDEA * IDEA
  • 写真に大切な6つのデザイン要素とその効果的な使い方

    シンプルな題材でも印象的な写真にする、大切な6つのデザイン要素とその効果的な使い方をPhototuts+から紹介します。 6 Elements of Design for Striking Photographs 下記は、その意訳です。 はじめに 写真を印象的にするものは何でしょうか? それは誰にでもできる普通の方法で実践することができます。ここで取り上げるものはテーマやアイデアを一つに絞り、最小限で実践できるようにしました。それはシンプルで、当に偽りのないものです。ここではシンプルな題材を印象的な写真に変えるとができる6つのデザインエレメントに注目してみましょう。 ここで注目するデザインエレメントは、ライン、シェイプ、フォーム、テクスチャ、パターン、カラーの6つです。すべての写真に意図的か意図的ではないにしても、これらのデザインエレメントを含んでいます。特に、ライン、テクスチャ、カラー

  • 商用利用も無料、再配布も可能なシンプルなフリーのアイコン -DEFAULT iCON

    DEFAULT iCON ___ Free Elegant Icons ダウンロードできるアイコンのフォーマットは、EPS, GIF, PNGの三種類が揃っており、GIFとPNGは16x16のミニサイズから256x256のビッグサイズまで用意されています。

  • 複数のレイヤーを使用したウェブデザインのガイドラインと実例 | コリス

    複数のレイヤーを使用したマルチレイヤータイプのウェブデザインのガイドラインと実例をNoupeから紹介します。 Multi-Layered Design: Guidelines and Examples マルチレイヤーのガイドライン 私たちは、マルチレイヤーのデザインがミニマリストのサイトよりビジュアル的により複雑であることを知っています。しかし、そのマルチレイヤーをどのように作成するべきかに多くを語っていません。 マルチレイヤーのデザインは、ミニマリストのデザインから始めた人にとってはなかなか踏み出せないものかもしれません。 テーマを決める 最も良いデザインは、全体的にテーマか美学的なものを持っています。決して任意のエレメントを急いで作っているだけではありません。例えば、汚した感じのグランジのエレメントは、より繊細に使用されます。 Team Fannypack 非常に明白なグランジデザ

  • [JS]ユーザビリティに配慮したアコーディオンを実装するチュートリアル

    ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」(閉じた状態)のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row