HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...2011.11.04 | 14時11分04秒cssやプログラミングjQueryWebデザイン
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすい...2011.11.03 | 10時58分02秒WordPressお手軽カスタマイズカスタマイズ
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。2011.11.01 | 11時19分33秒jQueryWebデザイン
シンプル、軽量でカスタマイズしやすいフォームバリデーション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デザイン
様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation(と、サーバー移転のお知らせ) iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。2011.10.20 | 14時17分27秒cssやプログラミングiPhone / iPadWebデザイン
クリックで複数のモックアップ間を行き来できるようにして、フィードバックを募る事が出来るWebサービス・ClickDummy なかなかユニークだったのでご紹介。モックアップ画像をアップロードしてフィードバックを募る、というWebサービスはいくつか存在するんですが、ClickDummyは、子ページ等もアップロードしてリンクする事が出来ます。2011.10.11 | 14時02分58秒WebサービスWebツール
覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か これならjQueryじゃなくてもいいんじゃ 無いか、っていう記事です。短くて使い やすいスニペットなんですが、まぁ用途 は人それぞれだと思うので適当に流して 下さい。自分が使いやすいようにまとめ たいだけです。2011.10.07 | 11時10分06秒jQueryWebデザイン
CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js 久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを...2011.10.05 | 14時39分49秒cssやプログラミングWebデザイン
表示サイズに合わせてフォントのサイズやレイアウトを最適化できるjQueryプラグイン・jFL ちょっと気になってたjQueryプラグイン だったのでテストしてみました。表示 しているサイズに応じてレイアウトや フォントサイズを最適なものにしてく れる、というもの。Media Queryは使用 していないのでcssも綺麗に保...2011.10.04 | 11時06分29秒jQueryWebデザイン
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。...2011.10.03 | 11時17分47秒iPhone / iPadWebデザインインスピレーション
アコーディオンとグローバルメニューを併せたコンテンツを実装出来るjQueryプラグイン・facets ユニークだったのでご紹介。グローバル メニューに連動してアコーディオンが 連動して開閉するコンテンツを実装する jQueryプラグイン。使いどころはあまり 無さそうですけど、もしかしたら、とい うことで・・2011.10.02 | 12時15分07秒jQueryWebデザイン
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、です...2011.09.30 | 9時54分45秒jQueryWebデザイン
長いフォームをステップ式にして省スペースに収めるクロスブラウザ対応でシンプルなjQueryプラグイン・BabySteps 使いやすそうだったので備忘録。 フォームをステップ式にして、 コンパクトに収められる、という jQueryプラグイン。シンプルなの でカスタマイズも割りとしやすく、 クロスブラウザでも動作してく れます。2011.09.29 | 13時01分21秒jQueryWebデザイン
10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個 面白そうなコンテストが開催されているよう だったのでメモがてらご紹介。10KB以下で、 しかもスマートフォンやiPadなど様々なデバ イスで閲覧してもレイアウトを崩さないレス ポンシブWebデザインであることが条件の Webアプリ...2011.09.27 | 14時37分20秒WebサービスWebツール
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデ...2011.09.23 | 17時48分38秒cssやプログラミングWebデザイン
ユーザーIDでも登録したメールアドレスでもログイン出来るようにするWordPressプラグイン・WP Email Login(と、日本語ファイル) 地味に需要があるかな、と思って記事に。 通常WordPressはユーザーIDとパスワード でログインしますが、このユーザーIDの 他に、登録したメールアドレスでもログイン 出来るようにする、というプラグイン です。Webサービスで...2011.09.17 | 11時26分13秒WordPressプラグイン
導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいです...2011.09.16 | 10時50分06秒iPhone / iPadjQueryWebデザイン
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と...2011.09.15 | 10時41分06秒jQueryWebデザイン
HTML5のcontenteditable属性でコンテンツを編集→localStorageを使用して保存、の流れをjQueryで出来るようにする。みたいなやつ たまたま勉強中だった時に見かけたTips。 個人的なメモです。HTML5には、IEで採用 されていたcontenteditable属性が追加され、 ページ内を編集することが出来ます。更に、 localStorageを使って編集状態を...2011.09.09 | 15時27分47秒jQueryWebデザイン
CSSのみでマウスオーバー時にリンク先のURLをツールチップで表示させる cssの小技的な内容です。さほど使う機会は無さそうなんですけど、JavaScriptを使うほどでも無いようなものなのでcssだけでやって見た、みたいな記事。リンクにマウスを乗せるとそのリンク先のURLをツールチップとして表示させます。 ...2011.09.07 | 11時50分15秒cssやプログラミングWebデザイン
直感のみで、マウスでぐるぐる回せる3D風の写真を作成出来るECサイトオーナー向けのシンプルなソフトウェア・グルグル写真Maker 使ってみたらなかなか良かったのでご紹介。 直感でぐるぐる回せる3D風の写真コンテンツ を作成出来る国産のソフトウェア・グルグル 写真Makerです。非常にシンプルで、誰でも 簡単に作成することが出来ます。ECサイト のオーナーさん...2011.09.06 | 10時58分56秒その他のソフトウェアソフトウェア