Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker Twitter Boostrap用の日付/時間 ピッカーを実装する為のライブラ リ・bootstrap-datetimepickerの ご紹介。日付と時間を同じinput 要素内で取得できます。また、 フォーマットも指定可能です。...2012.12.27 | 11時28分51秒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テーマ
スワイプ操作に対応したイメージスライダーを実装するスクリプト・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秒オープンソースソフトウェア
数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。2012.12.10 | 12時40分37秒jQueryWebデザイン
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。2012.12.09 | 15時17分42秒jQueryWebデザイン
さまざまな国の郵便番号から市区や州などの地名を取得出来るAPIを公開、提供している・Zippopotamus 日本だけでなく、海外の方もターゲットにしているコンテンツに需要あるかも、と思ったのでメモがてらご紹介します。様々な国の郵便番号を取得できる、というAPIを公開、提供しているWebサイト、Zippopotamusです。勿論、日本も入っています...2012.12.05 | 11時35分05秒cssやプログラミングWebデザイン
スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。2012.12.04 | 11時53分11秒jQueryWebデザイン
HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。2012.12.03 | 10時16分07秒jQueryWebデザイン
Twitter Bootstrapのリソースを大量にまとめたサイト・The Big Badass List 人気のフレームワーク、Bootstrapを使う際に役立つリソースを大量に集めているWebサイト・The Big Badass Listのご紹介です。現在でも200近くのリソースがまとめられています。既に利用されている方は覗いてみては。2012.11.30 | 11時12分41秒cssやプログラミングWebデザイン
グリッドレイアウト対応のシンプルなCSSフレームワーク・IVORY FRAMEWORK シンプルなCSSフレームワークです。グリッドレイアウトとレスポンシブに対応。同じようなフレームワークはいくつもありますが選択肢が多いにこした事は無いのでご紹介。2012.11.29 | 10時37分50秒cssやプログラミングWebデザイン
iOSやAndroid向けのアプリアイコンを作成出来るオンラインのジェネレーター・MakeAppIcon iPhoneやiPad、Androidなどの ホーム画面に表示されるアプリの アイコンを作成出来る、という ジェネレーターのご紹介です。 高機能なものではなく、画像を 取り込んで作成するシンプルなもの。2012.11.28 | 11時35分34秒WebサービスWebツール
MetroライクなTwitter Bootstrap用デザインテーマ・Cosmo Metroライクなデザインに変更 できるTwitter Bootstrapのテ ーマ・Cosmoのご紹介です。 Bootstrapはレイアウトが上手く 出来ているので見た目を変える だけで十分かもしれないですね。2012.11.27 | 11時31分20秒cssやプログラミングWebデザイン