15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありが...
Webサービス
色を指定すると、トーン表や同系色など、その色に関連した情報を抽出してくれるカラー提案サービス・colllor
ちょっと便利そうだったので備忘録的に。 色を指定すると、その色に沿ったトーン表 や同系色などを提案してくれるWebツール。 こういうの便利だけど結局あんまり使わな い事も多いんですけど、、色は苦手なので 飛びついちゃいますねｗ
HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS
日曜日です。如何お過ごしでしょうか。 さて、今日も軽い話題・・HTMLファイル を送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。
ゲーム感覚で楽しく学べる系Webサービスいくつか
ちょこちょこ見かけるので最近に なって見かけた、ゲーム感覚で 楽しく学べるWebサービス的なもの をご紹介。Webアプリのアイデア の参考にもなればなぁとの気持ち も込めて。
シンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.in
地味に便利だったのでご紹介です。 ソースコードをブログやWebサイト などで表示するのに、シンタックス ハイライトはもはや必須とも言える と思いますが、多くの場合は高機能 すぎて導入が面倒です。
シンプルで汎用的なアイコンを扱うPICTOSがTypekitライクなWebフォントサービスを始めたみたいです
日曜なので軽めのネタでも。つい最近 アイコンのWebフォントに関するリソース を書いたばかりで、タイムリーだった のでご紹介。PICTOSっていう、様々な サイトで用いられている汎用的なアイコン があるんですが、このアイコンの新た...
CSSのみで約900パターンものユニークなグリッドレイアウトをドラッグ&ドロップで作成出来るWebサービス・3x4grid
3連休を如何お過ごしでしょうか。さて、 ちょっと面白いものを見かけたのでシェア します。Masonryのようなレンガ風の レイアウトをCSSのみでサクッと作れる Webサービス。パズルのように組み合わせ るので種類は900パターン...
ハイクオリティなポートフォリオをプロジェクト単位で作成出来るクリエイター向けネットワーク・Behanceの始め方
何度かご紹介している、インスピレーション を得られるクリエイター向けのネットワーク サイト、Behanceの始め方などをご紹介します。 かなり紹介されているのを見かけますけど 思いのほか使い方は書かれていませんでし たので書いてみ...
読みやすさを追求した、超シンプル且つユーザー登録不要のRSSリーダー・SubPug
個人的に凄く好みだったのでシェア。 読みやすさだけを追求した、シンプル でユーザー登録も不要のRSSリーダー、 SubPugのご紹介。思いのほか使えそう だったのでちょっと覚えておきたい リーダーです。
注釈も簡単に付けられる、編集機能付きスクリーンキャプチャChromeエクステンション・Quick Markup
結構便利なものを教わったのでシェア。 スクリーンキャプチャするChromeの エクステンション・Quick Markupです。 全ページはもちろん、注釈を加えたり 切り取ったり、Twitterに投稿したり、 なんてことも出来ます。...
相関図やマインドマップを簡単に作成出来るシンプルなWebサービス・Foliage(フォリッジ)
制作者さんよりご連絡頂いたのでご紹介 します。相関図やマインドマップなどを 簡単に作成出来るWebサービス、Foliage です。KJ法なんかにも良さそうですね。 この手のサービスは沢山ありますが、 国内のサービスなのと使用感が良...
ブラウザ対応表とかでよく見かけるようなチェック表をサクッと生成するWebサービス・Compare Ninja
css3とかHTML5のブラウザ対応表とか で良く見かけるチェック表を簡単に 生成出来るWebサービス。用途はもっと あるんでしょうけど、思いつくような 思いつかないような。でもまぁよく 見かけはするのでシェアしてみます。
画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator
日曜日ですねー。休日を如何お過ごし でしょうか。たまにはWebサービスの ようなものでもご紹介。個人的には あんまり使わないんですが、ちょっと したときに便利かもと思ったので シェアして見たいと思います。
WebGLを使って作られた、街全体が3DになるNokia Maps 3Dのクオリティが凄かった
少し前に話題になってて、今更WebGLで 作られたNokiaのマップを確認してみた んですが、想像以上に3D過ぎてヤバい。 まだ一部の地域にしか対応していません が、これはちょっと見る価値あるんじゃ 無いかなと。
プロパティをインクリメンタル検索出来るCSSリファレンスサイト・InstaCSS
便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。
ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr
結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない ...
Webサイトの表示速度を計測するシンプルで見やすいWebサービス・Pingdom Tools
Webサイトの表示速度をファイルごとに 計測してくれるツールです。表示速度 を可視化してくれるんですが、その速度 を遅くしているのはどのファイルなの か、というのが一目で分かります。 GoogleのPage Speedももちろん使...
あなたのワイヤーフレームを甘くする、スイーツなダミーテキストジェネレーター・Cupcake Ipsum
意味分からんタイトルですけどｗ よくあるダミーテキストジェネレ ーターなんですが、作られるテキ ストに甘い食べ物ばかり含まれて ちょっと可愛かったです。こういう 遊び心というか余裕が欲しいな。
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。
クリックで複数のモックアップ間を行き来できるようにして、フィードバックを募る事が出来るWebサービス・ClickDummy
なかなかユニークだったのでご紹介。モックアップ画像をアップロードしてフィードバックを募る、というWebサービスはいくつか存在するんですが、ClickDummyは、子ページ等もアップロードしてリンクする事が出来ます。
10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個
面白そうなコンテストが開催されているよう だったのでメモがてらご紹介。10KB以下で、 しかもスマートフォンやiPadなど様々なデバ イスで閲覧してもレイアウトを崩さないレス ポンシブWebデザインであることが条件の Webアプリ...
TEDやYoutube、Vimeoなどから好みの動画を登録し、1つの再生リストに出来る動画専門ブックマークサイト・shiftd
日曜日なので軽めのネタでもご紹介。 YoutubeやVimeo、TEDなどの動画から 好きな動画をブックマークレットで 登録し、連続で自動再生も出来る 動画専門のブックマークサービス・ shiftdです。