jQuery Mobileのリストでデフォルトの高さのリストにサムネイルを高さ一杯に含める
ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。
プログラミング
郵便番号や地名を入力するだけでGoogleマップ検索できる地図コンテンツをjQueryで作る
ちょっと便利そうなライブラリがあった ので備忘録。Googleマップでキーワード や郵便番号を入力するだけで、該当する 場所を表示します。ちょっと場所を確認 したい、みたいなシーンは地味にありま すし、これは手軽に実装出来るので覚...
iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides
シンプルなHTMLプレゼンテーションを作成 する為のフレームワークのご紹介です。最近 は変わった動きのするプレゼンツールをよく 見かけますが、シンプルなタイプはあまり 見かけませんので選択肢の一つとして。 スマフォのスワイプ操作に...
お手軽WordPress Tips：カスタムタクソノミーで作成した特定のタームに属する記事の一覧を表示数を指定して表示する
最近触る時間が全然無いですがWordPress の話。カスタムタクソノミーで作った任意 のタームに属する記事の一覧を、表示数を 指定して表示するコードです。個人的には かなり使う機会の多いコードですので自分 のメモ的な記事になりま...
レシポンシブWebデザイン対応のツールチップを実装するjQueryコード
日曜日ですね。まだまだ寒い日が続き ますが如何お過ごしでしょうか。今日 もレスポンシブWebデザイン関連。いい 加減飽きられそうですね。今日はツール チップですのでさほど需要は無いもの と思われます。ただ、簡単に実装出来る ので...
要素をレンガ風に配列するスクリプト・jQuery Masonryで、配列させる要素を下揃えにする
要素をレンガ風に配列するjQueryプラグイン のMasonryで、要素を下揃えに配置出来るよ うにしたい、という内容です。オプション 項目を追加してオンオフを出来るようにカス タマイズします。下揃えにする機会があるか どうかは置...
デザインやツール、フレームワークなど、スマフォアプリの開発向けリソースだけを淡々と紹介するサイト・Mobile Tuxedo
スマフォ向けのアプリ開発者さん向けの リソースサイトで良さそうなのがあった のでシェア。デザインやツールなどを 淡々と紹介するMobile Tuxedoです。既に 結構な量が紹介されていますので購読先 に加えて見ては如何でしょう。...
「WordPressのfunctions.phpによく書くコード」から必要なものだけを選べるサイトと、TinyMCE向けのLORUM IPSUMを発行できるサイト
なんだか良く分からないタイトルですけど。 WordPressのfunctions.phpによく書くコード で好きなコードを選んで発行してくれる、と いうサイトと、WordPressで使われている投稿 エディタ・TinyMCE向けのダ...
15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありが...
日本の企業サイト向けに作成された高性能でレスポンシブWebデザイン対応の無料WordPressテーマ・BizVektor
ご連絡頂いたのですが、とても良い感じ だったのでご紹介。日本向けのコーポ レートサイトを作成する為に作られた レスポンシブWebデザイン対応のフリー WordPressテーマ・BizVektorです。機能 も優れていて参考になりま...
簡単なjQueryコードで動く、レスポンシブWebデザイン対応のカルーセルを実装する為の雛形っぽいやつを作成してみる
レスポンシブWebデザインに対応できる コンテンツスライダーのようなものの 雛形のようなものが欲しかったので、 自分で作成しました。テンプレなので 他の配布スクリプトのように親切な 設計じゃないですけど・・
最新のWebデザイントレンドを取り入れたWebサイトを紹介するデザインギャラリー・stylesinspiration
最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵で...
利用中のテーマやプラグインのCSS編集と保存がその場で出来るWordPressプラグイン・WP Live CSS Editor
WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った ので...
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path
過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので...
HTMLやCSSのマークアップのパターンを作成し、その場で編集、インタラクティブに確認出来るツール・・・・を作れるWordPressテーマｗ
ちょっとネタ的な話題。HTMLやCSSを書くと その場でインタラクティブに反映、確認する 事が出来るツールやWebサービスは沢山ある のですが、それをWordPressで作ってしまった ようです。こういう発想は全然思い浮かば なか...
ショートコードで使えるタブやスライダー、Twitterのツイート表示など、30以上の機能を搭載したWordPressプラグイン・Shortcodes Ultimate
WordPressではショートコードAPIと いう便利なAPIがあって、これを使え ば記事や固定ページでより幅広い表現 が知識の無い方でも出来ます。この ショートコードで様々なコンテンツ を実装出来るようにしてあるプラグイン で...
どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有
どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った
以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。
ページ内に「しおり」を付けられるシンプルなjQueryプラグイン・youRhereで「後で読む」ユーザーに配慮する
便利そうだったのでご紹介。ページ内に栞 を付けられるjQueryプラグインです。栞は 行単位で付けられて、次アクセス時には自動 でスクロールしてくれます。長文コンテンツ やドキュメントサイトなんかには積極的に 導入して欲しいなぁ、...
連続した要素を分割してページネーションを実装、移動時にエフェクトを加えるjQueryプラグイン・jPages
ちょっと珍しいタイプでしたので備忘録。 連続した要素を、指定した数に達したら 分割して、ページネーションを自動で 生成し、移動時にエフェクトが加わえる、 というもの。大量のリストをコンパクト に、という方に向いてそうですね。
「Pinterestに投稿する」ボタンをWordPressに設置するコード
Pinterestが流行ってますね。こうした ソーシャルサイトには必ずある投稿ボタン ですが、勿論、Pinterestにもあります。 その「Pinterestに投稿する」ボタンを WordPressに設置するコードをご紹介 致しま...
[書評]jQuery Mobile スマートフォンサイト デザイン入門
ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。よ うやく正式版がリリースされたjQuery Mobileですが、まだまだ実践向けの 情報の書かれたブログ記事なども少な いですが、こちらはかなり実践向け...