各ブラウザに対応するCSSハックやJavaScriptによるハックをまとめているWebサイト・Browserhacks 各ブラウザのバージョンごとのCSSハックやJavaScriptによるハック方法をまとめているWebサイト・Browserhacksをご紹介します。CSSハックという言葉自体ちょっと懐かしい気がします・・・2013.03.03 | 11時13分56秒cssやプログラミングWebデザイン
有用なCSSフレームワークをまとめた・FRONT-END CSS FRAMEWORKS 有用なCSSフレームワークだけをコレクションしているサイト・FRONT-END CSS FRAMEWORKSがあったのでご紹介です。有用かどうかは個人差がありそうですけど、これかから探す方は覗いてみるといいかも。2013.02.24 | 12時09分08秒cssやプログラミングWebデザイン
商用利用も可能の、フラットなデザインのアイコンを大量に配布するWebサイト・Icons DB フラットでシンプルなデザインのアイコンを大量に配布しているIcons DBのご紹介。全て商用利用が可能で、帰属表示も不要との事です。サイズもかなりの種類で用意してくれているので、テイストが合うならいいかもですね。2013.02.18 | 10時28分30秒メディア関連
jQueryベースの軽量UIライブラリ・w2ui jQueryベースの軽量なUIライブラリ・w2uiのご紹介。軽量な理由が、IE8以下に非対応にしている、との事なので、利用シーンはやや限られるかもしれませんが、これはこれで。2013.02.16 | 11時01分16秒jQueryWebデザイン
スマフォやPC用のアプリを紹介するデモ動画をコレクションしているWebサイト・AppScreens アプリを紹介する動画をコレクションしているサイトのご紹介。ありそうで無かった気がします。動画での紹介はユーザーへのアプローチ方法としてはとても効果的なのでアプリを紹介するページでは取り入れたいところです。2013.02.15 | 11時02分59秒Webデザイン動画関連
緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken モバイルファーストなWebサイトの制作向けに作られたフレームワークです。ライセンスはあまり聞きなれないWTFPLというもの。かなり緩いので使いやすいのでは無いかと思います。2013.02.13 | 14時08分54秒cssやプログラミングiPhone / iPadWebデザイン
モックアップ作成用に作られたブロック型フォント・BLOKK モックアップ作成用のために作られたフォント・BLOKKのご紹介です。半分はネタみたいなものですが・・・発想は面白いと思ったのでご紹介してみます。モックアップ以外にも使える気がしないことも無い・・・かな?2013.02.12 | 10時17分43秒Webデザインメディア関連
様々なJavaScriptライブラリをコレクションしているWebサイト・JSDB.IO 様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。2013.02.10 | 10時19分12秒cssやプログラミングWebサービスその他
Dribbbleで無料配布されているリソースだけをまとめたWebサイト・Freebbble Dribbbleで公開されているフリーのリソースをまとめているWebサイト、Freebbbleのご紹介です。ライセンスはそれぞれ異なるので、必ずご確認をしてからご利用下さい。責任は負いかねます。2013.02.09 | 12時46分41秒Webサービスインスピレーションその他
タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。2013.02.08 | 13時31分21秒jQueryWebデザイン
Subtle Patternsのパターン画像を閲覧中のサイトの背景として表示確認できるブックマークレット・SubtlePatterns Bookmarklet 使いやすいデザインのパターン画像を公開してくれているサービスのSubtle Patternsの画像を閲覧中のWebサイトの背景として表示確認が出来る、というブックマークレットです。愛用している方は如何でしょう。2013.02.07 | 11時43分42秒cssやプログラミングWebデザイン
各種コンポーネントのスタイルも用意されたレスポンシブWebデザイン対応フレームワーク・Groundwork タブやフォーム、ボタンなど、各種コンポーネントのスタイルも用意されているレスポンシブWebデザイン対応のフレームワークのご紹介。SASSを使って構築しているそうです。レイアウトも数種用意済みです。2013.02.05 | 11時13分21秒cssやプログラミングWebデザイン
フォームやボタンなど、良く使われるエレメントのスタイルも揃ったCSS3+HTML5フレームワーク・Workless 一式揃ったCSS/HTMLフレームワーク・Worklessのご紹介です。テーブルやボタン、フォームなどなど、Webサイトでよく使われるエレメントのスタイルも用意されています。シンプルで良さそうです。2013.02.04 | 13時40分17秒cssやプログラミングWebデザイン
Pinterestライクなレンガ風のレイアウトを構築する為のライブラリ・Nested よく見かける、Pinterestのようなレンガを積み重ねた感じのレイアウトを実装するためのスクリプトのご紹介です。既に先発スクリプトは沢山あるので選択肢の一つとして、という感じですね。2013.02.02 | 12時30分29秒jQueryWebデザイン
ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js ツールチップでメニューバーを実装する為のスクリプト・Toolbar.Jsのご紹介です。Webアプリ等でたまに見かけるやつ。省スペース化できていいですね。スマフォとの相性もいいかもしれません。2013.02.01 | 12時19分51秒jQueryWebデザイン
Lettering.jsを併用して、任意のテキストにCSS3のアニメーションエフェクトを実装するスクリプト・textillate.js ちょっと面白かったのでメモ的に。タイポグラフィ用のライブラリ、Lettering.jsを併用して、テキストにCSS3によるアニメーション効果を容易に与える事が出来る、というスクリプトのご紹介。2013.01.31 | 11時20分03秒jQueryWebデザイン
軽量でシンプルなレスポンシブWebデザイン向けのボイラプレート・Responsive Boilerplate 軽量且つ、クロスブラウザにも対応したレスポンシブWebデザイン対応のCSSフレームワーク・Responsive Boilerplateのご紹介。パッと見た限りですが、かなり使いやすそうです。軽量なのも◎。2013.01.28 | 10時27分56秒cssやプログラミングWebデザイン
Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。2013.01.27 | 10時26分57秒jQueryWebデザイン
様々なスタイルのツールチップを実装できるスクリプト・opentip 様々なスタイルでツールチップを実装する為のJavaScriptフレームワーク・opentipのご紹介です。噴出しの形状や表示場所、Ajax対応など、状況に応じて実装する事が出来ます。2013.01.26 | 10時17分41秒cssやプログラミングWebデザイン
ページ内スクロールのナビゲーションを実装出来るjQueryプラグイン・scrollNav.js ページ内スクロールのナビゲーションをサイドカラムに自動で実装する、というスクリプトのご紹介。見出しまでスクロールすると、ナビゲーションの方も連動してくれます。ユーザビリティとしてはなかなか。2013.01.25 | 13時15分26秒jQueryWebデザイン
フォームやボタン、テーブルなどの複数エレメントに対応したCSSフレームワーク・Maxmert フォームやボタン、タブやテーブルなどなど、複数のエレメントに対応したCSSフレームワークのご紹介です。見た目も分かりやすくシンプルで、個人的にとっても好みだったのでメモも兼ねてご紹介します。2013.01.24 | 11時30分20秒cssやプログラミング
タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・2013.01.23 | 13時10分52秒iPhone / iPadjQueryWebデザイン