タグ

webデザインとTipsに関するwasaiのブックマーク (7)

  • [CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

    IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント:スタイルシート Conditional classnames -条件付きコメント:class名 CSS hack -安全なCSS hackとは 条件付きコメント:class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント:スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ

    wasai
    wasai 2011/05/25
    あとで見ておく
  • 写真を使用してデザインをするためのベストプラクティス

    写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方

    wasai
    wasai 2010/09/23
    Webデザイナーではないが写真は良く撮っているので、参考にしておこう
  • [JS]回答のパネルがアニメーションでスライドするFAQのスクリプト -Simple FAQ

    回答のパネルがアニメーションでスライドして表示されるFAQを実装するスクリプトをJKD Designから紹介します。 Simple FAQ demo デモではよくある質問がリスト要素で配置され、「+」アイコンか質問箇所をクリックすると、回答のパネルがスムーズなアニメーションでスライドします。 スクリプトのオフ時には、質問と回答が成り行きで表示されます。

  • かっこいいボタンを作る方法 – creamu

    GIANT ROBOTSというサイトで、かっこいいボタンを作る方法が紹介されています。 まずPhotoshopを使ってボタンをデザインしていく方法が書いてありますね。レイヤースタイルが細かく書かれているので参考になるのではないでしょうか。 CSSでの実装方法も書いてあります。↑のキャプチャのCSSスプライトはとてもわかりやすいですね。 一度見てみてください。 » How to make really nice buttons 今日も超いい天気ですね〜。暑い。今週もがんばりましょう。

  • 既存のデザインのクオリティをアップする8つのポイント

    デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用

  • ホットリンクを防ぐ方法

    ホットリンク、ホットリンキングというのは、他のサイトの画像をそのままソース元したリンクのことです(必ずしも画像とは限りませんが)。 直リンクともいいます。 たとえば、僕がこのブログに「suzuki-logo.jpg」という画像を、 <img src="/images/suzuki-logo.jpg" / > というタグで表示していたとします。 他のサイトの管理者がこの画像を自分のサイトに掲載するときに、 <img src="//www.suzukikenichi.com/images/suzuki-logo.jpg" / > と記述すると自分のサーバーに保存した画像ではなく、僕のサーバーに保存されている画像を直接呼び出すことができます。 勝手に画像を利用されていることも問題なのですが、このサイトに誰かがアクセスするたびに、僕のサーバーにも画像データを表示するための通信が発生します。 サーバ

    ホットリンクを防ぐ方法
  • IDEA * IDEA

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

    IDEA * IDEA
  • 1