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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:19 AM

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

いつものように、この役立つ情報のコレクションには、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 アプレットとして書かれました。

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

原アドレス: webdesignerdepot

原著者: JUAN PABLO SARMIENTO

Youshe 翻訳: @陈子木

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

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

声明

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

HTML対CSSおよびJavaScript：Webテクノロジーの比較Apr 23, 2025 am 12:05 AM

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

マークアップ言語としてのHTML：その機能と目的Apr 22, 2025 am 12:02 AM

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1）HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2）コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3）HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTML、CSS、およびJavaScriptの未来：Web開発動向Apr 19, 2025 am 12:02 AM

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTML：構造、CSS：スタイル、JavaScript：動作Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来：ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1）新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2）Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3）パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

See all articles