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デザイン
マウスホイールで画像をズームさせる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デザイン
数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。2012.12.10 | 12時40分37秒jQueryWebデザイン
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。2012.12.09 | 15時17分42秒jQueryWebデザイン
コピペやドラッグ&ドロップで画像をアップロードできる共有サービス・Pasteboard 地味に便利そうな気がしたので備忘録。コピペで画像をアップロード、共有も可能なWebサービスです。テキストを書く等の編集機能はありませんが、クロップは一応可能です。2012.12.08 | 13時59分10秒Webサービスその他
CSSを使ったタイポグラフィ例を収集、コードも確認できるギャラリーサイト・typespiration CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。2012.12.07 | 12時51分52秒cssやプログラミングWebデザインインスピレーション
さまざまな国の郵便番号から市区や州などの地名を取得出来る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デザイン
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。2012.12.02 | 10時46分27秒jQueryWebデザイン
マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp ちょっと需要あるかも?と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。2012.12.01 | 12時13分25秒jQueryWebデザイン
JavaScript製のショッピングカートシステム・simpleCart(js) JSだけで作れるショッピングカート システム・simpleCart(js)のご紹介。 作れる、と書いてますけどまだ触って 無いです。便利そうだったので備忘録 的に記事にして見ます。簡単なもの ならこういうライトなもので済ませ た...2012.11.24 | 10時48分33秒cssやプログラミングjQueryWebデザイン
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal よさ気だったのでメモ。Twitter Bootstrap向けのモーダルスクリ プト、Bootstrap Modalです。既存 のモーダルクラスの代替、または パッチとして利用出来る、との事 です。2012.11.23 | 10時48分10秒jQueryWebデザイン
LocalStorageを使用するシンプルで軽量なモックアップ作成ツール・mockup-designer LocalStorageを使用したモックアップ の作成ツールのご紹介。シンプルで 軽量なので使いやすいです。見やすい し、D&Dで操作出来ます。手軽で使い やすいのは素敵ですね。プレゼン用 なんかにもいいかもしれません。2012.11.20 | 10時39分50秒WebサービスWebツールWebデザイン
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift 要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。2012.11.19 | 10時34分57秒iPhone / iPadjQueryWebデザイン
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation 長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。2012.11.17 | 10時47分16秒jQueryWebデザイン
フルスクリーンにイメージギャラリーを実装するjQueryプラグイン・jmFullWall フルスクリーンのイメージギャ ラリーを実装するスクリプトが あったのでなんとなくメモ。ビ ジュアル的にも良いので用途は 割とありそうな気がします。2012.11.13 | 10時35分56秒jQueryWebデザイン
商用でもフリーの日本語フォント・こども丸ゴシックに細字タイプが追加 制作者さんよりご連絡頂いたので ご紹介。いつも有難う御座います! 以前ご紹介した、商用でも無料で 利用可能、クレジット表記も不要 の日本語フォント、こども丸ゴシ ックに細字タイプが追加されたと の事です。2012.11.12 | 10時38分46秒Webデザインメディア関連
Twitter Bootstrapから派生したWeb制作向けフレームワーク・Plusstrap 派生と言っていいかどうか分かり ませんけど、Plusstrapは、より 迅速にWeb開発を可能にしたフレー ムワークとのことです。アプデ したBootstrapをちゃんと把握 していないので詳細は触れない でおきます。2012.11.11 | 10時56分04秒cssやプログラミングWebデザイン