

『 CSSLED-jsdo.it-ShareJavaScript,HTML5andCSS<divclass="led-red"></div><divclass="led-yellow"></div><divc... 』
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]LESSをはじめてみたいと思いつつも、既にある資産が邪魔していたり最初のとっかかりがないと感じている人は多いのではないでしょうか。そこで使ってみてほしいのがCss2Lessです。 0
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速!なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]Browser Support CSSのブラウザ対応状況が一発で分かる「BrowserSupport」。 ボックスにCSSのプロパティ名を入れるとオートインクリメントされ、検索できます。 検索するとブラウザ別、バージョン別の対応状況が簡単にわかります 補完されるのであれなんだっけ、という場合にも使...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]『 SASShasCompassandLESSdoesnot.これにつきると思う。 』
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]jQuery MobileやSencha Touchなど、Web技術でモバイルアプリケーションを開発するためのHTML5/JavaScriptフレームワークが普及し始めています。と、同時にそうしたアプリケーションをラップし、AppStoreなどで販売できるようなネイティブアプリケーション化する「P...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりまし...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリ...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]WEBサイト上に会話調のコンテンツを作ろうとするとき、吹き出しのデザインを使いたいなんてこともありますよね。 しかし、0から作ろうとするとなかなか面倒なのが現実。テンプレがあればサクッと作れるものなんでしょうけれども。そこで今回は、吹き出し調のデザインを簡単に作ることができるサービスをご紹介します...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、...
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]CSSのセレクタの記述例とそれがどのように適用されるか、実例を見ながら学べるサイトを紹介します。 各ブラウザのサポート状況も掲載されています。 Learn CSS Selectors interactively サイトに [...]
[ 詳細 ] [ 関連 ] [ ニコニコ風 ]



4/24に公開された「Google HTML/CSS Style Guide」が面白そうだったので適当に訳してみました。長いので各項の細かい説明は省いてます。より詳細に知りたい方は、原文を読んでみてください。 Google HTML/CSS Style Guide この文書の背景 この文書は、HT...
『 リストの並び順をおおよそ知っている場合じゃないとウザいだけだな。都道府県とか年号みたいなものならなんとかなる。FANが一番実用的だと思うけど、右がひらひらするより左がひらひらした方が可読性高いはず 』