- 2007.01.13 Saturday
- Weblist
分類は結構適当かつ、自分が見やすいのが基準。作りかけ。随時、追加・修正あり。
[補足]えと、なんか大量にブクマされてるみたいなんで、ちょっと補足説明。
まず、今のウチのデザインやらソースやらを見れば分かるかと思いますが、Webデザインに関して私はド素人です。詳しくもないです。現在1から勉強中。
故に、当初はWeb Developer's HandbookとかCSS, Accessibility and Standards Linksみたいなのの日本版があったら便利なのになーと思って作り始めたリストですが、結果的には、自分がこれからちゃんと読んで理解しなおそう、取り入れようというものが主体に。んで、もしかしたら、バッドノウハウと言われるようなものも、自分では判断できずに紹介しちゃうかもしれませんので、適宜、ツッコミ頂けるとありがたいです。
すでにコメント欄でもサイトを紹介して頂いてますが、知らないところもたくさんあると思うので、情報大歓迎。
あと、この記事のみのフィード張っておきます。
Daily Reading - blog -
- 2xup.org
- 3ping.org
- Lucky bag::blog
- hxxk.jp
- hail2u.net
- Pajatti.net Weblog
- Alternative Design Project by Momomo
- てんぽ
- ike design Mk-II [links]
- CSS HappyLife
- WWW WATCH
- STOPN' LISTEN
- ミツエーリンクス | Web標準Blog
- 徒書
- 我的春秋
Basic Knowledge
- ごく簡単なHTMLの説明 [html]
- Blogサイトで見かける変なHTML [html]
- Lucky bag::blog: CSS を作成する際のお約束 [css]
- デフォルトスタイルの差異を無くすCSS [css]
- スタイルシートを書く時のガイドライン - 2xup.org [css]
- スタイルシートを分けて管理する方法をまとめる - 2xup.org [css]
- CSS 分割管理の実践編 - 2xup.org [css]
- よく使うCSSの話|基本編 [css]
- CSSにおけるセレクタの優先順位 - Aquea.jp [css]
- CSSレイアウトの定石 WinIE6バグ回避法 [css]
- LIPPiN | プロパティの書き順@脳内ルール [css]
- Lucky bag::blog: line-height の値には単位なしが良いとされる理由 [css]
- Lucky bag::blog: xml宣言について [html]
- hxxk.jp - DOCTYPE スイッチについての検証とまとめと一覧表 [html]
- 入力フォームのユーザビリティ&アクセシビリティ
- CYBER@GARDEN [html] [css] [文字参照一覧] [言語コード一覧]
id名、class名
default.css (最初に指定すると便利なCSSの指定)
- デフォルトスタイルの差異を無くすCSS
- 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ | STOPN' LISTEN
- bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife
layout
- ボックスのセンタリング ～CSSテクニック～
- サイドの背景画像を本文にあわせてページの最後まで表示する（2カラム）｜CSSテンプレート｜CSS HappyLife
- floatさせた子ボックスが親ボックスの外にはみ出す現象を回避 | BLOG × WORLD ENDING
- Lucky bag::blog: IE で min-width を指定する方法
- 一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
- Lucky bag::blog: dt と dd を横並び
パンくずリスト
Color
IEと透過PNG
- 透過PNGをIE6以下のバージョンで綺麗に表示する方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
- 透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
- IEと透過PNG
JavaScript
ポータル・読み物
角丸
CSS - 画像まわり -
- 小粋空間: CSSで画像に影をつける（ドロップシャドウ）
- hail2u.net - Weblog - ジャケット画像のポップアップ #3
- hail2u.net - Weblog - ジャケット画像のポップアップ #4
- Lucky bag::blog: CSS で画像ポップアップ
- Lucky bag::blog: CSS だけでフォトギャラリー
画像作成
- 宵闇書房 Twilight bookstore | Photoshopでアクア風（2） [Photoshop]
- Photoshop でつややかな表現をわりと簡単に実現する - 2xup.org [Photoshop]
- アクアピル スクリプト [GIMP 2.x対応]GIMPでアクア風ボタンを作るスクリプト
- クリスタルボール :[GIMP]
- ガラス状の球[GIMP]
商用利用可の大きめ写真素材
- Futta.NET - 写真素材 : 有名商用サイトでの使用は、決定後に連絡必須。
- ゆんフリー写真素材集
- 2000ピクセル以上のフリー写真素材集
- PhotoBox YAS - 印刷可能な無料高画質写真素材 -
- 高解像度ホームページ素材写真「フリーフォトボックス」
- 無料写真素材 p-fan.net
Daily Reading -海外-
- Css Globe Web Standards News From Around The Globe
- A List Apart
- 456 Berea Street
- CSS Help Pile
- CSS Beauty のニュースフィード
- Stylegala のニュースフィード
その他、有名どころのフィードを集めた Don't Meet Your Heroes - The CSS & Web Standards News Compilation Site - DMYH とか Design-Feed Latest の Feed List からお好みで。
Design Showcase
- [・ω・][CSSDesign][WEBDESIGN] - 非公式サムネイル版[はてブから取得]
- ikesai.com --- いけてるサイト ドットコム
- Best Web Gallery
- CSS Beauty
- CSS Drive
- CSS Blast
- CSS Bloom
- CSS Mania
- CSS Hazard | とても危険のギャラリーと思います [イエイリしゃちょー]
- css thesis
- CSS Vault
- CSS smooth operator
- CSS Import
- Darkeye
- デザインリンクデータベース[jp]
- Design Shack
- Pajatti.net [jp]
- » screenfluent
- Standards Reboot
- Styleboost
- Stylegala
- Unmatched Style
- W3C Sites
- Web Creme
- Data Tables and Cascading Style Sheets Gallery [table]
- LogoPond [logo]
- CSS Tabs and CSS Navigation Menus Showcase : [tabs] [navigation]
- Blog Comment Form Design Showcase | Smiley Cat Web Design[comment form]
- Liquid Designs
- light on dark [暗めの配色]
- sIFR Beauty[sIFR]
- Elements of Design [comment form]s[comments][Typography for Headlines][calendars]
Tips / Techniques [海外]
tool / Web tool
- Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連 | caramel*vanilla :[Firefox拡張] caramel*vanilla さんのまとめ。
- Quick Lookup : [css] CSS のリファレンス。PHP、 MySQL、JavaScriptも。
- フォントブラウザ : IE限定ですが、日本語のフォントも確認できます。
- bgMaker : 背景画像を作る
- Background Image Maker : Web2.0な背景画像作成
- 数値文字参照用変換スクリプト
- BROWSIZE.ORG : ブラウザのレンダリングエリアサイズを集計・解析
- .htaccess Editor」 .htaccess ファイルを簡単作成
- FavIcon from Pics : ファビコン生成ツール
検索
- Newer: GIMPで簡単にアクアボタンを作るScript
- Older: IE7でマウスジェスチャー
Recent entries from same category
- Podcastで聞けるクラシック ー Beethoven - Deutsche Welle (02/26)
- Web Developer Toolbar & Menu for Opera (03/22)
- 「実践 Web Standards Design」再読中。 (03/21)
- XHTMLをちゃんとする 2 - 記事のマークアップ (02/27)
- font-family に メイリオ を指定 (02/17)
- Web2.0な画像を配布している bittobx (02/12)
- Convert TrueType Font to Sifr Flash File - sIFR用のFlash FileをWeb上で簡単に作れるツール (02/07)
- id名、class名を見直す。 (02/01)
- blockquoteの覚書と試行錯誤 (01/25)
- 日本語で読めるものを中心に - Webデザインのリンク集 (01/13)
Comments:8
- 通りすがり 2007/01/15 09:39 AM
-
http://www.designlinkdatabase.net/
↑最近にぎやかかと。 - 通りすがり 2007/01/15 11:14 AM
-
http://stopnlisten.no.land.to/
↑clearfixでは最も有力かと。 - 通りすがり 2007/01/15 11:50 AM
-
http://www.cybergarden.net/
↑ここははずせないかと。 - 佐倉＠管理人 2007/01/15 07:09 PM
-
＞01/15 09:39 AMの方
ども。designlinkdatabase.net はURI探してたとこだったので、助かります。
＞01/1511:14 AMの方
紹介して頂いたサイトは寡聞にして知りませんでした。情報ありがとうございます！
＞01/15 11:50 AMの方
ですよねぇ。なんで入れてなかったんだろ。Web標準の教科書も買ったのに。 - KORY 2007/02/09 10:46 PM
-
先日ブログにあなたの記事を転載してしまった者です。
自分が使うメモとして残したかったのですが、公開しているものである以上、無許可転載になるのは当然でした。大変失礼いたしました。記事を削除致しました。
ご気分を悪くしてしまって大変申し訳ありませんでした。
応援させて頂いてますので、
なにとぞよろしくお願い致します。 - 佐倉 2007/02/10 07:13 AM
-
KORY様
削除、確認しました。
ご自身のメモということであれば、ローカルに保存して頂ければ全く問題ありません。私は自分のメモとして残す場合はFirefoxのScrapbookというアドオンや、紙というソフトを愛用してます。便利ですよ。
丁寧なコメントを残して頂き、ありがとうございました。 - 通りすがり 2007/04/15 01:32 AM
-
[Lucky bag::blog: CSS で画像ポップアップ] へのリンクがおかしいみたいですよー。 - ライアーゲーム 2007/06/20 01:37 AM
-
デザインお上手ですね
CSSかー
Trackback:1
- TrackBack URL for this entry
- http://lush-life.org/sb.cgi/72
- Listed below are links to weblogs that reference
- 日本語で読めるものを中心に - Webデザインのリンク集 from lush life*
- Webデザインのリンク集（日本語） from 杉並探索日誌（中辛） 2007/01/14 04:46 PM
- はてなブックマークで見つけたWebデザインの参考になるリンク集。私も参考にするサイトがいくつか入ってます。分類は結構適当かつ、自分が見やすいのが基準。作りかけ。随時、追加・修正あり。日本語で読めるものを...