ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB 気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってま...2011.12.07 | 11時46分05秒cssやプログラミングiPhone / iPadjQueryWebデザイン
iPhoneやiPadでドラッグやリサイズ可能なコンテンツを容易に実装出来る・jQuery.ui.touch-punch.js iPhoneやiPadのタッチイベントに 対応させるjQueryプラグインです。 軽量なんですが、jQueryUI併用な ので一応軽量とは謳わないように しておきます。導入も結構簡単 なので覚えておいて損は無いかも。2011.12.06 | 11時22分10秒iPhone / iPadjQuery
JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた 基本的にはjsfiddleメインなんですが、 依存するのが基本的に不安なのでロー カル環境で同じような環境を作りたか ったのですが、同様のサービスのJSBin がOSSで公開されてましたので試しに インストールしてみました。2011.12.05 | 10時56分41秒jQueryオープンソースソフトウェア
忙しいビジネスマンの為に開発されたネクタイ・・・ 日曜日なのでちょっとしたネタでも。 忙しくて寝る暇も無い企業戦士の為 に素敵なネクタイが開発された模様 です。このネクタイを付けていけば 効率的に休息を取ることが出来ます。2011.12.04 | 12時33分43秒アイデアビジネスマーケティング
FoundationをベースとしたHTML5製のレスポンシブ対応WordPressテーマフレームワーク・Reverie 以前ご紹介したレスポンシブWeb デザイン対応のFoundationをベース としたHTML5製のWordPressテーマ フレームワーク・Reverieのご紹介 です。どんどん出てきますね。2011.12.03 | 9時53分04秒WordPressテーマ
HTML5のmenu要素にも対応した、独自の右クリックメニューを実装するjQueryプラグイン・jQuery contextMenu HTML5のmenu要素もサポートしている オリジナルのコンテキストメニュー を実装するjQueryプラグインです。 普通のサイトじゃ使わないでしょう けど、最近ではHTML5製のリッチコン テンツ等利用するシーンもあるかも な...2011.12.02 | 11時51分32秒jQueryWebデザイン
要素を無限スクロールさせるjQueryプラグインいくつか 必要になるかも知れないので、 今のうちにかき集める作業です。 よくみる無限スクロールサイトを 実装できるjQueryプラグインです。 あんまり使ったこと無いので 注意点なんかのメモ書きもして おきます。2011.12.01 | 13時20分17秒jQueryWebデザイン
2011・11月のアクセス解析 本日より12月になりますので、恒例 の当サイトのアクセス解析を公開い たします。もう今月で今年が終わり ますね。今年は地震に始まり、各国、 各地域で災害が多発しました。来年 は平和な年であってほしいものです。2011.12.01 | 11時01分43秒SEOTips
テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。2011.11.30 | 8時57分52秒jQueryWebデザイン
ブラウザ対応表とかでよく見かけるようなチェック表をサクッと生成するWebサービス・Compare Ninja css3とかHTML5のブラウザ対応表とか で良く見かけるチェック表を簡単に 生成出来るWebサービス。用途はもっと あるんでしょうけど、思いつくような 思いつかないような。でもまぁよく 見かけはするのでシェアしてみます。2011.11.29 | 11時54分17秒Webサービスジェネレーター
今年(2011年)参考になったWeb制作者向けのスライドいろいろ Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います...2011.11.28 | 11時31分48秒cssやプログラミングjQueryWebデザインインスピレーション
画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator 日曜日ですねー。休日を如何お過ごし でしょうか。たまにはWebサービスの ようなものでもご紹介。個人的には あんまり使わないんですが、ちょっと したときに便利かもと思ったので シェアして見たいと思います。2011.11.27 | 13時46分26秒Webサービスジェネレーター
画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js 地味に良さそうだったので備忘録。画面 いっぱいに画像を広げてフェードエフェ クトでスライドショーを実装できるjQuery プラグイン・slideshowify.jsです。この 手のプラグインは沢山あるので選択肢 の一つとして・・ ...2011.11.26 | 11時24分04秒jQueryWebデザイン
スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER スタイリッシュでシンプルなデザイン のWordPressテーマを無料配布している WPEXPLORERのご紹介。基本的には有料 ですが、一部を無料で配布してくれて いますので、好意にあやかろうかと 思います。2011.11.25 | 13時43分52秒WordPressテーマ
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デザイン
レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版 以前ご紹介した、zurb提供の レスポンシブWebデザイン対応 サイト向けのフレームワーク、 FoundationにWordPressテーマ 版が追加されていましたので ちょっとメモです。2011.11.23 | 11時15分02秒WordPressテーマ
お手軽WordPress Tips:post_class()にアイキャッチ画像を使用した記事の場合のclassを追加する WordPressにはpost_class()という関数が あって、自動で要素にclassを付けてくれ るんですが、この中にアイキャッチ画像 を使用した投稿の場合にclassを追加する という、誰に需要があるのか分からない Tip...2011.11.22 | 10時44分58秒WordPressお手軽カスタマイズカスタマイズ
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デザイン