-
お手軽WordPress Tips:post_class()にアイキャッチ画像を使用した記... kachibito.net
WordPressにはpost_class()という関数が あって、自動で要素にclassを付けてくれ るんですが、この中にアイキャッチ画像 を使用した投稿の場合にclassを追加する という、誰に需要があるのか分からない Tipsシリーズです。 post_class()は僕も殆ど使ったことが... 続きを読む
-
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ -... kachibito.net
jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり... 続きを読む
-
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern... kachibito.net
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分... 続きを読む
-
レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldi... kachibito.net
もういくつも出回ってますので今更感 もありますが、個人的にはいくつあって も困らないのでご紹介。レスポンシブ Webデザイン設計用のシンプルなテンプ レート・The Goldilocks Approachです。 殆ど何もない状態なので使いやすい。 いろいろと便利なフレームワ-クはありましたけど... 続きを読む
-
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQue... kachibito.net
jQuery Masonryのように、要素をレンガ のように時系列を崩さず配列させるだけ でなく、遅延表示させるjQueryプラグイ ン・stalactiteです。たまに見かける エフェクトなんじゃないでしょうか。 スクリプトも軽量で使い勝手も良さそう です。 遅延表示はちょっと面白いですね。... 続きを読む
-
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応の... kachibito.net
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ(横向き) にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来る無料の... 続きを読む
-
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポ... kachibito.net
WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。 というわけで誰の役に立つのかわからないシリーズです。切欠はちょっとメール頂い... 続きを読む
-
プロパティをインクリメンタル検索出来るCSSリファレンスサイト・Ins... kachibito.net
便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。 これいいですねー。探す手間が省けるリファレンスサイトという感じ。シンプルなのもよかった。 In... 続きを読む
-
ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテス... kachibito.net
結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない 説明ですがw CSSninjaというブログを書いている方の作ったW... 続きを読む
-
コーヒーカップを1日1個、30日間デザインし、作成し続けるプロジェク... kachibito.net
日曜日だし軽めのネタでも・・白い コーヒーカップを1日1つ、30日間 毎日作り続ける、というプロジェ クトを行った方がいるんですが、 ちょっと素敵だったのでご紹介。 以前、学生さんが100日間タイポグラフィを使ったポスターデザインをし続けるプロジェクトがありましたが、こちらは1ヶ月間カップを作... 続きを読む
-
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQ... kachibito.net
- コンピュータ・IT
- jquery webデザイン jQueryプラグイン プラグイン javascript
- 99 users
- 2011/11/12
題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。 デザインそのものはcssでカラーリングしたり、画像に置換したり、と自由も利いて、クロスブラウ... 続きを読む
-
Webサイトの表示速度を計測するシンプルで見やすいWebサービス・Ping... kachibito.net
Webサイトの表示速度をファイルごとに 計測してくれるツールです。表示速度 を可視化してくれるんですが、その速度 を遅くしているのはどのファイルなの か、というのが一目で分かります。 GoogleのPage Speedももちろん使うん ですが、まぁこれはこれでありかなと。 最近サーバーを変えて... 続きを読む
-
WordPressのオリジナルテーマ作成フロー・基本マニュアル kachibito.net
初めてWordPressオリジナルテーマの作成 にトライしたい、という方向けの基本の マニュアルです。マニュアルというほど 大袈裟なものではありませんけど、ある 程度敷居が低くなると嬉しいなぁという 思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向... 続きを読む
-
CSS3の:nth-childセレクタで、3n+2とかを計算するやつ - かちびと. n... kachibito.net
あんまり使わないような使うようなセレクタ の:nth-childですが、自分の頭が宜しくない ようで、適応させたい箇所の計算で混乱しま す・・面倒くさいと思っていたのでいいツール ないかなと思ってたんですがシンプルでいい のがあったので同じく計算嫌いな方向けに シェアします。 E:nth-ch... 続きを読む
-
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプ... kachibito.net
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを使用しています。 ちょっとこのタイトルだと誤解与えそうですね・・... 続きを読む
-
WordPressでスパムユーザーの自動登録を簡単なコードで防ぐ - かちび... kachibito.net
- コンピュータ・IT
- wordpress wordpress-ユーザー登録 *wordpress *web制作
- 26 users
- 2011/11/07
WordPressを使ったサイトでユーザー登録 を可能にしているサイトもちらほらと 見かけるようになりました。個人的には あんまり運営経験無いんですが、サービス とスパムは切っても切れない問題ですよね。 そこで一つ、簡単な方法でスパムユーザー の登録を防ぐ方法をメモしておきます。 とはいえ、最... 続きを読む
-
ブランコに乗った女の子のモチーフのネックレスが可愛かった - かち... kachibito.net
ちょっといいアイデアだなーと思った のでシェア。どこかで見かけたかも しれませんけどwシルバーネックレス で、モチーフがブランコに乗った女の 子なんですが、それを表現したアイデ アがちょっと好きでした。 こういう発想は凄く好きです。 Sterling Silver Swinging Pinup... 続きを読む
-
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい... kachibito.net
昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。 今日のはクロスブラウザとはいかないものもありますが、画像とjsは一切使用... 続きを読む
-
画像を使わずに見出しを水平線で挟むCSS小技 - かちびと. net kachibito.net
ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。 これはいいですな・・・IE6でも7でも実装出来て、背景カラーや画像にも依存しません。... 続きを読む
-
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN - ... kachibito.net
なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重ですね。 テンプレートそのものを使う予定は無いですけど、管理画面に... 続きを読む