タグ

web Designとtipsに関するedo_m18のブックマーク (6)

  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (15) 04-01 CSSハック一覧 | クリエイティブ | マイコミジャーナル

    以下の一覧は、IE7でも使用可能なCSSハックである。CSSハックでは、特定のブラウザだけをスタイルシートの適用先とするため、ブラウザのバグや未対応機能を利用してセレクタなどを記述する。IE6の時代には、IE特有のバグを回避し、モダンブラウザと表示を揃える手段として多くのサイトで利用されてきた。 しかし、バグが修正されたIE7では、主要なCSSハックがこれまでと同じ目的では使用できなくなっており、対応が求められている。 CSSハックを使用せずに対応することができれば理想的だが、どうしてもハックを使用する場合、その仕組みやリスクを理解し、機能しなくなった場合はすぐに対応できるようにしておくことが重要だ。 なお、IEではコンディショナルコメントを使って適用先のブラウザを指定することもできる。 記述形式の表記 〜: 適用先を指定 ...: スタイルシートの設定を記述 property: プロパテ

    edo_m18
    edo_m18 2008/01/10
    色々なCSSハックまとめ。
  • PhotoShopでウェブデザインにクールな3D効果を取り入れるチュートリアル:phpspot開発日誌

    PSDTuts - Photoshop Tutorials and Links - Creating A Cool 3D Web Design Effect PhotoShopでウェブデザインにクールな3D効果を取り入れるチュートリアル。 作成するイメージは次のようなもの。 3D効果を入れると、重厚さ、高級さを演出できていいですね。 高級感のあるイメージのサイトにしたい場合にはぴったりです。 植物っぽい模様をつけたり、グラデーションで立体効果をつけるなど、なかなか為になるチュートリアルとなっています。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル

    edo_m18
    edo_m18 2008/01/09
    Photoshopを使ったwebデザインのワンポイント的処理の仕方。 高級感のあるサイトに便利そう。
  • 2007年の人気エントリーTOP10:phpspot開発日誌

    2007年の人気エントリーTOP10。 2007年にはてなブックマークで人気になったエントリのTOP10をまとめてみました。 Webデザイナー/開発者が覚えておくとよい25のテクニック 忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル WEBデザインに便利なオンラインジェネレーター&ツール集 押さえておきたい15のJavaScriptスニペット JavaScriptでIEかどうかをたったの1行で判別する方法 Flashでをペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 シンプルで使いやすい7つのフリーフォント 超クールなフリーフォント5種 CSSで作成されたサイトのメニューサンプル集 振り返ってみると

  • Tips/WebPage/class と id の違いとは? - outsider reflex

    意味の違い CSS では class セレクタも id セレクタも似たような使い方で利用できますが、そのせいか、 class と id を全く同じ意味だと思って混同していたり、「文字数が少なくて済む」からと id だけに統一している人がたまにいます。しかし、 class と id は全くの別物です。 class はその要素の分類を、 id はその要素の固有の名前を意味します。あなたの家で飼っている犬を、より細かな分類で雑種犬と呼ぶか、唯一無二の名前でポチと呼ぶか、そういう違いなのです。 使い分け id 属性は、「その要素に固有の名前を付ける」場合に使います。例えば、日記では以下のように使うことができるでしょう。 <ul> <li id="date20010819">2001/8/19 (Sun) 今日はお休み。</li> <li id="date20010820">2001/8/20 (M

  • HTMLタグリファレンス-Tips - eWeb

    HTMLタグを機能別に紹介しています。 このリファレンスはHTML4.01の規格に基づいて作成されており、IE独自のタグなども紹介しています。 HTML Tips、アルファベット順のタグIndexなども用意していますので併せてご覧になって下さい。

  • WEBデザイナー辞典|WEBデザイン/WEBデザイナー/WEBデザインのノウハウ情報

    webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい!でもどうやって勉強したらいいの?そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか? 仕上がったら展示場に投稿してみんなに見てもらおう。(現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね) 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザインSEO、運営

  • 1