レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版
以前ご紹介した、zurb提供の レスポンシブWebデザイン対応 サイト向けのフレームワーク、 FoundationにWordPressテーマ 版が追加されていましたので ちょっとメモです。
プログラミング
お手軽WordPress Tips：post_class()にアイキャッチ画像を使用した記事の場合のclassを追加する
WordPressにはpost_class()という関数が あって、自動で要素にclassを付けてくれ るんですが、この中にアイキャッチ画像 を使用した投稿の場合にclassを追加する という、誰に需要があるのか分からない Tip...
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ
jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること ...
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQueryプラグイン・stalactite
jQuery Masonryのように、要素をレンガ のように時系列を崩さず配列させるだけ でなく、遅延表示させるjQueryプラグイ ン・stalactiteです。たまに見かける エフェクトなんじゃないでしょうか。 スクリプトも軽...
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構ｲｲ！（・∀・）※Win用
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います...
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする
WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar
題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを...
WordPressでスパムユーザーの自動登録を簡単なコードで防ぐ
WordPressを使ったサイトでユーザー登録を可能にしているサイトもちらほらと見かけるようになりました。個人的にはあんまり運営経験無いんですが、サービスとスパムは切っても切れない問題ですよね。そこで一つ、簡単な方法でスパムユーザーの登録を...
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる
昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN
なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する
WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすい...
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。
少しのjQueryコードでWordPressのコメント欄にリアルタイムプレビュー機能を加える
少しのコードでWordPressのプラグインを 使わずにリアルタイムコメントプレビュー 機能を加える方法です。殆ど使わない、と 思いますが、他でも応用できるコードなの で個人的にメモしておきたい。実装には jQueryを使用します...
シンプル、軽量でカスタマイズしやすいフォームバリデーションjQueryプラグイン・validate.js
フォームバリデーション系のプラグインは 既に数多く良質なものが揃っているので、 今更、という気もしますが、自分と相性が 良さそうだったので備忘録。軽量でシンプル で、カスタマイズもしやすかったです。 高機能ではなくていいので、こう...
USBメモリ内にWordPress用のローカル環境を5分で構築、持ち運び可能なフリーのソフトウェア・Instant WordPressが超便利っぽい
昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可...
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。
jQueryで手軽にサクッとシンプルなニュースティッカーを作る
今更なTipsなんですけど、まぁ自分用の 復習的な記事です。カスタマイズしやす いニュースティッカーを作るコードで、 1行でも4行でも画像でも、cssで見た目 をスタイルするだけで少量のコードで 実装する事が出来ます。
様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation（と、サーバー移転のお知らせ）
iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。
タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル
勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。