シンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.in
地味に便利だったのでご紹介です。 ソースコードをブログやWebサイト などで表示するのに、シンタックス ハイライトはもはや必須とも言える と思いますが、多くの場合は高機能 すぎて導入が面倒です。
Webツール
CSSのみで約900パターンものユニークなグリッドレイアウトをドラッグ&ドロップで作成出来るWebサービス・3x4grid
3連休を如何お過ごしでしょうか。さて、 ちょっと面白いものを見かけたのでシェア します。Masonryのようなレンガ風の レイアウトをCSSのみでサクッと作れる Webサービス。パズルのように組み合わせ るので種類は900パターン...
ハイクオリティなポートフォリオをプロジェクト単位で作成出来るクリエイター向けネットワーク・Behanceの始め方
何度かご紹介している、インスピレーション を得られるクリエイター向けのネットワーク サイト、Behanceの始め方などをご紹介します。 かなり紹介されているのを見かけますけど 思いのほか使い方は書かれていませんでし たので書いてみ...
読みやすさを追求した、超シンプル且つユーザー登録不要のRSSリーダー・SubPug
個人的に凄く好みだったのでシェア。 読みやすさだけを追求した、シンプル でユーザー登録も不要のRSSリーダー、 SubPugのご紹介。思いのほか使えそう だったのでちょっと覚えておきたい リーダーです。
相関図やマインドマップを簡単に作成出来るシンプルなWebサービス・Foliage(フォリッジ)
制作者さんよりご連絡頂いたのでご紹介 します。相関図やマインドマップなどを 簡単に作成出来るWebサービス、Foliage です。KJ法なんかにも良さそうですね。 この手のサービスは沢山ありますが、 国内のサービスなのと使用感が良...
プロパティをインクリメンタル検索出来る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アプリ...
Web制作の知識が無くても、素敵なデザインのスマートフォン向けサイトを無料で簡単に作成出来るWebサービス・WixMobile
もう似たようなサービスは沢山ある んですが、まぁ多くても困らないの で一応ご紹介。直感のみで簡単に 綺麗なデザインのスマフォ向けサイト を作成出来るWebサービス・WixMobile です。
Tumblrライクに画像やテキストを気軽にクリップ出来るWebサービス・Gimme Barが結構便利だったので使用レビュー
ちょっと個人的に好みだったのでメモ。 Tumblrのように、画像や動画、ページの キャプチャ、テキストの引用など、何で もクリップできるGimme Bar。インター フェースがとっても素敵でなんだか使い たくなってしまいます。 ...
HTML5のCanvasを使ったパターン背景を簡単に作成出来るWebサービス・Patternizer
珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません け...
JPEG画像を劣化させずにサイズダウンし保存、ワンクリックでサクッとFlickrやPicasaに投稿できるWebサービス・JPEGmini
画像の最適化サービスですが、ちょっと珍しい タイプだったのでメモ的にご紹介。フォーマット はJPEGだけなので用途はかなり限られます が、画質を劣化させることなく、サイズを大幅 にダウンさせ、保存し、いつでも手軽に写真 をFlic...
Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです
たまたま見つけたツールが泣きそうなくらい 便利だったのでシェア。Media Queryを使用 したレスポンシブなWebデザインの構築時 にとっても役に立ってくれるツールです。URL を指定するだけで、あとは幅を調整しながら レイア...
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね...
Stagramakerの良いところは、 アルバム化する事でInstagramよりも、更に写真を共有しやすい点にある
先日リリースされた、 Instagramの 写真を自分好みにアルバム化出来る Webサービス・Stagramaker、もう 試されましたか？InstagramがAPI を公開して、今までも最も「共有性」の あるサービスではないかと...
メールアドレスもユーザー登録も不要で、自動再生するYoutubeプレイリストを作成出来るWebサービス・evplay
メールアドレスもユーザー登録も不要で Youtubeの動画のプレイリストを作成する 事が可能なWebサービス、evplayの ご紹介です。手軽に作成出来てシンプル、 オート再生もしてくれますよ。BGM用に 最適のWebサービスです...
TwitterやFacebookでも手軽に共有できる軽量で、ユーザー登録も不要のオンラインファイルビューア・Dropdo
「バグ直らない（´；ω；｀）」→「ちょっと見せてみ」 のやりとりは普段からTwitterなどでもよく見か けるのですが、もっと手軽にコードを共有できない もんかと思っていたところ、なかなか良さそうな ツールがあったのでシェア。オンラ...
WebサイトのCSSをインタラクティブに修正したり保存出来るツール・CSS Pivotがなかなか便利
なかなか便利だったのでシェアがてら ご紹介。WebサイトのCSSをプレビュー を見ながら修正したり、そのコードを 保存することが出来るツール・CSS Pivot のご紹介。似たような機能のChromeの エクステンションを普段使用...