"キーワード指定なし"

Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio

Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。

様々なスタイルのツールチップを実装できるスクリプト・opentip

様々なスタイルでツールチップを実装する為のJavaScriptフレームワーク・opentipのご紹介です。噴出しの形状や表示場所、Ajax対応など、状況に応じて実装する事が出来ます。

ページ内スクロールのナビゲーションを実装出来るjQueryプラグイン・scrollNav.js

ページ内スクロールのナビゲーションをサイドカラムに自動で実装する、というスクリプトのご紹介。見出しまでスクロールすると、ナビゲーションの方も連動してくれます。ユーザビリティとしてはなかなか。

フォームやボタン、テーブルなどの複数エレメントに対応した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フレームワークはあるので、このフレームワークを選択する理由は無いかもですけど・・

Twitter Bootstrapのテーマをオンラインで作成出来るツール・Bootstrap magic

Twitter Bootstrapのテーマ作成ツールです。OSSとしても公開されていますので、自分好みにカスタマイズするのもありですね。他にもこの手のツールはありますけど、これはこれで使いやすい印象でした。

画像の任意の箇所にコメントやリンクを貼れる画像共有サイト・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に連動しま す。これは結構いいアイデアじゃ 無いかなと。

ブラウザ上でPCにインストール済みのフォントを表示テストできるツール・typezebra

ブラウザでインストール済み フォントのテストを行える、 というツール・typezebraの ご紹介。タイピングして表示 をチェックする事が出来ます。 動作も軽いのでなかなか良い 感じ。

良質なWebデザインのサイトを厳選して収集したギャラリーサイト・Site Inspire

土曜日なので軽い話題でも。よく あるWebデザインのギャラリー サイトです。厳選して収集してい るそうですよ。インスピレーショ ン向上用の回り先の一つとして いかがでしょう?

任意のPHPコードやHTML、テキストなどを定型文として記事内に挿入できるWordPressプラグイン・Global Content Blocks

便利そうだったので備忘録です。 記事内に様々なコンテンツを挿入 できるWordPressのプラグイン。 ショートコードを管理画面内で 簡単に作れる、みたいな感じです。 結構便利なのでは。

レスポンシブWebデザイン対応のグリッドレイアウト向けCSSフレームワーク・PROFOUNDGRID

レスポンシブなグリッドレイアウトの CSSフレームワークのご紹介。SCSSを 使って構築されています。入れ子や フルワイドにも対応。列の計算には ネガティブマージンを使用している そうです。

スクリーンショットを「iPhoneやiPadなどで閲覧中」の写真に合成するサービス・PlaceIt

ちょっと面白いサービスだったので ご紹介。iPhoneやiPadなどのモバイ ルデバイスで閲覧中っぽい画像を 作ってくれる、というもの。説明が 上手くできませんけど、よく見かけ る構図なのでどこかで使えるかも。

WordPressやJavaScript、CSSなどのスニペットを収集しているサイト・wp-mix

スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。

WordPressでページ毎にbodyタグのidを振る

久々にWP関連の記事。bodyに、 ページ毎にユニークなidを振る というもの。body_classを使え ない状況、使いたくない理由が ある場合等の代替方法として、 またはidにしたい場合などに。

Webサイトのツアーをハイライトを使って実装するシンプルなスクリプト・tour.js

なかなか良さそうだったのでメモ。 Webサイトの使い方などを教えてく れるツアーコンテンツを実装出来る ライブラリです。ツアーはハイラ イトを使って実装します。シンプル でいい感じ。