レスポンシブWebデザイン対応のCSSをカラム数やマージンを指定してダウンロードできる・34Grid
昨日に続き今日も似たような内容 ですが。グリッドレイアウトの レスポンシブWebデザイン対応の CSSフレームワークですが、こちら はグリッドのカラム数やマージン を指定できます。
cssやプログラミング
著作権放棄の、グリッドシステムを搭載したレスポンシブWebデザイン対応CSSフレームワーク・rwdgrid
著作権放棄のレスポンシブWeb デザイン対応CSSフレームワー ク、rwdgridのご紹介。自由に 使っていいフレームワークは 非常にありがたい存在ですね。 ありがたく使わせて頂きます。
グリッドレイアウト向けのシンプルで軽量なレシポンシブWebデザイン用CSSフレームワーク・Simple Grid
シンプルなCSSフレームワーク・ Simple Gridのご紹介。1140px をベースに、レスポンシブWeb デザインにも対応できるグリッド レイアウトなWebサイト向けの フレームワークです。
綺麗目で見やすいjQuery UIのデザインテーマ・DELTA
jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitte...
日付ピッカーを実装するだけのシンプルなスクリプト・Pikaday
シンプルな日付ピッカーを実装する 為のスクリプト・Pikadayのご紹介。 jQueryなどに依存せず、独自で動作 する非依存型スクリプトなので使い やすいのでは無いかと思います。
D3.jsを使ったグラフの作成をWeb上でテスト、シェアできるコード共有サイト・Tributary
よくあるコード共有サイトです が、グラフを絵画できるD3.js に特化しているという特徴が あります。コードを書くとすぐ に反映されるので勉強用にいい のでは。
CSS3のbox-shadowだけで作られたモナリザ・・・
CSS3で～を作った！という類の ものはかなり見かけていました が、今度はbox-shadowだけで 名画モナリザを描いた方が出て 来ました・・・熱意が凄いです。 役に立つかどうかは置いておいて。
ベーシックで使いやすそうなレスポンシブWebデザイン向けCSSフレームワーク・CSSHórus
ベーシックなタイプのレスポンシブ Webデザイン向けCSSフレームワーク のご紹介。この手のフレームワーク はかなり出回ってますので肌に合う かどうかで決めても良さそうですね。
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル
今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。
シンプルで使いやすく、IE7にも対応可能なレスポンシブWebデザイン向けフレームワーク・BASE
結構良さそうなフレームワーク だったのでメモがてらご紹介。 シンプルなレスポンシブWeb デザイン向けフレームワーク・ BASEです。IE7にも対応可能だそ うです。
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet
見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・
レスポンシブWebデザインのためのリソースをまとめたWebサイト・This Is Responsive
レスポンシブなWebデザインを 作るときに役立つ情報やツール などをまとめているWebサイト、 This Is Responsiveをご紹介 します。情報はかなり出回って いるのでこうして纏められると 助かります。
シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST
よりシンプルに、を追求したCSS フレームワークだそうです。レス ポンシブWebデザインにも対応し ています。シンプルと言う言葉に どうも弱い・・・
モーダルウィンドウを表示する際に遠近感を付けるスクリプト・Avgrund
モーダルウィンドウを表示する際に 遠近感を加えて分かりやすくする、 というコンセプトの元、作られた スクリプト・Avgrundのご紹介です。 思いつきませんでしたが、結構いい ですね、これ。
ファビコンに動的な円グラフを実装できるJSライブラリ・Piecon
ファビコンに動的な円グラフを実装 するJavaScriptライブラリ・Piecon のご紹介。ユニークなライブラリで すね。以前、ファビコンでテトリス を実装するライブラリを見かけまし たけど、今後増えるのかな。
CSSのみでYoutubeにオリジナルのフレームを加えてみる
実用性の無いネタ的な内容です。 JavaScript等を使わず、CSSだけ でYoutubeのフレームを作ってみ ます。CSSだけで作ったからどう、 という訳ではないですけど・・
DOM操作用に作られた軽量JavaScriptフレームワーク・Chibi
DOM操作用の軽量JavaScriptフレーム ワーク・Chibiのご紹介。圧縮版で 5KBほどのフレームワークで、単純な DOM操作をjQueryライクに出来ます。 オールドブラウザにも対応してくれて るみたいです。
CSS専門のスニペット共有サイト・CSSPop
コードスニペットを共有できる Webサービスは沢山ありますが、 CSSPopはCSSを専門としたコード 共有サイトです。なかなか珍しい し、結構便利な小技も見かけま した。
keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る・Stylie
CSS3のkeyframesアニメーション を生成するWebサービスのご紹介。 同じようなツールは他にも有りま すけど、結構シンプルで良さそう だったのでシェア。実際に動作を 確認しながら作れます。
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。
グローバルメニューとかでマウスホバーしているリンク以外にCSSだけでブラー効果を与える
JavaScriptでよく見かける、ホバー 状態のアイテム以外にエフェクトを かける、みたいなのをCSSで実装する という内容です。目新しい手法では 無いです。
ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。