森です。
最近モックアップやプロト的なhtmlを作っています。
初めは素のデザインで作っていたのですがあまりにも残念な見た目になってしまい、
なにか適当なCSSフレームワークでもないかと探していたところ
Twitter製の「Bootstrap」にたどり着きました。
http://twitter.github.com/bootstrap/
早速使っているのですがとても便利です。
ゼロから作ると割りとめんどうな段組レイアウトやアラートメッセージなどの装飾、フォームのデザインがそれなりに見れるようになりました！
あとはサンプルを参考にjQueryを駆使しつつテーブルのソートやモーダルの実装すれば…などと考えていて実際この記事もそのために書いていたのですが、
先日アップデートされてよりサンプルが充実、専用のJS（bootstrap-*.js）も同梱されるようになりました！！
よってこの記事には価値がありません…
なにはともあれマニュアルも充実しておりデザイン反映もより簡単になったBootstrap、皆さんもためしてみてください。
メディア開発部の青柳です。
今回は、社内で行っている勉強会の「UX勉強会」をご紹介したいと思います。
UXとは「ユーザエクスペリエンス」の略でして、使いやすさや、使い心地、面白さなどのユーザ体験全体を指す用語です。
このUX勉強会では、みんなでイケてるサイト、イケてないサイトを紹介しあい、「ユーザエクスペリエンス」に関するトレンドを知ることを目指しています。
今までに取り上げたサイトとしては、GitHubなどのHTML5を使ったサイト、Apple（のサイトデザインに関する考察）、いまいち使いにくい某新興SNSサイト、非常にシンプルながら使いやすい某不動産会社のサイト・・・などなど多岐にわたります。
知らなかったサイトが紹介されることも多く、「へー」と感心することもしばしばです。
この勉強会のもうひとつ面白いところは、システム開発のメンバーとWebデザインのメンバーの両方が参加しているという点です。今までのところは残念ながらほとんどないのですが、プログラマーとデザイナーの間で評価が分かれるようなサイトが見つかれば、きっと興味深い議論ができると考えています。
こんにちは。
メディア開発部の藤木です。
今回はCSSクイズを紹介したいと思います。
英語のサイトですが、特に読まなくても回答できます。
私も挑戦してみたのですが、結構難しいです。
内容はCSSで指定してあるテキストの色を当てるという一見簡単そうな問題なんですが
親要素のDIVで指定してある場合や、クラス指定でしてある色、クラスを重複して指定してあるケースなど様々なパターンがあって、優先順位について理解しているつもりでも、この場合はどっちになるんだ？と思わず悩んでしまいます。
CSSクイズはこちら
■URL
Nettuts+ Quiz #5: CSS Specificity and Cascading
実際に仕事でもコーディングしていると
知らない間に要素を継承していて、とんでもないレイアウト崩れすることがあったりもしますね。
marginやpaddingは特に、要素を消したり、付け加えたり、また消したりと、
時間が経つとカオス状態になることがあるので気をつけておきたいと思います。
もう面倒くさいから!importantでいいやと思ったら負けですね。
教えてくれた森氏に感謝！！