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