Buttonsのデモ デモでは、リンクのテキストやbutton要素、input要素にclassを付与するだけで、さまざまなデザインのボタンが実装されています。 トレンドの Flat 上から、アイコンを添えた Icons, 縁が光ってる Glow, ...

次の開発で軽量フレームワークのPure.cssを使おうと思うので勉強がてら使い方をまとめておく。 Yahoo!が開発した軽量のレスポンシブCSSフレームワーク。 gzipで3.7KB、非圧縮でも30KB程度。 色々なコンポーネントが用意されてあり、カスタマイズ、拡張が容易。

Part.11で入力したテンプレート部分のプログラムを理解できる。 テンプレートとしては「categories.html」「category_form.html」を新規で作成し、「add_product.html」「products.html」「manage_product.html」で追加と修正を行いました。 categories.htmlの作成 categories.htmlの内容。

先日紹介した「CSS3 GitHub Buttons」もシンプルで使い勝手がよさそうでしたが、今回紹介する「Buttonize」もシンプルながらデザインも豊富に揃っています。 Buttonizeで実装したボタン ちなみに、CSS3 GitHub Buttonsは下記のようにシンプルなボタンです。 参考 ...

新たに始まった連載 「CSS3アニメーションでつくるインターフェイス表現」 では、 CSS3によるアニメーション表現を紹介していきたい。その中でも、 幅広い読者に応用してもらえるだろうインターフェイスをおもなお題とする。CSS3が充実し、 ブラウザの ...