WordPressの投稿画面で、記事のカテゴリーを1つしか選べないようにする 少々気になった記事があったので備忘録。WordPressの投稿画面でカテゴリーを選択出来る部分があって、そこはチェックボックスになっています。当然複数選べるようになっているわけですが、仕様上、1つしか選べないようにしたい、という場合のTip...2012.03.15 | 12時44分17秒jQueryWordPressカスタマイズ
Web上で「飛び出す絵本」の動きを表現したBeercamp 2012がちょっと凄かった 凄いなーとおもったのでシェア。Webサイト で飛び出す絵本のような動きを表現した Beercamp 2012がちょっと凄かった。案の定 CSS3とHTML5とJSで作ってるみたいですが、 実際に触ってみると少し感動しますね。 実用...2012.03.14 | 11時11分03秒Webデザインインスピレーション
ブログのフッター等にjQueryでTumblrに投稿した画像を表示する よく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自...2012.03.13 | 10時59分26秒jQueryWebデザイン
背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH 同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。2012.03.11 | 10時13分44秒jQueryWebデザイン
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄...2012.03.10 | 11時50分54秒jQueryWebデザイン
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 ...2012.03.07 | 11時06分33秒iPhone / iPadjQueryWebデザイン
jQuery UIのデザインをオリジナルに変更したサンプル 分かりやすいタイトルが思い浮かばない ので適当な感じになりましたが。jQuery UIのデザインをちょっと今風に変更した サンプルが配布されていたので備忘録。 jQuery UI、凄く機能的で良いんですが、 用意されているデザイン...2012.03.06 | 9時58分14秒cssやプログラミングjQueryWebデザイン
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。2012.03.04 | 11時06分14秒Webデザインインスピレーション
jQuery Mobileのリストでデフォルトの高さのリストにサムネイルを高さ一杯に含める ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。2012.03.02 | 13時14分31秒iPhone / iPadjQueryWebデザイン
郵便番号や地名を入力するだけでGoogleマップ検索できる地図コンテンツをjQueryで作る ちょっと便利そうなライブラリがあった ので備忘録。Googleマップでキーワード や郵便番号を入力するだけで、該当する 場所を表示します。ちょっと場所を確認 したい、みたいなシーンは地味にありま すし、これは手軽に実装出来るので覚...2012.03.01 | 11時34分21秒jQueryWebデザイン
iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides シンプルなHTMLプレゼンテーションを作成 する為のフレームワークのご紹介です。最近 は変わった動きのするプレゼンツールをよく 見かけますが、シンプルなタイプはあまり 見かけませんので選択肢の一つとして。 スマフォのスワイプ操作に...2012.02.29 | 11時46分40秒cssやプログラミングiPhone / iPadWebデザイン
JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider 使えそうだったので参考にしました。 JavaScriptを使わず、CSSのみで動作 させるレスポンシブWebデザイン対応 のコンテンツスライダーのサンプル です。軽量化にも繋がりそうですね。2012.02.27 | 11時05分10秒cssやプログラミングiPhone / iPadWebデザイン
レシポンシブWebデザイン対応のツールチップを実装するjQueryコード 日曜日ですね。まだまだ寒い日が続き ますが如何お過ごしでしょうか。今日 もレスポンシブWebデザイン関連。いい 加減飽きられそうですね。今日はツール チップですのでさほど需要は無いもの と思われます。ただ、簡単に実装出来る ので...2012.02.26 | 11時05分39秒iPhone / iPadjQueryWebデザイン
要素をレンガ風に配列するスクリプト・jQuery Masonryで、配列させる要素を下揃えにする 要素をレンガ風に配列するjQueryプラグイン のMasonryで、要素を下揃えに配置出来るよ うにしたい、という内容です。オプション 項目を追加してオンオフを出来るようにカス タマイズします。下揃えにする機会があるか どうかは置...2012.02.24 | 10時30分14秒jQueryWebデザイン
モリサワのWebフォントが無料キャンペーンやってたので試してみたよ モリサワのフォントをWebフォント として使えるようになりました。 現在キャンペーン中で、期間限定 で無料で利用する事が出来ます。 いつもお世話になっているフォント なので普及活動などしてみようか と思います。2012.02.23 | 16時47分35秒cssやプログラミングWebデザイン
今月ダウンロードしたフリーフォントまとめ 特にネタも無いのでダウンロードした フォントをまとめておきます。好みの テイストじゃなくてニーズに合わせて ダウンロードするので一貫性があまり 無いですが、その辺は適当にスルーし てください。2012.02.23 | 11時18分50秒Webデザインメディア関連
デザインやツール、フレームワークなど、スマフォアプリの開発向けリソースだけを淡々と紹介するサイト・Mobile Tuxedo スマフォ向けのアプリ開発者さん向けの リソースサイトで良さそうなのがあった のでシェア。デザインやツールなどを 淡々と紹介するMobile Tuxedoです。既に 結構な量が紹介されていますので購読先 に加えて見ては如何でしょう。...2012.02.22 | 11時15分17秒iPhone / iPadインスピレーション
15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありが...2012.02.18 | 10時49分39秒WebサービスWebツールWebデザイン
その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer ここ何日かずっとレスポンシブWebデザイン のネタが続きますが・・便利なブックマーク レットです。閲覧中のWEBサイトをiPhoneや iPadの幅で見たときの表示状態で確認出来る ブックマークレットです。というか単純に リサイズ...2012.02.16 | 10時14分47秒iPhone / iPadjQueryWebデザイン
簡単なjQueryコードで動く、レスポンシブWebデザイン対応のカルーセルを実装する為の雛形っぽいやつを作成してみる レスポンシブWebデザインに対応できる コンテンツスライダーのようなものの 雛形のようなものが欲しかったので、 自分で作成しました。テンプレなので 他の配布スクリプトのように親切な 設計じゃないですけど・・2012.02.15 | 11時26分21秒jQueryWebデザイン
最新のWebデザイントレンドを取り入れたWebサイトを紹介するデザインギャラリー・stylesinspiration 最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵で...2012.02.13 | 10時27分07秒Webデザインインスピレーション
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path 過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので...2012.02.11 | 11時09分49秒jQueryWebデザイン