シンプル、軽量でカスタマイズしやすいフォームバリデーション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デザイン
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと 個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。2011.10.24 | 12時07分42秒cssやプログラミングjQueryWebサービス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デザイン
様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation(と、サーバー移転のお知らせ) iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。2011.10.20 | 14時17分27秒cssやプログラミングiPhone / iPadWebデザイン
タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル 勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。2011.10.19 | 10時24分36秒jQueryWebデザイン
CSS3のハードウェアアクセラレーターを使ったビジュアルエフェクト生成用jsライブラリ・Alice.js 気になったので備忘録的に触って見ました。 ハードウェアアクセラレーターを使った CSS3の新機能を実装出来るjsライブラリ・ Alice.jsです。と、分かったような事を 書きましたが、まだちょっと勉強不足で いろいろ調査中です。...2011.10.18 | 10時22分50秒cssやプログラミングiPhone / iPadWebデザイン
レスポンシブWebデザイン対応のjQueryイメージスライダー・FlexSliderがWordPressプラグインになってた 以前ご紹介した、iPhoneやiPadなど 様々なデバイスにレイアウトを自動 で対応するレスポンシブWebデザイン 対応のjQuery製のイメージスライダー FlexSliderがWordPressプラグインに なっていました。 ...2011.10.17 | 10時21分08秒iPhone / iPadWordPressプラグイン
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デザイン
お手軽WordPress Tips:記事内やコメント欄内の特定のキーワードを任意のテキストやリンク等に一括置換する ちょっと久しぶりですけどWordPressの カスタマイズTips記事です。今日はプラ グインを使わず、記事内の特定のキーワ ードに自動で何か加わるようにしようと いう内容。一応簡単なWikiっぽいものも 作れるっちゃ作れます。 ...2011.10.13 | 11時15分11秒WordPressお手軽カスタマイズカスタマイズ
Webフォントを上手くWebデザインに取り入れたサイトを収集しているギャラリーサイト・the WEB FONTS gallery ありそうでなかったWebデザインギャラリー だったのでご紹介。Googleでも提供して くれている、Webフォント。日本語では なかなか難しいですが、英語圏ではかなり 一般化してきている印象です。そんな Webフォントを上手く利用...2011.10.12 | 13時30分12秒cssやプログラミングWebデザインインスピレーション
iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト に...2011.10.12 | 11時37分11秒cssやプログラミングiPhone / iPadWebデザイン
クリックで複数のモックアップ間を行き来できるようにして、フィードバックを募る事が出来るWebサービス・ClickDummy なかなかユニークだったのでご紹介。モックアップ画像をアップロードしてフィードバックを募る、というWebサービスはいくつか存在するんですが、ClickDummyは、子ページ等もアップロードしてリンクする事が出来ます。2011.10.11 | 14時02分58秒WebサービスWebツール
比較の仕方の話 3連休ですねー。いかがお過ごしでしょうか? さて、最近少し気になることがあるので、 たまには日記のようなものでも書いてみよう かなと思います。ここで書かなくてもいい かなとも思うんですけど、どこで書いても 変わらないですしね・・・...2011.10.10 | 11時56分28秒プライベート個人的な日記
全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル 画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマート...2011.10.09 | 10時35分47秒jQueryWebデザイン
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね...2011.10.08 | 12時18分20秒WordPressテーマ