どうもこんにちは。Toshikuraです。 今回のTipsは【URL入力でiPhone,iPad,GalaxyTab,Xperia等、様々なディバイスの表示確認が行えるWEBサービス Responsive Checker 】です。個人的にディバイスの表示確認はChromeの開発ツールで行う事が多いのですが、面倒な時やディバイス間の表示を見比べたいときに活用させていただいています。URL入力だけで一瞬!すごく便利なので要ブックマークかも。
Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFontcaseもリリースしています。 (Sketchを使い始めている海外のデザイナーたち→「Sketch App vs Photoshop」、Dribbbleにsketchで描いた作品をアップしている人も→[.Sketch] Wireframe UI kit) アイコンやWebサイトのデザインもきれいで、Goodpatch社内でも最も話題になっているアプリ。Sketchも使ってみようと盛り上がっています。ただSketchにつ
ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA
CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』 CSScomb OnlineはCSSファイル内のプロパティを一定のルールにしたがった正しい並び順でソートしてくれるオンラインツール。 使い方はコードをペーストして『RESORT』をクリックすれば結果が右半分に表示されます。 変換したコードは『Copy result code』をクリックすればすぐにコピーができます。 ソートのルールはあらかじめ設定されていますが、必要に応じ『Setting』からカスタマイズすることも可能です。 こちらのオンライン版以外にも各種エディタ用のプラグインなども公開されているので、興味のある方は試してみてはいかがでしょう。 書き方によってはエラーとなる場合があるようですが、具体的にエラーとなるケースなどはこちらのページでに詳しく載っています。 (特にLESSやSASSの記法では注意するケースが
chartbeat大好き!@OZPA です。 リアルタイムでどれくらいのユーザが自分のブログを閲覧しているのかがわかるツールであるchartbeatですが、そのデザインがリニューアルされて使い勝手が凄く良くなっておりました! 関連:ブログ解析ツール「chartbeat」が大変便利で面白い! | OZPAの表4 参考:[N] 「Chartbeat」ウェブ版のデザインがリニューアル 見やすく、使いやすくなった ダッシュボードへのログイン画面も変わってる…これは…wktk ダッシュボーーーーーーーーーーーーーーーード! かぁーーーーっこうぃーーーーー! 左側のタブをクリックすることで各項目の詳細が見られます。 こちらはどのコンテンツが見られているのかを示す画面。 そして、Twitter、Facebookの各ソーシャルメディアからの流入を示す画面。 非常に見やすくわかりやすい! 「GEO」タブはど
CSS3で作るボタンやバナーの決定版!グラデーションやストライプ、アイコンなどの自動生成可能なGrad3が秀逸すぎる 公開日:2012年3月27日 カテゴリ:Web制作が捗るツール 先日、ブラウザ上でCSSのグラデーションを直感的に生成できるGrad3が登場しましたね。各種ブラウザ対応、角丸、フォント、ストライプ、アイコン、などなど、このジェネレーターがあれば全て完了しちゃう優秀ぷりですよ。 Grad3 CSS3のグラデーションを自動生成 全て直感的に操作できるから楽ちん。 3/24にGrad3としてバージョンアップされましたが、前回のGrad2もなかなかの高機能っぷりでした。 CSS3のグラデーションを自動生成 | Grad2 -CSS3 Easy Gradation Editor- サンプルも豊富で、その生成された物を選んでカスタマイズすることも可能でした。作りやすかったですね。 先日
Welcome To SupportDetails.com SupportDetails.com has everything you need to know to keep tech support people happy: which computer you are using (PC or Mac), which operating system (Windows or OS X), which web browser (eg, Firefox, Chrome, Safari, Edge), your IP address and more system information. Customize Your Report Simply send a properly formatted URL with recipient, sender, or both to have t
Neonflames is a tool to draw your own nebula!
自分のTwitter連携サービスを眺めてて「やっぱこれは必須だなー」と思ったもの5選と、retime.meを使った情報収集法の紹介です(まあそのまんまですけどねw)。 Twitter、楽しいですよねー。情報収集ツールであり、コミュニケーションツールでもある最強のサービスだと思ってます。 もしこのブログを読んでいる方でアカウントを持ってない人は早速登録してきましょう★(ついでに@webcre8をフォローしてもらえると嬉しいですねーw) Twitterの使い方はかなり人それぞれなので、ぶっちゃけ誰もがこれらを必須だ、と思うとは限りませんけど、ここに挙げたものはデフォルトでTwitterについててもいいんじゃないかと言うような機能(難しいでしょうが)を備えたものばかりです。それぞれがTwitterの重要な各機能を補完する役割を持っていると思います。 http://twilog.org/ Twil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く