Webサイトの表示速度を計測するシンプルで見やすいWebサービス・Pingdom Tools Webサイトの表示速度をファイルごとに 計測してくれるツールです。表示速度 を可視化してくれるんですが、その速度 を遅くしているのはどのファイルなの か、というのが一目で分かります。 GoogleのPage Speedももちろん使...2011.11.11 | 11時25分49秒WebサービスWebツール
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker 住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを...2011.11.08 | 10時29分35秒jQueryWebデザイン
あなたのワイヤーフレームを甘くする、スイーツなダミーテキストジェネレーター・Cupcake Ipsum 意味分からんタイトルですけどw よくあるダミーテキストジェネレ ーターなんですが、作られるテキ ストに甘い食べ物ばかり含まれて ちょっと可愛かったです。こういう 遊び心というか余裕が欲しいな。2011.10.29 | 10時59分15秒WebサービスWebツール
USBメモリ内にWordPress用のローカル環境を5分で構築、持ち運び可能なフリーのソフトウェア・Instant WordPressが超便利っぽい 昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可...2011.10.26 | 12時02分35秒WordPressWordPressその他ソフトウェアフリーソフト
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと 個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。2011.10.24 | 12時07分42秒cssやプログラミングjQueryWebサービスWebツール
ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface ちょっと面白かったのでメモ。 ミニマルなアイコンやシンボル をWebフォントとして使えるよう にしてくれたフリーフォント、 Web Symbols typefaceのご紹介 です。割と嬉しいかもw2011.10.21 | 13時47分00秒cssやプログラミングWebデザイン
CSS3のハードウェアアクセラレーターを使ったビジュアルエフェクト生成用jsライブラリ・Alice.js 気になったので備忘録的に触って見ました。 ハードウェアアクセラレーターを使った CSS3の新機能を実装出来るjsライブラリ・ Alice.jsです。と、分かったような事を 書きましたが、まだちょっと勉強不足で いろいろ調査中です。...2011.10.18 | 10時22分50秒cssやプログラミングiPhone / iPadWebデザイン
クリックで複数のモックアップ間を行き来できるようにして、フィードバックを募る事が出来るWebサービス・ClickDummy なかなかユニークだったのでご紹介。モックアップ画像をアップロードしてフィードバックを募る、というWebサービスはいくつか存在するんですが、ClickDummyは、子ページ等もアップロードしてリンクする事が出来ます。2011.10.11 | 14時02分58秒WebサービスWebツール
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね...2011.10.08 | 12時18分20秒WordPressテーマ
美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待) 美容院のサイトやホテル、民宿などのサイト でたまに見かけるWeb上で簡単に予約できる システムを構築できる、というWordPressの プラグインです。タイトルの通り、まだ実用 性のあるものではありませんが、プラグイン では初めて...2011.10.06 | 12時31分23秒WordPressプラグイン
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、です...2011.09.30 | 9時54分45秒jQueryWebデザイン
10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個 面白そうなコンテストが開催されているよう だったのでメモがてらご紹介。10KB以下で、 しかもスマートフォンやiPadなど様々なデバ イスで閲覧してもレイアウトを崩さないレス ポンシブWebデザインであることが条件の Webアプリ...2011.09.27 | 14時37分20秒WebサービスWebツール
TEDやYoutube、Vimeoなどから好みの動画を登録し、1つの再生リストに出来る動画専門ブックマークサイト・shiftd 日曜日なので軽めのネタでもご紹介。 YoutubeやVimeo、TEDなどの動画から 好きな動画をブックマークレットで 登録し、連続で自動再生も出来る 動画専門のブックマークサービス・ shiftdです。2011.09.25 | 11時30分16秒Webサービスその他
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデ...2011.09.23 | 17時48分38秒cssやプログラミングWebデザイン
Web制作の知識が無くても、素敵なデザインのスマートフォン向けサイトを無料で簡単に作成出来るWebサービス・WixMobile もう似たようなサービスは沢山ある んですが、まぁ多くても困らないの で一応ご紹介。直感のみで簡単に 綺麗なデザインのスマフォ向けサイト を作成出来るWebサービス・WixMobile です。2011.09.21 | 12時01分26秒iPhone / iPadWebサービスWebツール
CSSでカーニング(文字詰め)等を可能にするJSライブラリ・kerning.js 3連休も今日で最後ですねー。今日は ゆっくり過ごす方も多そうですね。 さて、休みですし、ちょっとネタ的 なライブラリをご紹介。カーニング をCSSで出来るようにしたJSライブラ リです。2011.09.20 | 10時41分41秒cssやプログラミングWebデザイン
Instagram関連のアプリやWebサービスをまとめたインフォグラフィック 相変わらず人気のInstagramですが、API の公開でさらに加速しているようです。 もともと多かったのでこれからもっと 増えていくかもしれないですね。個人的 に出かけることが減ったのであまり やる機会がなくなってしまいましたけ...2011.09.18 | 11時00分27秒iPhone / iPadインスピレーションカメラ
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と...2011.09.15 | 10時41分06秒jQueryWebデザイン
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll(無限スクロール)機能を加えたサンプル 必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能(スク ロールで次ページを読み込むやつ)が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんと...2011.09.14 | 11時22分11秒jQueryWebデザイン
無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集 少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとど...2011.09.13 | 10時55分46秒Webデザインメディア関連
Tumblrライクに画像やテキストを気軽にクリップ出来るWebサービス・Gimme Barが結構便利だったので使用レビュー ちょっと個人的に好みだったのでメモ。 Tumblrのように、画像や動画、ページの キャプチャ、テキストの引用など、何で もクリップできるGimme Bar。インター フェースがとっても素敵でなんだか使い たくなってしまいます。 ...2011.09.12 | 10時33分01秒WebサービスWebツール
レスポンシブWebデザインに対応できる軽量なグリッドレイアウト用CSSを生成するシンプルなジェネレーター・NegativeGrid シンプルでいいなーと思ったのでシェアがてら ご紹介。レスポンシブWebデザインに対応できる グリッドレイアウト構築用のCSSを吐き出して くれるジェネレーターです。必要最低限のコード だけ出してくれるのは嬉しいかも。頻繁に 使うも...2011.09.09 | 12時01分35秒cssやプログラミングWebサービスジェネレーター