無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
大企業に入ると「大企業はクソだ」ということが学べます - 脱社畜ブログ
大企業のほうが成長できるとか完全にウソ- Chikirinの日記 http://d.hatena.ne.jp/Chikirin/20131113 「成長」ってそもそも何なのだろうか？という話が前提としてあるのだけど、何かを習得するのに研修を受けるよりも実際にやってみたほうがよいというのは多くの場合そうで、そういう点で大企業が微妙だというのは同意できる。 もっとも、エンジニアのような職種であれば「最初は大きいところに行ったほうがいい」というアドバイスも一理あるとは思う。たとえば新卒でベンチャーに入って、「とにかく動けばそれでいいんや」的な独善的なコードを書きまくるというのが本当に「成長」なのかと言われると、これはどうなのだろうか。『徒然草』の「仁和寺にある法師」ではないが、案内者がいないことで独善に陥り、それでお山の大将になってしまうというのはこういう職種だとありうる気がする。もちろん、やる
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
