任意のファイルを読み込み、その場に実装するWordPressショートコード 3連休ですがいつも通り更新です。暇なものでして。今日はWordPressの小ネタです。一見凄く使えそうですが、使い方に気を付けたほうがいい、みたいなTips。任意のファイルを外部だろうが内部だろうが読み込むショートコードです。2011.12.24 | 12時13分40秒WordPressお手軽カスタマイズカスタマイズ
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デザイン
WordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする 凄く今更な話題かもしれませんが、知ってると便利なのでちょっと書いてみます。WordPressのテーマのcssに変更を加えたときに、表示をクライアントさん等に確認して貰う際、キャッシュの説明をするのがかなり面倒です。2011.12.19 | 11時59分41秒WordPressお手軽カスタマイズカスタマイズ
地図にマッピングし、指定した位置にコンテンツを表示出来る軽量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デザイン
モバイルサイズになると自動でグローバルメニューを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オープンソースソフトウェア
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デザイン
テキストや画像でパララックス効果のあるコンテンツを実装する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デザイン