[B! css][デザイン] torounitのブックマーク

torounit id:torounit

cssとデザインに関するtorounitのブックマーク (3)

コンテンツをレンガ状にどんどんスタックして配置していける「stackgrid.adem.js」:phpspot開発日誌
heyadem/stackgrid.adem.js GitHub demo コンテンツをレンガ状にどんどんスタックして配置していける「stackgrid.adem.js」レイアウト後のコンテンツ追加や、コンテンツ幅の変更、アイテム間マージンの変更等もアニメーション付きで出来るすぐれものです。流行りのレイアウトなので実装の際は１つの選択肢に出来そうです関連エントリ CSSドリブンなレンガ状レイアウト作成JSライブラリ「Salvattore」 image, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload Images」
torounit 2015/05/28
web制作

CSS

javascript

デザイン
リンク
透明度を少し駆使するだけで、CSSの装飾や変更が恐ろしく楽になる件 * prasm（プラズム）
CSSで定義済みの色「red」とか「blue」とかRBGの値（16進数）「#ffddcc」とか「#112233」とかRBGの値（10進数）「rgb(0 0 0)」とか「rgb(255 255 255 0.5)」とか初心者向けの本なんかでは例えば白を指定する場合は #ffffff、もしくは省略して#fff等で書いているコトがよくあると思います。 RGBの16進数で書けば rbg(255 255 255)と、表記することが出来ます。同じ意味です。得られる結果は同じですが、知っておくべき概念として Webセーフカラーとは【web safe colors】 – 意味/解説/説明/定義： IT用語辞典 webデザインをする場合、閲覧する環境が、閲覧する人によって変わるという考え方を常に持たないといけません。 webデザインにおける色の指定のおさらいをサラッと終わらせて、本題に入ります。今回使
torounit 2013/05/31
CSS

デザイン
リンク
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transf orm」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。サンプルページ » 01.切り取り線紙を切り取ったようなデザインです。サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
torounit 2013/02/05
デザイン

Webデザイン

css
リンク
1