All-in-one color tool for creators
私が愛用するオンライン開発ツール インターネット上には、フロントエンド開発者の生活を楽にしてくれる素晴らしいツールが沢山あります。この記事では、私が開発の仕事で頻繁に使っている11のツールについて簡単に説明します。 1. CanIUse Web APIが特定のブラウザで互換性があるのか、モバイルブラウザで使用できるのか、分からないことはありませんか?このオンラインツールを使えば、ブラウザの互換性についてWeb APIを簡単にテストできます。 Can I use―HTML5、CSS3などの対応表。 「Can I use」は、デスクトップとモバイルにおけるフロントエンドWebテクノロジーを支援する、最新のブラウザ対応表を提供します。 caniuse.com Web Share APIのnavigator.share(...)に対応しているブラウザとバージョンを知りたいとします。 結果を見てくだ
レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日リリースされたばかりのResponsiveViewerを紹介します。 ResponsiveViewerはChromeの機能拡張で、無料で利用できます。 ResponsiveViewer -GitHub ResponsiveViewerのインストール ResponsiveViewerの使い方 ResponsiveViewerのインストール ResponsiveViewerのインストールは簡単です。 他の機能拡張と同様にChromeウェブストアにアクセスし、「Chromeに追加」ボタンをクリックするだけです。 ResponsiveViewer -Chromeウェブストア ユーザ
Webサイトやスマホアプリのサイトマップ・フローチャートを簡単に作成できるSketch用の無料素材を紹介します。 ラインやアローをはじめ、アイコン、ラベル、パネルなど、サイトマップ・フローチャートを作成するための要素がすべて揃っています。
「その便利そうなやつ、何使ってるんですか?」的ツール百選 (のうち10個くらい) DIST#4 LT発表資料Mactool DIST.4 「Life is Short」 のLT発表資料です。 紹介するツール一覧 (基本、Macです) デザイナー、ディレクター、エンジニア問わず、誰でも使えるやつ エンジニアむけ いちおう下記、分類してますが、紹介する順番はいい感じのやつ順です。 誰でも使えるやつ Alfred : ランチャー Kiritori : 画像付箋化 ClipMenu : クリップボード拡張 Skypeログ整形ツール Table→マークダウン MacでWindow切り替え(⌘+F1) Fluid (Mac) : Webサイトをアプリ化 Push Bullet : なんでもpush通知 エンジニアむけ CodeRunner (Mac) : なんでもコード走らせる Google Apps
Who's using lumzy: 76,644 Designers from 215 Countries on 103,240 Projects... From creating a prototype, to sending it to clients, everything is seamless. In fact, Lumzy doesn't have a file extension, so your client need not bother downloading a player to open any prototype files. A link is all they need. Add actions and events to controls, to emulate your project. Lumzy is NOT one of those simple
この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 By Brian Suda on September 17, 2012 Translated by Tatsuo Sugimoto 2014年4月28日更新:オリジナル記事が以前のサイトから移転したため発生していた画像の非表示に対応しました。 わたしがもっともよくきかれる質問のひとつが、データビジュアライゼーションを始める方法についてです。このブログの先へ進むには、練習し、さらに実践し、利用できるツールを理解する必要があります。この記事では、シンプルなチャートから複雑なグラフ、地図、インフォグラフィックスまで、ビジュアライゼーションを作成するための20種類のツールを紹介しようとおもいます。ほとんどのツールは無料で利用でき、そのうちいくつかはすでにインストール済みかもしれません。
photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ! というわけで僕がブログを書く時に使用しているツールを 全部っ!! ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない! ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで! ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか? Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
Sorry, JavaScript is required to view Global Stats charts.
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) 最近RubyやRailsを勉強し始めたこともあり、これまで使っていた一般的なテキストエディタではなく、プログラミングに特化した玄人向けのエディタ(UNIX系エディタとでもいいますか)を使ってみたくなってきました。 もっとも、Rubyには「RDE」、Railsには「RadRails」といった立派なIDE(統合開発環境)も存在します。 これはこれで非常に便利なので、無理して初心者お断りの難解エディタに挑戦する必要は無いかもしれません。 しかし、そこはもうツール好きの血が騒ぐといいますか、第一線で活躍するハッカーの方々がこぞって使われていると聞いては放っておけないわけです。 そんなこんなでここ2~3週間ほど、vimか
Viは、UC Berkeley の William Joy が作ったエディタで、UNIXで広く使われています。viは通常のエディタと異なり、モードを持っています。このため、使いにくいという印象を与えがちで すが、このモードに慣れることができれば、もう一端のvi使いです。慣れるのに相応の時間はかかりますが、Vi使いの魔法のようなエディタ操作で、目を見 張るほど高速に文章を編集できるようになります。 ここでは、Viを改良したVimの使い方を紹介します。 Vimには、モードという概念があります。Vimを起動するとノーマルモードと呼ばれるモードになります。ノーマルモードは名前の通り、Vimを操作して いる際に基本的なモードになります。このノーマルモードでは、主にカーソルの移動、文章の削除、他のモードへの移行を行います。 ノーマルモード中に「i」や「a」を押すと挿入モードに移行します。挿入モー
CSS3 Supported Properties Full support Partial support No support animation background-clip background-origin background-size border-radius box-shadow gradient (linear) gradient (radial) transform 2D transform 3D transition How it works It's easy, fast and free. You can now use powerful CSS3 techniques, and don't waste your time writing each properties. First, write your codefor your loved browser
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く