Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal Google+ライクな、画像の高さを揃えた イメージギャラリーを実装するjQuery プラグイン・jquery-photowalのご紹介。 この手のは若干使いどころが限られます けどなんか使いたくなっちゃうんです よね。2011.12.31 | 11時44分25秒jQueryWebデザイン
2011年・印象に残ったWebデザインいろいろ さて、晦日ですね。いつまで更新するんだ って感じですけどw個人的には年末年始も クリスマスもあまり関係ない環境なので 普段と変わらず更新します。今日は、今年 印象に残ったWebデザインのサイトのまとめ です。2011.12.30 | 12時19分48秒Webデザインインスピレーション
ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作った...2011.12.29 | 11時17分27秒iPhone / iPadjQueryWebデザイン
商用利用OKも有る、写真やイラスト、効果音やBGM等の素材サイト・「ニコニ・コモンズ」 商用可の素材もある、写真やイラスト、 BGMや効果音などを共有できる国内の 素材サイト、ニコニ・コモンズのご紹介 です。利用規約がちょっと独特なので 一つの選択肢として。素材自体が凄く 豊富です。2011.12.28 | 11時52分52秒Webデザインメディア関連
2011年・個人的に参考になったWeb制作向けの国内記事リスト 来年の復習用の記事リストです。自分用。 年末ですし、だれかがまとめ記事を書く と思って待ってましたが、他力本願も あまり良くないので自分でリストを作る 事にしました。去年も作ったけどあまり 出来なかったんですよね。。2011.12.26 | 9時53分43秒cssやプログラミングiPhone / iPadjQueryWebデザインWordPressWordPressその他お手軽カスタマイズカスタマイズ
css3で実装する3Dなロールオーバーエフェクトのサンプル 面白かったのでご紹介。マウスホバーによるロールオーバーエフェクトをcssで3D表現したサンプルです。休日ですし、ちょっとネタ的な内容ですけど、これはこれで勉強になりました。いろいろと考えますね、ほんと・・2011.12.23 | 12時57分44秒cssやプログラミングWebデザイン
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 ...2011.12.22 | 11時19分16秒cssやプログラミングWebデザイン
cssとhtmlをその場で書くだけですぐに結果を確認出来る・dabblet 購読してるLea Verou女史のブログで 面白いツールが公開されていました のでメモ的にご紹介。以前も同じよ うなツールをご紹介しましたが、 もっと手軽に使えますのでこちらで も十分かもしれません。2011.12.21 | 10時56分04秒cssやプログラミングWebデザイン
jQuery事始めvol.3・プラグインに頼らず自分でクリックで切り替わるタブメニューを作ってみる 暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと...2011.12.20 | 11時22分42秒jQueryWebデザイン
商用も無料でリンク不要の日本語フォント・こども丸ゴシックと、無料で手に入るフォント配布サイトの早見表 はんなり明朝の作者さんより新作の ご連絡がありましたのでご紹介です。 丸みのある可愛らしい丸ゴシックの 「こども丸ゴシック」。今回も商用 でも無料でリンクなども不要と、 太っ腹なご提供です。貢献者さんで すね・・・頭が下がります...2011.12.18 | 12時33分33秒Webデザインインスピレーションメディア関連
地図にマッピングし、指定した位置にコンテンツを表示出来る軽量jQueryプラグイン・CRAFTMAP 使いやすそうだったので備忘録。 Googleマップライクに動かせて マーキング、その場にコンテンツ を表示させる事も可能な軽量 jQueryプラグイン・CRAFTMAPです。 ちょっと説明下手ですね・・2011.12.17 | 11時38分08秒jQueryWebデザイン
国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ 以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・2011.12.16 | 10時58分05秒iPhone / iPadWebデザインインスピレーション
jQueryライクで軽量なライブラリのzepto.jsを使用したモバイル向けフレームワーク・Zoeyと日本語サンプル 選択肢の一つとして備忘録。jQueryの ように扱えて、jQueryより軽量なjs ライブラリにzepto.jsというものが あるんですが、このzepto.jsをコアに 使ったモバイル用のフレームワーク をご紹介。2011.12.15 | 12時04分31秒cssやプログラミングiPhone / iPadWebデザイン
2011年に配信したjQueryやWordPressなどのWeb制作向け情報・総まとめ 早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがw2011.12.14 | 11時19分58秒cssやプログラミングiPhone / iPadjQueryWebデザインWordPressカスタマイズテーマプラグイン
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか...2011.12.12 | 13時04分13秒jQueryWebデザイン
JavaScriptは使わず、CSS3でコンテンツフィルターを実装する 土曜日なのでちょっとしたネタ。 JavaScript無しで、CSSのみで コンテンツフィルターを実装する 方法をご紹介。実用性は無いので こんな事も出来るんだねくらいに 受け止めていただけると。2011.12.10 | 11時45分47秒cssやプログラミングWebデザイン
モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive 結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。2011.12.08 | 11時22分42秒iPhone / iPadjQueryWebデザイン
ドロップダウンメニューやスライドショーなどを取り入れた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オープンソースソフトウェア
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デザイン