お手軽WordPress Tips:ページテンプレート機能で作った固定ページだけをサイト内の検索結果から除外する ちょっとご質問頂いたのでメモがてら 記事にします。WordPressには固定ページ でテンプレート機能というものが使える んですが、これが応用が利いて地味に 便利なんです。ただ、場合によっては ここだけ検索結果から外したい、という...2011.09.16 | 13時00分13秒WordPressお手軽カスタマイズカスタマイズ
導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいです...2011.09.16 | 10時50分06秒iPhone / iPadjQueryWebデザイン
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と...2011.09.15 | 10時41分06秒jQueryWebデザイン
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll(無限スクロール)機能を加えたサンプル 必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能(スク ロールで次ページを読み込むやつ)が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんと...2011.09.14 | 11時22分11秒jQueryWebデザイン
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード 備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽く...2011.09.10 | 11時47分31秒iPhone / iPadjQueryWebデザイン
HTML5のcontenteditable属性でコンテンツを編集→localStorageを使用して保存、の流れをjQueryで出来るようにする。みたいなやつ たまたま勉強中だった時に見かけたTips。 個人的なメモです。HTML5には、IEで採用 されていたcontenteditable属性が追加され、 ページ内を編集することが出来ます。更に、 localStorageを使って編集状態を...2011.09.09 | 15時27分47秒jQueryWebデザイン
お手軽WordPress Tips:記事や投稿内で、別の記事の抜粋やリンク、アイキャッチなどを1つのショートコードで取得出来るようにする ブログとして使っている場合はあんまり使う機会 がないかもですけど、他の用途でWPを使ってい ると、記事内に他の記事のアイキャッチや抜粋 などを貼りたいときが結構あったりします。そう いったものをショートコードで一括で挿入できる よ...2011.09.05 | 10時56分19秒WordPressお手軽カスタマイズカスタマイズ
HTML5のCanvasを使ったパターン背景を簡単に作成出来るWebサービス・Patternizer 珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません け...2011.09.04 | 15時28分14秒cssやプログラミングWebサービスWebツール
jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法 この手のWebサービスは初見だったので ちょっとメモ的に。JQMのデザインを簡単 に変更できるcssジェネレーターです。JQM でそろそろ脱CDNしたい、という方は試しに テストしてみてはいかがでしょう。直感で 変更できるのでわり...2011.09.02 | 14時15分35秒iPhone / iPadjQueryWebサービスジェネレーター
HTML5の動画上に字幕や、デザイン変更可能なツールチップをキャプションっぽく埋め込めるライブラリ・BubblesJS これはなかなか便利かも、と思っていつかの日 のために備忘録。HTML5製の動画に、字幕や デザインの変更が可能なツールチップ的なもの を埋め込めるライブラリ、BubblesJSです。応用 すればニコニコ動画のような動画コンテンツも ...2011.09.02 | 11時46分19秒cssやプログラミングWebデザイン動画関連
設定も簡単・軽量(5KB)・シンプルな、Webサイトのフォントサイズを変更できるjQueryプラグイン・Font sizer なかなか便利かもと思ったのでメモ。よくある、 フォントサイズを変更できるやつなんですけど、 設定が凄く楽で軽量なjQueryプラグインです。 導入も楽なので積極的にうまく入れて行きたい ですねー。正直使ってもらえるか分からない も...2011.09.01 | 13時38分13秒jQueryWebデザイン
「いいね!」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順 もうどこかで見かけてるとは思いますが、Facebook で「いいね!」するとコンテンツが見えるようになる、 みたいなFacebookページの事をファンゲートという んですが、このファンゲート対応のFacebookページ をWordP...2011.08.31 | 10時38分18秒WordPressカスタマイズ
キーワードを入力するだけで自動で該当する候補をキーボードで操作可能なテーブル内に表示するjQueryプラグイン・jQuery ComboGrid オートコンプリート機能でキーボードで操作できる コンボボックスを出してくれる、というjQueryの プラグイン・jQuery ComboGridのご紹介です。 なかなか高機能なプラグインですね・・・文字を 入力するだけで自動で候補を...2011.08.27 | 12時47分21秒jQueryWebデザイン
jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろ...2011.08.26 | 11時17分01秒iPhone / iPadjQueryWebデザイン
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも...2011.08.25 | 12時33分55秒WordPressカスタマイズ
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるので...2011.08.24 | 10時34分42秒cssやプログラミングWebデザイン
モダンなデザインのプレゼンテーションコンテンツをHTMLで実装出来るようにするjsライブラリ・deck.js なかなか良かったのでご紹介。最近よく 見かけるHTML製のプレゼンテーション を実装出来るライブラリ。素敵なデザイン で実装できてエフェクトなんかも選択 出来るみたいですね。タッチデバイスに も最初から対応できてるといろいろと ...2011.08.23 | 17時43分01秒cssやプログラミングWebデザイン
WordPressでjQuery本体をCDN等に置き換える際は管理画面に読み込ませないようにする ちょっと気になったことがあったのでメモがてら ご紹介。WordPressには最初からjQueryが 同梱されており、わざわざ自分で本体をアップ ロードする必要が無いように出来ていますが、 バージョンが最新のものではありません。 そ...2011.08.23 | 11時58分43秒WordPressお手軽カスタマイズカスタマイズ
Youtubeでもz-indexが効くようにする「?wmode=transparent」パラメーターをjQueryで自動挿入する Youtubeは通常z-indexが効かず、Lightboxや ナビゲーションをposition:fixed;させるときは z-indexが効くように?wmode=transparentと いうパラメーターを加えてあげなければなり ...2011.08.20 | 15時09分49秒jQueryWebデザイン
リンク先のPDFファイルを、Google Docs Viewerでその場で閲覧できる様にするjQueryプラグイン・gDocsViewer 使い方次第ではなかなか便利かも、と思った のと諸事情でメモがてら記事にします。よく あるPDFファイルへのリンクを、その場で Google Docs Viewerで閲覧出来るように するjQueryプラグイン・gDocsViewer...2011.08.20 | 12時34分43秒jQueryWebデザイン
沿革や年表のようなタイムライン的なコンテンツをスライダーで実装するjQueryプラグイン・ jQuery Timelinr 年表とか沿革とか、そういった時間の流れを 可視化したようなコンテンツをスライダーで 実装できる、というjQueryプラグインのご紹介。 jQuery Timelinrは、コンテンツのスライダー で、テキストで書かれた西暦が連動して ...2011.08.19 | 15時16分29秒jQueryWebデザイン
240pxから最大2560pxの画面サイズまで対応出来るレスポンシブWebデザイン構築用のグリッドシステム・Golden Grid System iPhoneなどのモバイルや、超ワイドなモニターサイズ までサポートしているレスポンシブWebデザイン構築用 のフレームワーク・Golden Grid Systemなるものが 登場した模様です。最大で2560pxまで対応できる らし...2011.08.19 | 11時01分04秒cssやプログラミングiPhone / iPadWebデザイン