ホームページ  >  記事  >  ウェブフロントエンド  >  久しぶりです! 2016年4月デザインサークルお役立ち情報集_html/css_WEB-ITnose

久しぶりです! 2016年4月デザインサークルお役立ち情報集_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:19:391716ブラウズ

毎月のデザインサークルコレクションは、世界中のさまざまなデザイン分野から信頼できるデザインリソースを収集することができ、そのリソースの特徴は、多様なカテゴリーと最先端の実用性です。

いつものように、この役立つ情報のコレクションには、3D テキスト効果、慎重に作成された絵文字セット、さまざまな UIKit、美しいフォント、絶妙なランディング ページ テンプレート、WordPress テーマ、さまざまな実用的なコード スニペットとコレクション、新しいデザイン ツールとプログラミング ツール、新鮮な CSS が含まれています。フレームワークなど。プログラマーであろうとデザイナーであろうと、ニーズに合ったリソースがあります。

Dripicons V2

これは線形アイコンの素晴らしいコレクションで、SVG、PSD、Web フォント、スケッチの 4 つの形式で 200 個のアイコンが含まれています。

バリスタとコーヒーのアイコンセット

これは、iOS アイコン グリッドに完全に一致する 50 個の線形アイコンのセットです。各アイコン ファイルには、128px と 256px の 2 つの仕様と、EPS、SVG、PNG の 3 つの形式があります。

91,000 個のリアルなデスクトップ アイコン バンドル

29 の異なる業界や組織にまたがる 91,000 個を超えるアイコンの大規模なコレクションで、絶対に役立ちます。

フラット交通アイコン

SVG、AI、PNG 形式を含む、多数の交通業界をカバーするベクター アイコンのコレクション。

Ruby on Rails で Instagram を作ろう (書籍)

この電子書籍では、Ruby on Rails を使用して Instagram をゼロから構築する方法を説明します。

チャット ダッシュボード PSD

これは、明確な階層構造を持つダッシュボード レイアウト PSD であり、連絡先リスト、サイドバー、チャットなどの必要なレイアウト コントロールが含まれています。

エレガントなブランド アイデンティティ PSD と AI

これは、PSD と AI 形式の両方を含む、ユニークでシンプルなケータリング施設のブランド デザイン ビジュアル ドラフトです。

Showtime 3D テキストエフェクト

Showtime は Photoshop 用に用意されたフォントエフェクトで、これを使用すると美しい 3D フォント レイアウトを作成できます。

12 個の無料 Lightroom プリセット

これは、白黒から HDR まで、完全なカテゴリを備えた 12 個の異なる Lightroom プリセット エフェクトのセットです。

クリエイティブなフラット絵文字

これら 2100 個のクリエイティブな絵文字はモバイル端末向けに設計されており、AI、SVG、PNG およびその他の形式を含む 5 つの主要なカテゴリに分類されています。

建築家レターヘッド テンプレート

これは、全体的にフラットなスタイルが使用されており、PSD、AI、ID などの複数の形式が含まれています。

ビンテージ ポスター モックアップ

プロフェッショナルなモックアップ テンプレート、4 つの異なる効果、透明なレイヤー構造、高解像度の画像プレースホルダー、クリア ファイルの整理構造、すべてが時間と労力を節約するのに役立ちます。

アプリ表示画面 PSD

美しいアプリ表示モックアップ PSD、絶妙な影のデザインがユニークな 3D 効果、PSD 形式を作成します。

Windows 10 Sketch UI キット

これは、Sketch プラットフォーム用に用意された Windows 10 UI キットで、黒と白の 2 つのテーマがあり、デスクトップとモバイル プラットフォームの両方の UI コントロールが含まれています。

Helium UI: カラフルな Sketch UI キット

Helium UI は、ゴージャスな色と完全なさまざまな UI コントロールを備えたクールで美しい UI キットで、Sketch プラットフォームで利用できます。

Android M Sketch GUI キット

これも、Sketch プラットフォーム用に用意された UI キットです。この UI キットには、現在一般的な Android M UI コントロールがすべて含まれています。

Mercury: iOS 9.3 Sketch & AI UI キット

この iOS 9.3 UIKit と他の UIKit の違いは、2 つの形式 (1 つは Sketch、もう 1 つは AI) が含まれていることです。

Bootstrap 4 Illustrator GUI パック

これは、すべての BootStrap 4 を AI 形式で含む UI コントロール コレクションのセットです。

