超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン | TM Life
CSS / CSS3 と LESS を使って iPhone っぽいボタンを作る方法を 紹介します. LESS の機能をフル活用しつつ CSS3 をふんだんに散りばめてみました. いつも通りすべて jsdo.it で作成しているので簡単に実行, 確認, fork して修正なんてことができます. Step by Step で学べるように細かく分けたので, 実際に作りながら読んで頂けると幸いです. table of contents サンプル Step 00 まずは基本となるマークアップとスタイルを! Step 01 要素をボタンスタイル化する mixins を定義しよう Step 02 空だと意味が無い! 引数のパラメータを適応させよう Step 03 見た目をゴージャスに! 光沢を出そう Step 04 ブラッシュアップ! hover や action 時の変化 サンプル サンプルです. マ
jsdo.it が SCSS と LESS をサポート!! サンプルもあるよん♪ | TM Life
つい先日『jsdo.it が JSX と CoffeeScript をサポート!!』という記事を書きました. 「JSX や CoffeeScript がサポートできるんだったら Sass や LESS もサポートできんじゃね？」っと思っていたら 速攻でサポートしてくれてました!! 面白法人カヤックさんによる公式解説はこちら. ということでちょっと期間が空いちゃいましたが, 紹介します. Table of contents SCSS や LESS って何？ jsdo.it で SCSS や LESS を使ってみよう Example SCSS や LESS って何？ jsdo.it 上での使い方の紹介の前に SCSSって? LESSって?? って方の為にすこし説明します. SCSS や LESS とは, CSS をより楽に効率良く記述するための仕組み(言語?メタ言語??)です. どちらも変数を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
