Webデザイナーおよび開発者向けの新鮮なリソース(2015年2月)
1年以上これをやった後、デザイナーと開発者のためにこの毎月のリソースパイルを書くことについての最も難しい部分は紹介です。私たちが話題にしている間に、あなたのようなウェブ開発者のための2015年2月のあなたの最も良いそして最も新鮮なリソースの要約をここに示します.
今回の記事では、特別な記事を見ています。 コードスニペットを見つけるための検索エンジン, 非常に機知に富んだ Flexboxモジュールの問題に対処するための参照, より良い管理のための開発ツール 色、書体およびグラデーション.
グラデーションアニメーター
CSS3グラデーションを使用すると、画像を読み込まなくてもWebサイト上で画像のないグラデーションを作成できます。さらに魅力的な効果を得るために、CSS3アニメーションと組み合わせることもできます。ただし、コードが多すぎる場合は、よりシンプルなGradient Animatorルートを使用して、素敵なインターフェイスを持つものを生成してください。.
SVGポケットガイド
SVGポケットガイド Joni Trythallによってコンパイルされています。 SVGの基本(図形やテキストの作成など)から高度な機能(グラデーションの作成、パスやパターンのクリッピングなど)までを順を追って説明するのに役立ちます。この本はMarkdown形式で提供され、英語とポルトガル語で利用可能です。.
Flexbugs
FlexboxはCSS3の非常に有望な新しいモジュールで、Webレイアウトの構築方法を完全に変えます。しかし、それはまたそれ自身のクロスブラウザ互換性の問題もあります。このリポジトリ, Flexbugs, これらのバグとそれらに対処するための回避策のコレクションです。これは、Webの最先端に住んでいる人にとって非常に役に立つリソースです。.
イコノ
1つの要素だけで完全に見やすいアイコンを作成するのと同じように、CSSだけで実現できることは驚くべきことです。. イコノ これを行うライブラリです。このライブラリには、単一の要素とCSSだけで作成されたよく知られたアイコンのコレクションがあります。これらのアイコンは画像ベースのアイコンよりも速くロードされ、よりカスタマイズ可能です。.
ディリンジャー
ディリンジャー 目を楽しませるMarkdownエディタです。ここであなたはMarkdownフォーマットで書くことができ、そして即座に右側のタブの出力を見ることができます。あなたの便宜のためにDillingerはあなたがHTML、PDF、またはあなたがした後にMarkdownファイルフォーマットにあなたの作品をエクスポートすることを可能にします。あるいは、DropboxやGithubなどのサードパーティサービスに接続してファイルを保存することもできます。.
HTML5Up
HTML5Up 無料のHTML5ベースのテンプレートのコレクションです。ビジネス、ポートフォリオ、または単純なブログなど、さまざまな種類のWebサイトに対応するレイアウトがいくつかあります。すべてのテンプレートはレスポンシブであり、さまざまな画面サイズでコンテンツとWebサイトのレイアウトを楽しむことができます。.
CSSの色
特定の色の名前は何だろう? CSSの色 基本色のコレクションの色名と16進数およびRGBA形式を示します。あなたのウェブサイトにぴったりの色の組み合わせを見つけるのは良い情報源です。.
エメット再表示
再表示は、Webサイトを解析するChromeの拡張機能です。 @メディア
それぞれに指定された各ブレークポイントでWebサイトを照会して表示します。 @メディア
問い合わせます。レスポンシブWebサイトをテストするときに少し時間を節約できるツールを探しているなら、これがあなたが必要とするツールです。.
TypeGenius
Googleフォントライブラリを見ると、さまざまな顔、家族、太さ、種類のフォントがたくさんあります。したがって、正しいフォントの組み合わせやフォントの組み合わせを選択することは、実に圧倒的な作業になる可能性があります。. TypeGenius 一般の人々にとってフォントペアの選択を簡単かつ迅速に、そして可能にします。.
SearchCode
その名の通り、これはJavaScript、C、PHPを含む多くのプログラミング言語のコードやコードスニペットを探すための検索エンジンです。この検索エンジンは、その結果をGithub、Bitbucket、Google Codeなどの多くのソースから導き出します。これはヘビーコーダーのための絶対必要なツールです。.