Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
![画像アイコンはもう古い!CSSでスタイル自由自在のアイコンWebフォント](https://cdn-ak-scissors.b.st-hatena.com/image/square/51c6725928b1e730e03462c6e55cc55f45195e63/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F6%2F27%2Fl_2012-6-27_83dc315674c17426d1da4e11cf4ccd1a.jpg)
こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語(CSSプリプロセッサ)。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのようなレイヤースタイルをブラウザ上でCSS生成 Cascader HTMLにインラインで書かれたCSSを分割してくれる CSS3 Gradients Generator CSS3のグラデーションジェネレータ CSS3 Cheat Sheet CSS3のチートシート CSS3 Please CSS3をブラウザ上で学習できるサイト CSS3 Button Maker CSS3で作るボタンジェネレータ ref
Accordion with CSS3 | Codrops カッコよくデザインされたピュアCSS3なアコーディオン実装デモがチュートリアル付きで公開されています。 次のようなデザインでそのままサイトに使えそうです。このご時世、ピュアCSSでやる必要もないかとは思いますが、テクニックは学べます ダウンロードして素材として使っちゃいましょう 関連エントリ CSS3単体で動く垂直アコーディオンを:targetで実装チュートリアル スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」 良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く