ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable
入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。
webデザイナー
Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho
Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。
画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture
スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 ...
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt
シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。
拡大時にアコーディオンのように画像が広がるカルーセルを実装するjQueryプラグイン・Accarousel
クリックで画像を拡大する際に アコーディオンのように広がる カルーセルを実装するjQueryの プラグイン・Accarousel。機能 はシンプルですが、動きが好み だったので備忘録。
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる
この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。
jQueryでリンク先のファビコンをリンク脇にアイコンとして表示する方法
少し前にCSS-TricksにあったTipsを 見たんですが、利用している外部の サイトがあまり信頼性があると思え ないので代替案をいくつか書いてみ ようと思います。
WordPressの管理画面のデザインをFacebookっぽく変更するプラグイン・Blue Adminで思いのほか見やすくなった
思いのほか見やすくなったので 備忘録も兼ねてシェアします。 WordPressの管理画面のデザイン をFacebookライクにしてくれる プラグインです。これは結構 いいかもしれない。
黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利...
グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify
オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。
CakePHPとBootstrapをベースとしたOSSのミニマルなブログエンジン・Academic
興味をそそられたので備忘録。 CakePHPとBootstrapをベースと したオープンソースのブログ エンジン、Academicです。コン テンツの作成に焦点を絞った OSSのCMSだそうですよ。
impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist
ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた
チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework
良く使われるUIキット付属の CSSフレームワークです。960 グリッドシステムも搭載して いますので、様々なレイアウト にも対応できる柔軟なフレーム ワークになるかもしれません。
WordPress管理画面のメニュー項目に使われるアイコンをオリジナルに変更する為のテンプレート素材
WordPressの管理画面のメニュー項目 に使用されているアイコンを変更する のに便利そうなテンプレートがあった のでご紹介。カスタム投稿タイプも 一般的に利用されてきている印象なの で、アイコンも投稿タイプに合わせて 作って...
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Ma...
文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js
珍しい感じだったのでご紹介。軽く 目を惹かせる事が出来そうな感じ。 文章中の特定のキーワードを、 定期的に別のキーワードに置き換える 事が出来ます。アニメーションさせ るので部分的に目立ちそうですね。
jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする
説明的なタイトルですが・・input要素 の中にlabel要素のテキストを表示させ、 フォーカス時にはアニメーションで右に スライドし、入力中は非表示にする、と いうのを実装できるjQueryのプラグイン です。
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support
プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。
ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOC
個人的に使いそうなのでメモ。 よくあるページ内スクロールを 固定させてドロップダウン式に するjQueryプラグインです。 これはなかなか実用性があると 思います。