テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。2011.11.30 | 8時57分52秒jQueryWebデザイン
今年(2011年)参考になったWeb制作者向けのスライドいろいろ Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います...2011.11.28 | 11時31分48秒cssやプログラミングjQueryWebデザインインスピレーション
画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js 地味に良さそうだったので備忘録。画面 いっぱいに画像を広げてフェードエフェ クトでスライドショーを実装できるjQuery プラグイン・slideshowify.jsです。この 手のプラグインは沢山あるので選択肢 の一つとして・・ ...2011.11.26 | 11時24分04秒jQueryWebデザイン
WebGLを使って作られた、街全体が3DになるNokia Maps 3Dのクオリティが凄かった 少し前に話題になってて、今更WebGLで 作られたNokiaのマップを確認してみた んですが、想像以上に3D過ぎてヤバい。 まだ一部の地域にしか対応していません が、これはちょっと見る価値あるんじゃ 無いかなと。2011.11.25 | 11時31分21秒Webサービスインスピレーションその他
ページ内に自動でビジュアル付きのスムーズスクロールを実装する軽量なjQueryプラグインSimple Elements Mapper 珍しかったので衝動でメモ。ページ内 に自動でビジュアル付きのスクロール を実装してくれるjQueryプラグイン・ Simple Elements Mapperです。ビジュ アル化したい要素や色なども選択可能 でスクリプト自体も軽量...2011.11.24 | 11時20分02秒jQueryWebデザイン
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること ...2011.11.21 | 10時57分25秒jQueryWebデザイン
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。2011.11.20 | 12時26分46秒iPhone / iPadWebデザインインスピレーション
レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldilocks Approach もういくつも出回ってますので今更感 もありますが、個人的にはいくつあって も困らないのでご紹介。レスポンシブ Webデザイン設計用のシンプルなテンプ レート・The Goldilocks Approachです。 殆ど何もない状態な...2011.11.19 | 12時32分46秒cssやプログラミングiPhone / iPadWebデザイン
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQueryプラグイン・stalactite jQuery Masonryのように、要素をレンガ のように時系列を崩さず配列させるだけ でなく、遅延表示させるjQueryプラグイ ン・stalactiteです。たまに見かける エフェクトなんじゃないでしょうか。 スクリプトも軽...2011.11.18 | 9時59分31秒jQueryWebデザイン
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。2011.11.16 | 13時30分55秒jQueryWordPressお手軽カスタマイズカスタマイズ
プロパティをインクリメンタル検索出来るCSSリファレンスサイト・InstaCSS 便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。2011.11.15 | 11時00分22秒cssやプログラミングWebツールWebデザイン
ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr 結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない ...2011.11.14 | 11時27分33秒WebサービスWebツールWebデザイン
コーヒーカップを1日1個、30日間デザインし、作成し続けるプロジェクト・30 DAYS 30 CUPS 日曜日だし軽めのネタでも・・白い コーヒーカップを1日1つ、30日間 毎日作り続ける、というプロジェ クトを行った方がいるんですが、 ちょっと素敵だったのでご紹介。2011.11.13 | 12時16分34秒アイデアインスピレーションマーケティング
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar 題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。2011.11.12 | 13時54分57秒jQueryWebデザイン
CSS3の:nth-childセレクタで、3n+2とかを計算するやつ あんまり使わないような使うようなセレクタ の:nth-childですが、自分の頭が宜しくない ようで、適応させたい箇所の計算で混乱しま す・・面倒くさいと思っていたのでいいツール ないかなと思ってたんですがシンプルでいい のがあっ...2011.11.09 | 11時23分47秒cssやプログラミングjQueryWebデザイン
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker 住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを...2011.11.08 | 10時29分35秒jQueryWebデザイン
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる 昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。2011.11.06 | 12時11分08秒cssやプログラミングWebデザイン
画像を使わずに見出しを水平線で挟むCSS小技 ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。2011.11.05 | 11時15分07秒cssやプログラミングjQueryWebデザイン
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...2011.11.04 | 14時11分04秒cssやプログラミングjQueryWebデザイン
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。2011.11.01 | 11時19分33秒jQueryWebデザイン
最近よく見てる国内のお薦めWeb制作やTips系ブログいくつか ふと思い立ったので記事にしてみます。 最近よく見させて頂いてる国内のブログ をシェアしてみようと思って記事にして みます。僕はWeb屋さんなのでWeb屋さん 向けのブログだけになっていますが、 Web屋さん以外でも楽しめるんじゃな...2011.10.31 | 12時12分38秒Webデザインインスピレーション
少しのjQueryコードでWordPressのコメント欄にリアルタイムプレビュー機能を加える 少しのコードでWordPressのプラグインを 使わずにリアルタイムコメントプレビュー 機能を加える方法です。殆ど使わない、と 思いますが、他でも応用できるコードなの で個人的にメモしておきたい。実装には jQueryを使用します...2011.10.30 | 11時35分13秒jQueryWordPressお手軽カスタマイズカスタマイズ