プロパティをインクリメンタル検索出来るCSSリファレンスサイト・InstaCSS 便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。2011.11.15 | 11時00分22秒cssやプログラミングWebツールWebデザイン
ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr 結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない ...2011.11.14 | 11時27分33秒WebサービスWebツールWebデザイン
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar 題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。2011.11.12 | 13時54分57秒jQueryWebデザイン
CSS3の:nth-childセレクタで、3n+2とかを計算するやつ あんまり使わないような使うようなセレクタ の:nth-childですが、自分の頭が宜しくない ようで、適応させたい箇所の計算で混乱しま す・・面倒くさいと思っていたのでいいツール ないかなと思ってたんですがシンプルでいい のがあっ...2011.11.09 | 11時23分47秒cssやプログラミングjQueryWebデザイン
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる 昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。2011.11.06 | 12時11分08秒cssやプログラミングWebデザイン
画像を使わずに見出しを水平線で挟むCSS小技 ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。2011.11.05 | 11時15分07秒cssやプログラミングjQueryWebデザイン
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...2011.11.04 | 14時11分04秒cssやプログラミングjQueryWebデザイン
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルな...2011.11.02 | 11時44分59秒WordPressテーマ
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。2011.11.01 | 11時19分33秒jQueryWebデザイン
最近よく見てる国内のお薦めWeb制作やTips系ブログいくつか ふと思い立ったので記事にしてみます。 最近よく見させて頂いてる国内のブログ をシェアしてみようと思って記事にして みます。僕はWeb屋さんなのでWeb屋さん 向けのブログだけになっていますが、 Web屋さん以外でも楽しめるんじゃな...2011.10.31 | 12時12分38秒Webデザインインスピレーション
少しのjQueryコードでWordPressのコメント欄にリアルタイムプレビュー機能を加える 少しのコードでWordPressのプラグインを 使わずにリアルタイムコメントプレビュー 機能を加える方法です。殆ど使わない、と 思いますが、他でも応用できるコードなの で個人的にメモしておきたい。実装には jQueryを使用します...2011.10.30 | 11時35分13秒jQueryWordPressお手軽カスタマイズカスタマイズ
あなたのワイヤーフレームを甘くする、スイーツなダミーテキストジェネレーター・Cupcake Ipsum 意味分からんタイトルですけどw よくあるダミーテキストジェネレ ーターなんですが、作られるテキ ストに甘い食べ物ばかり含まれて ちょっと可愛かったです。こういう 遊び心というか余裕が欲しいな。2011.10.29 | 10時59分15秒WebサービスWebツール
シンプル、軽量でカスタマイズしやすいフォームバリデーションjQueryプラグイン・validate.js フォームバリデーション系のプラグインは 既に数多く良質なものが揃っているので、 今更、という気もしますが、自分と相性が 良さそうだったので備忘録。軽量でシンプル で、カスタマイズもしやすかったです。 高機能ではなくていいので、こう...2011.10.28 | 12時22分17秒jQueryWebデザイン
Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する 少し気になったので調べたんですが、 ブラウザにSkypeのアドオンとかエク ステンションを入れていると、Web サイトやGoogleの検索結果の電話番号 が勝手にSkype用の起動ボタンに置換 されます。2011.10.27 | 12時26分04秒cssやプログラミングWebデザイン
USBメモリ内にWordPress用のローカル環境を5分で構築、持ち運び可能なフリーのソフトウェア・Instant WordPressが超便利っぽい 昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可...2011.10.26 | 12時02分35秒WordPressWordPressその他ソフトウェアフリーソフト
画像もJSも使わず、CSSのみでTwitterやApple、マクドナルドなどのロゴを作成、コードを公開しているサイト CSSのみでOperaやIEのロゴを作成したり、 というのを以前はよく見かけましたが、 インスパイアされたようでTwitterや、 Apple、マクドナルドやナイキなど様々 なロゴをCSSのみで作成、コードを公開 してるサイトがあ...2011.10.25 | 10時59分13秒cssやプログラミングWebデザイン
軽量で、シンプルなCSSフレームワーク・Atatonic 結構前からあるみたいですけど、なかなか 良かったのでメモがてらご紹介。軽量で シンプルなCSSフレームワークです。有名 なフレームワークは使いやすく、高性能 な傾向ですが、結局無駄が出てしまうので 場合によってはこういうシンプルな...2011.10.23 | 11時24分53秒cssやプログラミングWebデザイン
jQueryで手軽にサクッとシンプルなニュースティッカーを作る 今更なTipsなんですけど、まぁ自分用の 復習的な記事です。カスタマイズしやす いニュースティッカーを作るコードで、 1行でも4行でも画像でも、cssで見た目 をスタイルするだけで少量のコードで 実装する事が出来ます。2011.10.22 | 14時05分25秒jQueryWebデザイン
ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface ちょっと面白かったのでメモ。 ミニマルなアイコンやシンボル をWebフォントとして使えるよう にしてくれたフリーフォント、 Web Symbols typefaceのご紹介 です。割と嬉しいかもw2011.10.21 | 13時47分00秒cssやプログラミングWebデザイン
jQueryでテーブルの行ごとクリックしてチェックボックスにチェックを入れられるようにする jQueryでテーブルの行ごとクリックして チェックボックスにチェック出来るよう にするTipsです。ユーザーがデータを 見ながらフォームを送信する際に、分か りやすくしてあげよう、という目的です。 行ごとクリッカブルにする、みた...2011.10.16 | 10時20分27秒jQueryWebデザイン
jQueryで動作する開閉パネル式をWordPressのショートコートで作れるようにする基本的なチュートリアル よく見かける、クリックで開閉するパネル をショートコードでサクッと作れるように するためのカスタマイズ法です。jQueryを 使います。どこにでも手軽に追加できる ので覚えておくと結構重宝します。FAQ 以外でも応用できそうですね...2011.10.15 | 10時15分48秒jQueryWordPressお手軽カスタマイズカスタマイズ
Webサイトツアーを手軽に実装出来るクロスブラウザ対応のjQueryプラグイン・Joyride 何度か似たようなの見かけてますが、 サイト内ツアーを実装出来るjQuery プラグイン・Joyrideです。高機能で はありませんが、シンプルでなかなか 使い勝手も悪く無さそうでしたので 少し触ってみました。2011.10.14 | 10時07分38秒jQueryWebデザイン