[B! css3] hiroaki0916のブックマーク

Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT

CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。まずデスクトップからです。ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。タイポグラフィ。可読性高いです。リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。インジケーターやラベル、アラート。こういうのもよく使いますよね。フォーム。基本的にplaceholderを使った表示になっているようです。テーブル。角丸サポートです。タブ。幅が設定できます。縦のタブもあります。ドロワー。クリ

hiroaki0916 2013/10/22

リンク

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。改良のポイントは次の通りです。文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説していますフラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

hiroaki0916 2013/09/13

リンク

xycss.com - このウェブサイトは販売用です！ - xycss リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

hiroaki0916 2013/01/18

css
css3

リンク

Basic Ready-to-Use CSS Styles | Codrops

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements. Today we are going to dig a little bit more into process development. When you’re creating a website or an application from scratch, you may need a collection of patterns helping you buildi