フォームやボタン、テーブルなどの複数エレメントに対応したCSSフレームワーク・Maxmert
フォームやボタン、タブやテーブルなどなど、複数のエレメントに対応したCSSフレームワークのご紹介です。見た目も分かりやすくシンプルで、個人的にとっても好みだったのでメモも兼ねてご紹介します。
レビュー
タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box
タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・
グリッドレイアウト向けのレスポンシブWebデザイン対応CSSフレームワーク・MUELLER
グリッドレイアウトなWebサイトを構築できるフレームワークのご紹介。レスポンシブWebデザインにも対応しており、カラム幅やMedia Queriesもコントロールしやすく設計されてるみたいです。
マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin
よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI
ベーシックなUIを実装できるjQueryベースのUIフレームワーク・ZinoUIのご紹介です。他にも便利なUIフレームワークはあるので、このフレームワークを選択する理由は無いかもですけど・・
画像の任意の箇所にコメントやリンクを貼れる画像共有サイト・thinglink
なかなか面白いサービスだったのでご紹介。画像共有サイトですが、その画像の任意の箇所にに注釈やリンクを加える事が出来る、というもの。Flickerっぽいようなそうでないような感じ・・・
シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink
シンプルなインターフェースを構築する為のキット、inkのご紹介です。フレームワークの一種ですかね。ナビゲーションやレイアウトなどの雛形の様な物が用意されています。
Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended
BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。
インストール済みのWordPressテーマの表示をフロントエンドで確認出来るツールバーを実装するプラグイン・WordPress Theme Demo Bar
WordPressのテーマを複数配布するような方向けのプラグインになります。よくある表示デモをスイッチするバーをプラグインで実装するというもの。テーマ開発者さん向けですね。
select要素のoption項目の内容を画像で表現する為のスクリプト・Image Picker
select要素のoptionを分かりやすく 表現する、というライブラリです。 選んだ項目にあわせて設定した画像 が表示、選んだoptionに連動しま す。これは結構いいアイデアじゃ 無いかなと。
良質なWebデザインのサイトを厳選して収集したギャラリーサイト・Site Inspire
土曜日なので軽い話題でも。よく あるWebデザインのギャラリー サイトです。厳選して収集してい るそうですよ。インスピレーショ ン向上用の回り先の一つとして いかがでしょう？
任意のPHPコードやHTML、テキストなどを定型文として記事内に挿入できるWordPressプラグイン・Global Content Blocks
便利そうだったので備忘録です。 記事内に様々なコンテンツを挿入 できるWordPressのプラグイン。 ショートコードを管理画面内で 簡単に作れる、みたいな感じです。 結構便利なのでは。
レスポンシブWebデザイン対応のグリッドレイアウト向けCSSフレームワーク・PROFOUNDGRID
レスポンシブなグリッドレイアウトの CSSフレームワークのご紹介。SCSSを 使って構築されています。入れ子や フルワイドにも対応。列の計算には ネガティブマージンを使用している そうです。
スクリーンショットを「iPhoneやiPadなどで閲覧中」の写真に合成するサービス・PlaceIt
ちょっと面白いサービスだったので ご紹介。iPhoneやiPadなどのモバイ ルデバイスで閲覧中っぽい画像を 作ってくれる、というもの。説明が 上手くできませんけど、よく見かけ る構図なのでどこかで使えるかも。
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等でも使わ れていますね。 ...