マテリアル デザイン スタイル Bootstrap 3 UI キット

BootStrap 3 用に用意されたこの UIKit セットはマテリアル デザイン スタイルを使用しており、これらのコントロールは CSS で記述されています。

Lumberjack フォント

このフォントのセットには、5 つの異なる言語をカバーする 4 つのスタイルが含まれており、対応する数字と記号も含まれています。

Little Wizzy フォント

Little Wizzy はおとぎ話の雰囲気たっぷりの手書きのセリフです。

Toma フォント

Toma はモダンなサンセリフ フォントで、標準部分は無料です。

Zaio フォント

Zaio は、丸みのある角と太いグリフが魅力的なフォントで、多言語に対応しています。

Abyssopelagic フォント

Abyssopelagic は、ユニークなスタイルと個性あふれる極細の英語の大文字フォントです。

レノム PSD

Renome は、デスクトップ版とモバイル版を含む、美しくシンプルな色を備えた美しいケータリング業界の Web テンプレート PSD です。

新しいプロビデンス テンプレート

これは、PSD 形式で、APP Web サイト用に設計されたプロフェッショナルなランディング ページ テンプレートです。

TanX テーマ

tanX は、美しいミニマリスト スタイルの WordPress テーマで、さまざまな色と一貫性の高いスタイルを持つ 5 つのテーマが含まれています。

YellowMoon PSD ランディング ページ

YellowMoon は、PSD 形式の十分にプロフェッショナルなランディング ページ テンプレートでもあります。

Typecore テーマ

Typecore は、ニュース、雑誌、ブログ サイトとして使用できる素晴らしいモダンなスタイルの WordPress テーマで、最近の返信や新しく公開された記事が左側のサイドバーに表示されます。

Slanted テーマ

Slanted は、興味深いデザインの WordPress テーマで、全体的なカラーマッチングとスタイルはマテリアル デザインのデザイン スタイルに非常に似ています。

フレキシブル ランディング ページ

フレキシブルは、Bootstrap を使用して構築された、すっきりとしたミニマリスト スタイルと単一ページ デザインのモダンなスタイルのレスポンシブ ランディング ページ テンプレートです。

Visualize テンプレート

Visualize は、個人の作品を表示するために使用される Web テンプレートです。全体的なデザイン スタイルは Pinterest に非常に似ています。

Spotify のアーティスト ページ スニペット

これは、HTML、CSS、JS コード スニペットのセットです。これは、有名な音楽サービス Spotify のアーティスト ページのデスクトップ バージョンです。

引き裂ける布 JS スニペット

これは、カーテンのはためき効果をシミュレートできる非常に素晴らしい JS コード スニペットです。単独で右クリックしてドラッグすると、引き裂く効果も生成できます。

ミックスブレンドモード

これは、背景上の画像のカラーオーバーレイ効果のためのコードです。

QLOCKTWO

QLOCKTWO は CSS と JS を使用して開発された時計で、5 つの異なる言語で時刻を知ることができ、背景色も選択できます。

CSS3 のみのポラロイド効果

これは、純粋な CSS3 コードを使用して作成されたポラロイド効果で、マウスをその上に置くと、グレーの写真がカラーに変わります。

純粋な CSS オーバーレイ スライダー

これは、純粋な CSS に組み込まれたカルーセル コントロールで、スムーズで使いやすいです。

MongoDB のリソース、ライブラリ、ツール、アプリケーションのリスト

このリストのリソースには、MongoDB のさまざまなライブラリ、ツール、アプリケーションが含まれており、明確にカテゴリに分類され、GitHub の助けを借りて更新されています。

プライバシー: ブラウザ内クレジット カード

プライバシーは、オンライン ショッピングを好む友人向けの Google Chrome プラグインで、そのセキュリティ保護メカニズムによりクレジット カードや銀行カードの安全性を確保できます。合理的な形式で情報を送信するのに役立ちます。

アウトライン メール

アウトライン メールは、直感的な電子メール フレームワークです。

Foundation for Emails 2

Foundation は、CSS と SASS を使用して電子メール システムを構築するのに役立ちます。

WordPress 開発キット

WPDK は、WordPress と互換性のある PHP 開発環境フレームワークであり、WP のコアを最適化し、基本的な機能とクラスを改善し、システム全体をより効率的にするのに役立ちます。

Herbert WordPress プラグイン フレームワーク

