iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構ｲｲ！（・∀・）※Win用
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います...
"キーワード指定なし"
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする
WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。
プロパティをインクリメンタル検索出来るCSSリファレンスサイト・InstaCSS
便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。
ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr
結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない ...
コーヒーカップを1日1個、30日間デザインし、作成し続けるプロジェクト・30 DAYS 30 CUPS
日曜日だし軽めのネタでも・・白い コーヒーカップを1日1つ、30日間 毎日作り続ける、というプロジェ クトを行った方がいるんですが、 ちょっと素敵だったのでご紹介。
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar
題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。
Webサイトの表示速度を計測するシンプルで見やすいWebサービス・Pingdom Tools
Webサイトの表示速度をファイルごとに 計測してくれるツールです。表示速度 を可視化してくれるんですが、その速度 を遅くしているのはどのファイルなの か、というのが一目で分かります。 GoogleのPage Speedももちろん使...
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。
CSS3の:nth-childセレクタで、3n+2とかを計算するやつ
あんまり使わないような使うようなセレクタ の:nth-childですが、自分の頭が宜しくない ようで、適応させたい箇所の計算で混乱しま す・・面倒くさいと思っていたのでいいツール ないかなと思ってたんですがシンプルでいい のがあっ...
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを...
WordPressでスパムユーザーの自動登録を簡単なコードで防ぐ
WordPressを使ったサイトでユーザー登録を可能にしているサイトもちらほらと見かけるようになりました。個人的にはあんまり運営経験無いんですが、サービスとスパムは切っても切れない問題ですよね。そこで一つ、簡単な方法でスパムユーザーの登録を...
ブランコに乗った女の子のモチーフのネックレスが可愛かった
ちょっといいアイデアだなーと思った のでシェア。どこかで見かけたかも しれませんけどｗシルバーネックレス で、モチーフがブランコに乗った女の 子なんですが、それを表現したアイデ アがちょっと好きでした。
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる
昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。
画像を使わずに見出しを水平線で挟むCSS小技
ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN
なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する
WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすい...
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました
iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルな...
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。
2011・10月のアクセス解析
11月になりましたので先月10月の 当ブログのアクセス解析を公開し たいと思います。早いものでもう 11月です。残り2ヶ月ですね・・ 地震があったのが寒い時期だった のでもう一回りしてしまうんです ね。
最近よく見てる国内のお薦めWeb制作やTips系ブログいくつか
ふと思い立ったので記事にしてみます。 最近よく見させて頂いてる国内のブログ をシェアしてみようと思って記事にして みます。僕はWeb屋さんなのでWeb屋さん 向けのブログだけになっていますが、 Web屋さん以外でも楽しめるんじゃな...
少しのjQueryコードでWordPressのコメント欄にリアルタイムプレビュー機能を加える
少しのコードでWordPressのプラグインを 使わずにリアルタイムコメントプレビュー 機能を加える方法です。殆ど使わない、と 思いますが、他でも応用できるコードなの で個人的にメモしておきたい。実装には jQueryを使用します...
あなたのワイヤーフレームを甘くする、スイーツなダミーテキストジェネレーター・Cupcake Ipsum
意味分からんタイトルですけどｗ よくあるダミーテキストジェネレ ーターなんですが、作られるテキ ストに甘い食べ物ばかり含まれて ちょっと可愛かったです。こういう 遊び心というか余裕が欲しいな。