タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。2013.01.05 | 12時27分19秒jQueryWebデザイン
アイコンフォントを Google Web Fontsライクに使えるようにする為のオープンソースプロジェクト・We Love Icon Fonts 無料で使えるアイコンフォントの ホスティングサービスのご紹介。 Google Web Fontsのような形を 目指しているとの事なので応援も 兼ねてご紹介します。2012.12.31 | 11時37分56秒cssやプログラミングWebサービスその他
特定のテキストを絵文字に変換するスクリプト・emojify.js 予め決められた特定のテキ ストを絵文字に変換する、 というスクリプトのご紹介。 WordPressなどのCMSでも一部 で導入されていますね。需要 は高いほうじゃないかと。2012.12.30 | 12時02分58秒cssやプログラミングWebデザイン
SASSを使用したレスポンシブWebデザイン対応のCSSフレームワーク・Centurion SASSとMedia Queriesを使用して 構築されているCSSフレームワー ク・Centurionのご紹介。綺麗目 で使いやすそうじゃないかなと。 僕はLESS使ってるので使う事は 無さそうですけど・・2012.12.29 | 13時34分23秒cssやプログラミングWebデザイン
BootstrapやHTML5 Boilerplateに影響を受けて作られた軽量でミニマルなCSSフレームワーク・Substrata BootstrapやHTML5 Boilerplateの 影響を受けているCSSフレームワ ークで、軽量でミニマルな設計を 目指したSubstrataのご紹介です。 余計なものを省きつつ、HTML5に 対応していないブラウザへも配...2012.12.28 | 12時53分27秒cssやプログラミングWebデザイン
Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker Twitter Boostrap用の日付/時間 ピッカーを実装する為のライブラ リ・bootstrap-datetimepickerの ご紹介。日付と時間を同じinput 要素内で取得できます。また、 フォーマットも指定可能です。...2012.12.27 | 11時28分51秒jQueryWebデザイン
テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link Scrapper TextBox 指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 ...2012.12.26 | 11時31分36秒jQueryWebデザイン
HTMLで作るクリスマスカードのコード例を紹介する・Codecademy Code Cards オンラインでコードを学べるサービス のCodecademyがクリスマスカードを HTMLで作る為のコード例を紹介して くれています。今日はクリスマス。 折角なので、興味がありましたらぜひ ご覧下さい。2012.12.25 | 12時09分15秒Webサービスその他
シンプルで軽量なCSSフレームワーク・Reuze.me シンプルなCSSフレームワーク・ Reuze.meのご紹介です。無駄な 記述を省いた軽量なフレーム ワークみたいですね。同じよう なものはいくらでもあります ので選択肢の一つとして。2012.12.24 | 12時49分43秒cssやプログラミングWebデザイン
1カラムでシンプルなデザインのWordPressテーマ・Solar Theme 好みのシンプルなWPテーマがあった のでメモ。レスポンシブにも対応 しています。文章が読みやすいデザ インなのでこのまま個人用のブログ に使おうかなと。選択肢が沢山ある のもWPの魅力ですよね。2012.12.23 | 13時05分23秒WordPressテーマ
ChromeのデベロッパーツールのTipsやテクニックを紹介するスライド・DevTools Tips and Tricks Google Chromeのデベロッパーツール のTipsやテクニックを紹介している スライドが結構勉強になったので、 シェアしてみます。英語ですが、画像 があるので概ね理解できるんじゃな いかと思います。2012.12.22 | 16時37分35秒Webサービスその他
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。2012.12.21 | 12時12分25秒cssやプログラミングWebデザイン
イメージファイルをzipにしてアップロードするとCSSスプライト用の画像とCSSを自動生成するツール・SpriteMachine CSSスプライト用の画像とCSSを 自動で生成してくれる、という Webツールのご紹介。作るのは 結構面倒なのでこうして自動化 してくれると楽で助かりますね。2012.12.20 | 13時17分01秒Webサービスジェネレーター
WordPressの投稿ページに任意の説明文を挿入する WordPressの記事投稿ページに、任意の説明文を挿入する、というTipsです。3.5から使用する事が出来るようになったフックを利用しますので3.4では使えません。2012.12.19 | 11時53分41秒WordPressお手軽カスタマイズ
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。2012.12.18 | 10時35分55秒jQueryWebデザイン
優れたUXのスマフォアプリのスクリーンショットを紹介するギャラリーサイト・UX Archive 優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。2012.12.17 | 11時41分19秒Webデザインインスピレーション
input要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグイン なかなか良さそうだったので備忘録。 input要素に入力したテキストが長く なると、位置の把握やテキストの量 が把握できません。これが地味にス トレスな事もあります。これを解決 する、というスクリプトです。2012.12.16 | 10時30分36秒jQueryWebデザイン
正規表現の構文を色分けして解読しやすくするスクリプト・Regex Colorizer 正規表現コードを色で解読しやすく する、というスクリプト。エラー の有無も分かるので、解読だけで なく、勉強のお供にもいいかもし れませんし、解読速度も速められ そうです。2012.12.15 | 13時17分40秒cssやプログラミングWebデザイン
横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js 横長になったtable要素を2列にして スマフォ等でも閲覧しやすくできる、 というスクリプトです。単純な作り のtableならこれで対応できますね。 複雑なものはちょっと難しそうでは ありますが・・2012.12.14 | 11時09分44秒jQueryWebデザイン
OSSとしても公開されているシンプルなコード共有サービス・Mystic Paste よくあるコード共有サイトですが、 OSSとしても公開されていたので 一応備忘録・・現在は非常にシン プルで、基本的にはコードの貼り 付けとダウンロードのみの機能 しかありません。2012.12.13 | 12時08分25秒オープンソースソフトウェア
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うで...2012.12.12 | 10時33分04秒jQueryWebデザイン
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz 簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。2012.12.11 | 12時11分23秒jQueryWebデザイン