chalcedonyのクリップ (2673) / WebDesign (221)
-
ウェブデザインのタブーをあえて破ってみるための10のTips | コリス
普段なら敬遠される要素を盛り込んで上手く仕上げたWebデザインの例いろいろ。便利さとかより(見た目という意味での)デザインやギミックを重視するサイトなら、あえて禁を破るのもありなんだろうね。ただ、よほど考えないと失敗しそう。/ 記事としてのオチは面白くないな……
-
[css] @importを使うべきでない理由 | Screw-Axis
CSSファイルの平行ダウンロードを阻害する(特にIEで顕著)、読み込み順序が変わってしまう可能性がある、の2点。上手く使えばブラウザ判別に役立つらしいけど、それを意図しない場合はなるべく避けたほうがいいのかも。
-
[CSS]印刷用のスタイルシートがグッとよくなる、3つのポイント | コリス
テキストの色と位置を調整、改ページ指定、は当然考えるけど、リンク先のURL表示は思いつかなかった。擬似要素のafterを使ってa要素のhref属性を挿入、なるほどねー。
-
20+ Best Tutorials to Convert Psd to Html/CSS | Dzine Blog
PSDで作ったWebデザインをHTMLにするためのチュートリアル集。未読
-
siiimple
シンプルなWebサイトデザインサンプル。
-
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine
CSS Spritesについてのリンク集。実例、解説記事、ツール類など。英語。
-
Interface Design Inspiration | 30 Beautiful Website Footer Designs | Dzine Blog
Webページのフッタデザイン集。最近流行の大き目のフッタが多い。
-
有名サイトが使っているid名class名集めてきました! | CSS Lecture
あるあるid/class名。参考に。しかし実は迷うのはこういう有名どころよりも、メニュー内の何かとかそういう細かい要素のidだったりして
-
[CSS]うっかりでは済まないスタイルシートの記述の間違い集 | コリス
これらの多くはシンタックスハイライトのできるエディタ使えば防げる気がするんだ
-
10 Cool Things We’ll Be Able To Do Once IE6 Is Dead
IE6がいなくなったらできること=IE6に対応する気があるなら使ってはいけないもの
-
Googleの元デザイン責任者、Twitterに入社 - ITmedia News
お、例の人か。デザインをデータで決定するGoogleが嫌になって飛び出したという……
-
まめ島グラフィックス:カンタンに操作できればいいってもんじゃない - livedoor Blog(ブログ)
『カンタンに公開できるようにと、考えたUIでしたが気軽に出来すぎてしまうため不安を与えてしまうコトになっていた』/ ものによっては、簡単よりも「安心感を与えるためにあえて手間を増やす」ことも考える必要があるってことらしい。
-
続・FireFoxのテキスト自動改行 - Affirmative Way
word-breakと­(ソフトハイフン)の各ブラウザ挙動。/ <wbr>ハックって初めて聞いたわ
-
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
マークアップエンジニアがディレクターに知っておいてほしいと思ってること
-
innerHTMLのより速い書き方 - zorioの日記
FirefoxではinnerHTMLを使って書き換えるとたいへん遅い。子ノードの削除に時間がかかるのが原因なので、書き換え後の内容で新規ノードを作り、replaceChildで置き換えると速い。ほほー。
-
Windows 7のAero snapで、横幅固定サイトが無くなることを期待 - むぅもぉ.jp
ウィンドウを画面端にくっつけると自動的にサイズ変更してくれる機能で、ウィンドウサイズを変えて使う人が増える→幅固定なくなるんじゃないかという話。/『ウィンドウ最大化の人が多い理由のひとつに、ウィンドウのサイズを変える操作がめんどくさい、というのがあったと思います。』これ全然思ったことなかったからびっくりした。むしろ最大化してて切り換えるほうが面倒に思える。同時にいろんな作業するのが当たり前だったからかもしれないけど。
-
404 Error Pages, One More Time | Design Showcase | Smashing Magazine
404ページのデザイン集。綺麗なものや面白いもの、他のページへの誘導などいろいろ。ここが凝ってるとリンク切れもちょっと許せる気持ちになるよね
-
クリックすると固定リンクをコピーしてくれるインターフェース - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~
面白いけど、個人的にはブラウザの機能でコピーすれば十分かなと思わなくもない。右クリック→メニューを選ぶ、が難しい人ならあるいは……?
-
離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)
『地下鉄など電波の不安定な場所で暇つぶしをしているユーザは、インターネットに接続できるタイミングが限られているため、過度な読み込みを嫌う傾向があります。』たぶんここが一番重要なところ。画面が小さいからといって、ページを分割しすぎないことも大事……

