[B! css] chihiro_69のブックマーク

una.im | Introducing CSSgram: A CSS Library for Instagram Filters

Introducing CSSgram: A CSS Library for Instagram Filters Published on October 25, 2015

chihiro_69 2015/10/28

リンク

https://developers.google.com/web/tools/setup/workspace/setup-devtools

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

chihiro_69 2014/06/20

リンク

スクロールすると変化しながらついてくる画像 | SIMPLE*SIMPLE

CSSでこんなこともできるのですねぇ。すごい。 ↑ アニメーションでどうぞ（クリックすると実際のデモ画面へ）。応用すると次のような効果も実現できますね。これもおもしろい。 ↑ シュレッダーちっくに（クリックで動作する画面へ）。アイデア次第でいろいろ使えそうですね。実際のマークアップの仕方は以下に詳しいですよ。 » Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)

chihiro_69 2009/01/18

css

リンク

CSSでフォームデザインをする際のチュートリアル:phpspot開発日誌

Stylize Forms With CSS - Webmonkey CSSでフォームデザインをする際のチュートリアル。フォームデザインは、form, fieldset, legend, label なんかのタグが混じってきて複雑で、個人的にあまり得意ではありません。今回紹介するページでは、マークアップとCSSが紹介されていて、フォームを記述、デザインする際の参考になります。マークアップは以下。 <form action="#" class="myform"> <fieldset> <legend>Leave a Comment</legend> <ul> <li> <label for="name">Name:</label> <input id="name" /> </li> <li> <label for="em ail">Em ail:</label> <input id="em

chihiro_69 2008/10/30

css

リンク

CSSで超クールなメッセージヒントボックスを作成するサンプル:phpspot開発日誌

CSS Message Boxes for different message types CSSで超クールなメッセージヒントボックスを作成するサンプル。データ保存をした場合や、エラーメッセージを出す際に便利なヒントボックスのCSSサンプルが掲載されています。アイコンは、「Knob Toolbar icons」を使っているみたいで、CSSの記述が紹介されてます。これはなかなか使えそうです。関連エントリ CSSを使ってファンシーなボタンを作成するテクニック CSSで背景画像をリサイズするテクニックフリーのビューティフルなCSSテンプレート沢山「Css 4 Free」