タブやアコーディオン、パララックスなどを実装出来る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等でも使わ れていますね。 ...
HTMLで作るクリスマスカードのコード例を紹介する・Codecademy Code Cards
オンラインでコードを学べるサービス のCodecademyがクリスマスカードを HTMLで作る為のコード例を紹介して くれています。今日はクリスマス。 折角なので、興味がありましたらぜひ ご覧下さい。
シンプルで軽量なCSSフレームワーク・Reuze.me
シンプルなCSSフレームワーク・ Reuze.meのご紹介です。無駄な 記述を省いた軽量なフレーム ワークみたいですね。同じよう なものはいくらでもあります ので選択肢の一つとして。
1カラムでシンプルなデザインのWordPressテーマ・Solar Theme
好みのシンプルなWPテーマがあった のでメモ。レスポンシブにも対応 しています。文章が読みやすいデザ インなのでこのまま個人用のブログ に使おうかなと。選択肢が沢山ある のもWPの魅力ですよね。
ChromeのデベロッパーツールのTipsやテクニックを紹介するスライド・DevTools Tips and Tricks
Google Chromeのデベロッパーツール のTipsやテクニックを紹介している スライドが結構勉強になったので、 シェアしてみます。英語ですが、画像 があるので概ね理解できるんじゃな いかと思います。
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper
タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。
イメージファイルをzipにしてアップロードするとCSSスプライト用の画像とCSSを自動生成するツール・SpriteMachine
CSSスプライト用の画像とCSSを 自動で生成してくれる、という Webツールのご紹介。作るのは 結構面倒なのでこうして自動化 してくれると楽で助かりますね。
WordPressの投稿ページに任意の説明文を挿入する
WordPressの記事投稿ページに、任意の説明文を挿入する、というTipsです。3.5から使用する事が出来るようになったフックを利用しますので3.4では使えません。
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover
CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。
優れたUXのスマフォアプリのスクリーンショットを紹介するギャラリーサイト・UX Archive
優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。
input要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグイン
なかなか良さそうだったので備忘録。 input要素に入力したテキストが長く なると、位置の把握やテキストの量 が把握できません。これが地味にス トレスな事もあります。これを解決 する、というスクリプトです。
正規表現の構文を色分けして解読しやすくするスクリプト・Regex Colorizer
正規表現コードを色で解読しやすく する、というスクリプト。エラー の有無も分かるので、解読だけで なく、勉強のお供にもいいかもし れませんし、解読速度も速められ そうです。
横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js
横長になったtable要素を2列にして スマフォ等でも閲覧しやすくできる、 というスクリプトです。単純な作り のtableならこれで対応できますね。 複雑なものはちょっと難しそうでは ありますが・・
OSSとしても公開されているシンプルなコード共有サービス・Mystic Paste
よくあるコード共有サイトですが、 OSSとしても公開されていたので 一応備忘録・・現在は非常にシン プルで、基本的にはコードの貼り 付けとダウンロードのみの機能 しかありません。
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom
マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うで...
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz
簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。