Herbert は、WordPress プラグインの開発に役立つ標準の構造化フレームワークです。

Superpowers、オープンソース ゲーム作成環境

Superpowers は、2D および 3D ゲームの開発に使用できる HTML5 開発環境です。

Chrome 開発ツールとリソース

これは、知識学習、NodeJS、デバッグ プロトコル、ネットワーク検査、マルチメディア ツール、テーマ開発を含む、Google Chrome の開発ツールとリソースのコレクションです。

JS-Bits

JS-Bits は、JS の概念を説明したユニークなコレクションです。

Administrate

Administrate は、柔軟で強力な管理者ダッシュボードを作成するための Rails ベースのフレームワークです。現在は Pre 1.0 の段階ですが、非常に迅速に更新されます。

無料の Web 開発コース

知識への無限の渇望がある場合、この一連の無料 Web 開発コースは非常に実用的です。

変形可能なハンバーガー ボタン

これは、さまざまな形に変形できるユニークな CSS ハンバーガー アイコンのセットです。

Filterizr

Filterizr は、検索、並べ替え、フィルターできる美しい応答性の高い画像ギャラリーを備えたクールな jQuery プラグインです。

ホーカスポーカス

Hocus-Pocus は、Primer と IntuitCSS からインスピレーションを得た Sass フレームワークであり、最も一般的な機能と十分に軽量なスタイル シートを備えており、各コントロールの外観を簡単に変更したり、特定の機能を柔軟に無効にしたりできます。

Superplaceholder.js

Superplaceholder.js は、複数の命令をループすることでプレースホルダーを追加する素晴らしい JS ライブラリです。AMD と CommonJS をサポートしています。

Stellar

Stellar は、スキャフォールディング Web アプリケーションを直接インポートして、時間を大幅に節約できる LESS ライブラリです。

Basil.js

Basil.js は、ローカル ストレージ、Cookie、セッション ストレージ API を統合し、フロントエンド ストレージ管理をより便利にし、完全なローカル ストレージを可能にします。

Min

Min は、IE 5.5、Firefox 3、Opera 9、さらには Safari 4 もサポートする非常に包括的な CSS フレームワークです。

Lavalamp.js

Lavalamp は、現在人気のある無限スクロール インタラクションの優れた代替品であり、操作がよりスムーズで便利です。

Attendize

Attendize は、非常にモバイルフレンドリーで、管理が簡単で、完全に機能する優れたオープンソースのセルフホスト型チケット発行およびイベント管理プラットフォームです。

Atrament.js

Atrament.js は、HTML キャンバス上に直接手描きしたり書き込んだりできる優れた JS ライブラリです。

Circuit.js

Circuit.js はブラウザで実行される電子回路シミュレーターで、元々は Paul Falstad によって Java アプレットとして書かれました。

【多くのスキルを持ちながらも圧倒されないデザイナーだけが高給取りです! 】

    グラフィックデザイン: 「すごい!デザイナーのための完全な独習ガイド」
  1. インタラクション デザイン: 「インタラクション デザイナーとしてのトレーニングのガイド!優れたインタラクションデザイナーになる方法をゼロから教えます
  2. UI デザイン: "超実践的な初心者向けガイド!基礎ゼロで UI デザインを独学するにはどうすればよいですか? 》
  3. フロントエンド開発:『Tmallの専門家が教えます!フロントエンド開発をゼロから体系的に学ぶにはどうすればよいですか? 》
  4. 切り抜きスキル: 》初心者から専門家まで! PHOTOSHOPで写真を切り出す徹底ガイド》
  5. 配色:「色合わせがすぐにできる!」カラー マッチングを完了するための 3 つの実践的な方法」
  6. DPI ガイド: 「基本を学ぼう!デザイナー向け DPI ガイド』
  7. インタラクションデザイン独習パスマップ: 『基礎ゼロから始める!非専攻学生のための自習パスマップ - インタラクションデザイン」

原アドレス: webdesignerdepot

原著者: JUAN PABLO SARMIENTO

Youshe 翻訳: @陈子木

この記事は、Youshe によって翻訳されました。 com 、著作権と翻訳者の功績を尊重し、抜粋を転載する場合は元の Web サイトへのリンクを添付してください。違反者は起訴されます。編集者の皆様、ご協力ありがとうございました。

【元記事 by Youshe.com 投稿メールアドレス: 2650232288@qq.com】

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。