Free

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

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

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

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

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

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

フォームやボタン、テーブルなどの複数エレメントに対応したCSSフレームワーク・Maxmert

フォームやボタン、タブやテーブルなどなど、複数のエレメントに対応したCSSフレームワークのご紹介です。見た目も分かりやすくシンプルで、個人的にとっても好みだったのでメモも兼ねてご紹介します。

タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box

タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・

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

グリッドレイアウトなWebサイトを構築できるフレームワークのご紹介。レスポンシブWebデザインにも対応しており、カラム幅やMedia Queriesもコントロールしやすく設計されてるみたいです。

マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin

よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。

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

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

画像の任意の箇所にコメントやリンクを貼れる画像共有サイト・thinglink

なかなか面白いサービスだったのでご紹介。画像共有サイトですが、その画像の任意の箇所にに注釈やリンクを加える事が出来る、というもの。Flickerっぽいようなそうでないような感じ・・・

シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink

シンプルなインターフェースを構築する為のキット、inkのご紹介です。フレームワークの一種ですかね。ナビゲーションやレイアウトなどの雛形の様な物が用意されています。

Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended

BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。

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

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

レスポンシブ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サイトの使い方などを教えてく れるツアーコンテンツを実装出来る ライブラリです。ツアーはハイラ イトを使って実装します。シンプル でいい感じ。

タブやアコーディオン、パララックスなどを実装出来る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に 対応していないブラウザへも配...
Ads