ホームページ » ウェブデザイン » Webデザイナーおよび開発者向けの新鮮なリソース(2015年4月)

    Webデザイナーおよび開発者向けの新鮮なリソース(2015年4月)

    今年のあなたの(フレンドリーな思い出)エイプリルフールの日はどうですか?まあ、いたずらに慣れていない私たちの残りの部分のために、ここにWebデザイナーや開発者のための新鮮なリソースの最新の記事があります.

    4月には、生産性を向上させるための優れたアプリケーション、大規模なデータリストを使用してユーザーエクスペリエンスを向上させるライブラリ、天気ウィジェットを提供するPhotoshop拡張機能、およびWebフォントをキャッシュする便利なWebツールがあります。.

    CSS定規

    CSSにはいくつかの単位寸法があります。いくつかは固定されていますが、他のものは相対的です。 em, レム そして ch. CSS定規 あなたは視覚的にあなたがお互いに単位スケールを比較することができるツールです.

    ResponsiveJP

    ResponsiveJP これは主にラテン系以外の誤植コンテンツに関しては即応性を考え出すのが難しいと気づいているWebデザイナーのための参考資料として、日本からのレスポンシブWebサイトを多数備えています。それはあなたがあなたの視野を広げて、東のウェブデザインの傾向も同様に内側に見えるようにするのを助けます.

    Googleフォントの代替

    Google Fontを含め、多くのGoogleサービスが中国でブロックされています - Google Fontが中国で正しく表示されないことはほぼ確実です。中国本土でGoogle Fontコレクションを提供したい場合は、フォントスタイルシートに次の場所からの代替ソースを指定してください。 うそ, 例えば:

     // Googleフォントスタイルシート.  //代替リンク  

    幸運とゴッドスピード!

    ミュアアイコン

    ミュアアイコン OS X Yosemiteに合うように設計されたアイコンのコレクションです。元々のヨセミテの保存を手助けした自然主義者で活動家のジョン・ミューアにちなんで名付けられました。この記事を書いている時点で、すでに3巻のアイコンセットがリリースされています。それぞれがAdobe Creative Suites、Twitter、Sketch、Skype、SublimeTextなどの人気のあるアプリアイコンで構成されています.

    • ミュア1巻
    • ミュア2巻
    • ミュア3巻

    CouleursApp

    CouleursAppは、画面上の任意の場所に色を選択できる小さなアプリです。内蔵のMacカラーピッカーアプリが改良されています。 HexやUIColor of Swiftなど、さまざまなカラーフォーマットをサポートしています。.

    互換性: OS X 10.10以上

    天気

    天気 Photoshopの拡張機能です。 Photoshopのワークスペースに天気ウィジェットを追加する. それはあなたがそれがあなたの机を離れて天気の良い日を楽しむために外に出る時間であるかどうかを決めるのに役立つ便利なツールです。.

    互換性: フォトショップCC

    すごい

    気密プレート HTML5を模したJavaScriptライブラリです。 素子。ユーザーの入力に応じて表示される入力要素内に候補のリストを追加できます。特に大規模なデータリストを扱う場合は、ユーザーエクスペリエンスを向上させるための実用的な方法です。.

    互換性: IE9以降、Chrome、Firefox、Safari 5以降、Mobile Safari.

    ノイージオ

    ノイージオ 風、海、雷雨の音:自然のノイズのコレクションを持つアプリです。それはあなたが加圧作業環境の喧騒から離れることを可能にする穏やかな環境を提供することによってあなたの仕事によりよく集中するのを助けるかもしれません。少なくとも、それは私のためにしました.

    互換性: OS X 10.8以上

    フォーカスフォーカス

    これは集中するのが難しいと感じる人のためのものです。 HocusFocusは、OS Xデスクトップ内のウィンドウやワークスペースを一定期間巧みに隠し、最も使用しているウィンドウのみを残すようにするアプリです。それはあなたをより効率的にし、あなたのデスクトップから雑然としたものを取り除きそしてあなたがあなたの仕事に集中するのを助けます.

    互換性: OS X 10.10以上

    ピクセルカウンター

    PixelCounterはあなたの画像のピクセルを数えます。画像またはプロジェクトのディレクトリ全体をアプリにドラッグアンドドロップするだけで、JPEG、PNG、WebP、GIF、さらにはSVG画像のすべてのピクセルが数えられ、合計されます。それでは、クライアントにピクセル単位で課金するという流れを始めることしかできなかったとしましょう。.

    互換性: OSX 10.8以上、Windows 7以上、およびLinux(近日発売)

    UIのぼかし

    UIBlurbsは架空のユーザープロファイルを生成し、デザインプロトタイプを構築するためにUIFacesおよびUINamesと連携して使用するのに最適なWeb​​アプリです。.

    localFont

    localFont Webフォントのパフォーマンスを向上させるWebアプリケーションです。フォントをドラッグアンドドロップすると(.woff, または .TTF)、それはCSSでフォントをエンコードして埋め込むでしょう。また、ユーザーのlocalStorageにフォントをキャッシュする数行のJavaScriptも生成されます(CookieとHTML5 localStorageの使用に関する以前のチュートリアルを読んでください)。.