人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

日常的にCSSでWebデザインをされている方に質問です。
「こんなCSSの使い方ができるんだ!」と感心したサイトを教えてください。

http://www.csszengarden.com/やhttp://www.mozilla-japan.org/のように、HTMLとCSSの中身をみて参考になるサイト。
また、感心されたポイントを教えていただければ幸いです。

●質問者: Kurobuchi
●カテゴリ:ウェブ制作
✍キーワード:CSS HTML Webデザイン サイト ポイント
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 186
●30ポイント

http://adp.daa.jp/archives/cat_web_design.html

ADP: Web Designアーカイブ

日常的とはいいませんが、多少デザインはしているので回答します。

1件目 ADP: Web Design アーカイブ

http://adp.daa.jp/archives/cat_web_design.html

ADP: Web Designアーカイブ

divを使わずにどこまでマルチカラム風デザインが出来るかという話です。細かいところまで気が配られた良いデザインかと。

2件目 folio いろはの先のcss

http://folio.daa.jp/06/r/168/index.html

"いろは"の先のCSS 第6回

リンク先は第六回です。ノート風の罫線をどう実現するかという話です。

第四回・第五回でテーブルレイアウトを実際にテーブルレスにするという試みも行われています。

3件目 「CSSを使ったホームページ制作で使える小技」のようなものを紹介しているサイトはありませんか?基本的な使い方は分かっていますが、レイアウトやデザイン等で使える面白い小技があれば知りたいと思います。

http://www.hatena.ne.jp/1061815907

「CSSを使ったホームページ制作で使える小技」のようなものを紹介しているサイトはありませんか?基本的な使い方は分かっていますが、レイアウトやデザイン等で使える面白.. - 人力検索はてな

過去にはてなであった質問です。

1,2はどうかと思いますが、3は参考になるかと。4は私が回答したもので、CSS+ulリストでタブを表現しています。

4件目 ( ´∀`)< CSS でイケてるデザインサイトリンク集(サムネイル版)

http://ike.s33.xrea.com/thumbnail.php

CSSでイケてるデザインサイトリンク集(サムネイル版)

直接的な回答ではありませんが、参考として。

現在288件のサイトのサムネイルがあります。全てテーブルレスな(筈)デザインなので、見て周ると宜しいかと。

http://folio.daa.jp/06/r/168/index.html

"いろは"の先のCSS 第6回

http://www.hatena.ne.jp/1061815907

「CSSを使ったホームページ制作で使える小技」のようなものを紹介しているサイトはありませんか?基本的な使い方は分かっていますが、レイアウトやデザイン等で使える面白.. - 人力検索はてな

http://ike.s33.xrea.com/thumbnail.php

CSSでイケてるデザインサイトリンク集(サムネイル版)

◎質問者からの返答

ありがとうございます。

とくにsmoking186さんの回答されたhttp://ike.s33.xrea.com/thumbnail.phpについては、夜な夜な見てまわります。


2 ● tredue
●30ポイント

英語でもCSSが理解できれば、何を云おうとしているかわかると思いますので、あえて英語のサイトを

ボタンの表現に関する解説

http://www.sovavsiti.cz/css/w3c_buttons.html

W3C buttons without images

スクリプトがつかわれているが透明化とターゲットの参考に

http://www.virtuelvis.com/gallery/css3/target/interface.html#con...

Fun with :target demo - Virtuelvis

いろいろなTipがあるサイト

http://www.alistapart.com/

A List Apart: A List Apart

Hot Topicsから「CSS」へ

http://www.stylegala.com/

Stylegala - Web Design Publication

RESOURCESから「CSS hacks 」「 CSS layout 」へ

◎質問者からの返答

ありがとうございます。

英語環境のほうが進んでいて助かります。

翻訳しながらがんばります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