グリッドレイアウト向けのレスポンシブWebデザイン対応CSSフレームワーク・MUELLER
グリッドレイアウトなWebサイトを構築できるフレームワークのご紹介。レスポンシブWebデザインにも対応しており、カラム幅やMedia Queriesもコントロールしやすく設計されてるみたいです。
Webデザイン
マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin
よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI
ベーシックなUIを実装できるjQueryベースのUIフレームワーク・ZinoUIのご紹介です。他にも便利なUIフレームワークはあるので、このフレームワークを選択する理由は無いかもですけど・・
シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink
シンプルなインターフェースを構築する為のキット、inkのご紹介です。フレームワークの一種ですかね。ナビゲーションやレイアウトなどの雛形の様な物が用意されています。
Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended
BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。
select要素のoption項目の内容を画像で表現する為のスクリプト・Image Picker
select要素のoptionを分かりやすく 表現する、というライブラリです。 選んだ項目にあわせて設定した画像 が表示、選んだoptionに連動しま す。これは結構いいアイデアじゃ 無いかなと。
良質なWebデザインのサイトを厳選して収集したギャラリーサイト・Site Inspire
土曜日なので軽い話題でも。よく あるWebデザインのギャラリー サイトです。厳選して収集してい るそうですよ。インスピレーショ ン向上用の回り先の一つとして いかがでしょう？
レスポンシブWebデザイン対応のグリッドレイアウト向けCSSフレームワーク・PROFOUNDGRID
レスポンシブなグリッドレイアウトの CSSフレームワークのご紹介。SCSSを 使って構築されています。入れ子や フルワイドにも対応。列の計算には ネガティブマージンを使用している そうです。
WordPressやJavaScript、CSSなどのスニペットを収集しているサイト・wp-mix
スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。
Webサイトのツアーをハイライトを使って実装するシンプルなスクリプト・tour.js
なかなか良さそうだったのでメモ。 Webサイトの使い方などを教えてく れるツアーコンテンツを実装出来る ライブラリです。ツアーはハイラ イトを使って実装します。シンプル でいい感じ。
タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit
jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。
アイコンフォントを Google Web Fontsライクに使えるようにする為のオープンソースプロジェクト・We Love Icon Fonts
無料で使えるアイコンフォントの ホスティングサービスのご紹介。 Google Web Fontsのような形を 目指しているとの事なので応援も 兼ねてご紹介します。
特定のテキストを絵文字に変換するスクリプト・emojify.js
予め決められた特定のテキ ストを絵文字に変換する、 というスクリプトのご紹介。 WordPressなどのCMSでも一部 で導入されていますね。需要 は高いほうじゃないかと。
SASSを使用したレスポンシブWebデザイン対応のCSSフレームワーク・Centurion
SASSとMedia Queriesを使用して 構築されているCSSフレームワー ク・Centurionのご紹介。綺麗目 で使いやすそうじゃないかなと。 僕はLESS使ってるので使う事は 無さそうですけど・・
BootstrapやHTML5 Boilerplateに影響を受けて作られた軽量でミニマルなCSSフレームワーク・Substrata
BootstrapやHTML5 Boilerplateの 影響を受けているCSSフレームワ ークで、軽量でミニマルな設計を 目指したSubstrataのご紹介です。 余計なものを省きつつ、HTML5に 対応していないブラウザへも配...
Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker
Twitter Boostrap用の日付/時間 ピッカーを実装する為のライブラ リ・bootstrap-datetimepickerの ご紹介。日付と時間を同じinput 要素内で取得できます。また、 フォーマットも指定可能です。...
テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link Scrapper TextBox
指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 ...
シンプルで軽量なCSSフレームワーク・Reuze.me
シンプルなCSSフレームワーク・ Reuze.meのご紹介です。無駄な 記述を省いた軽量なフレーム ワークみたいですね。同じよう なものはいくらでもあります ので選択肢の一つとして。
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper
タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover
CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。
優れたUXのスマフォアプリのスクリーンショットを紹介するギャラリーサイト・UX Archive
優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。
input要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグイン
なかなか良さそうだったので備忘録。 input要素に入力したテキストが長く なると、位置の把握やテキストの量 が把握できません。これが地味にス トレスな事もあります。これを解決 する、というスクリプトです。