Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
sitepointのエントリ CSS Frameworks and Semantic Class Names cssフレームワークのデメリットを解決しつつcssフレームワークを利用する、という主旨 但しプログラミングの知識が必須。 以下斜め読んだ内容 cssフレームワーク。例。blueprint css、YUI Grid、960.gs cssフレームワークは便利だがデメリットがある セマンティックではない、class名を付けることを強制される ex.span-9,span-24,etc.. cssフレームワークはセマンティックなマークアップと両立しない よくある態度。便利さと引き換えの必要悪として受け入れるという態度 cssフレームワークとセマンティックなマークアップは両立できる 2つ紹介 解決１。スクリプトで案件ごとに自動置換（ex.compress.rb） compress.rbはBl
Sassの存在意義の話があんまりうまく伝わってない感じなので、3の別々に書けてSassで関連付けられるということについて少しだけ書く。抽象的な概念の話なので具体的な説明というのもなかなか難しいけど、CSSフレームワークを使う時にどうなるかみたいなことを取り上げる。 Twitter Bootstrapを始めCSSフレームワークはいくつもあるが、それらはだいたいユニークなクラス名を持っている。例えばTwitter Bootstrapで2カラムレイアウトを作る場合は以下のようなHTMLにしなくてはならない。 <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> div要素はsectionやaside要素などを使っても良いが、クラス名はこうでなくてはならない。Sass (やLESS)があ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
