GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースを紹介します。

当ブログでもよく紹介しますが、見逃していたものがありました。
1年間分、52個もあるので、時間のあるときにチェックしてみてください。

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ

The 52 most popular projects from the last year of Trending Projects
by Iain Freestone

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

はじめに

私を注目をあつめたプロジェクトをキュレーションしており、人気があるWeb開発プロジェクト10個を紹介するニュースレターを毎週、配信しています。この記事では、ここ1年間に配信した各ニュースレターから最も多くクリックされたプロジェクトをリストアップしました。

ニュースレターに興味がある人は、iainfreestone.comで登録(無料)ができます。

ここ1年、GitHubで注目をあつめたWeb開発プロジェクト

訳者注: カテゴリ分けしようと思いましたが、時系列順のまま掲載しました。

サイトのキャプチャ

docz, GitHub
ニュースレター

doczはコードの美しいインタラクティブなドキュメントを作成して簡単に公開することができます。コードを紹介するMDXファイルを作成すると、doczがそれをライブローディング可能な本番環境に対応したサイトに変換します。

サイトのキャプチャ

Slidev, GitHub
ニュースレター

デベロッパー向けにプレゼンテーション用のスライドを作成できます。

サイトのキャプチャ

Keystone, GitHub
ニュースレター

Node.js用の最も強力なヘッドレスCMS、GraphQLとReactで構築されています。

サイトのキャプチャ

Script Kit, GitHub
ニュースレター

デベロッパーのための何でも自動化するツール、スクリプトの実行・書き込み・共有を容易にします。

サイトのキャプチャ

git-tips -GitHub
ニュースレター

デベロッパーがよく使用する便利なgitのテクニックのまとめ。

サイトのキャプチャ

CSS Layout, GitHub
ニュースレター

よく使用されるレイアウトやコンポーネントをCSSで実装したコードのまとめ。100パターン以上あり、現在でも数が増え続けています。

サイトのキャプチャ

WMR -GitHub
ニュースレター

モダンWebアプリ用のオールインワンの小さな開発ツールで、依存関係のない単一の2MBのファイルです。

サイトのキャプチャ

Crank.js, GitHub
ニュースレター

関数、Promise、ジェネレーターを使用して JSX駆動のコンポーネントを作成できます。

サイトのキャプチャ

The Magic of CSS, GitHub
ニュースレター

あなたをCSSの上級者にする講座。

サイトのキャプチャ

Awesome Design Tools -GitHub
ニュースレター

人気があるデザインのツールとプラグインのまとめ。

サイトのキャプチャ

Sweet Alert, GitHub
ニュースレター

JavaScriptのalertの美しい代替機能。

サイトのキャプチャ

The Art of Node -GitHub
ニュースレター

node.jsの入門者用の解説。

サイトのキャプチャ

Serverless Stack (SST), GitHub
ニュースレター

aaaServerless Stack(SST)は、サーバーレスアプリを簡単に構築できるフレームワークです。/p>

サイトのキャプチャ

Devicons, GitHub
ニュースレター

デベロッパー向けに作成されたアイコンフォントです。ベクター化された85個のシャープなグリフが含まれています。MITライセンスなので、商用プロジェクトでも無料で利用できます。

サイトのキャプチャ

Oasis Engine, GitHub
ニュースレター

Oasis Engineは、Webファーストおよびモバイルファーストの高性能リアルタイム開発プラットフォームです。

サイトのキャプチャ

Flexbox Patterns, GitHub
ニュースレター

CSS Flexboxで実装されたUIコンポーネントを構築するためのパターン。

サイトのキャプチャ

Lazy Collections -GitHub
ニュースレター

高速演算と遅延演算のコレクション。

サイトのキャプチャ

Naming cheatsheet -GitHub
ニュースレター

名前をつけることは難しいことです。どのプログラミング言語にも適用できますが、このチートシートではJavaScriptを使用して実際の名前のつけ方を解説します。

サイトのキャプチャ

builder.io, GitHub
ニュースレター

コードコンポーネントを使用して、ページをドラッグアンドドロップで構築できます。デザインシステムに命を吹き込みましょう。

サイトのキャプチャ

Software Developer Folio, GitHub
ニュースレター

デベロッパー向けのクリーンで美しい、レスポンシブ対応のポートフォリオのテンプレートです。

サイトのキャプチャ

TypeScript Deep Dive, GitHub
ニュースレター

TypeScriptの決定版ガイドで、最高のTypeScriptブックです。しかも、無料でオープンソース。

サイトのキャプチャ

Prisma, GitHub
ニュースレター

Prisma Clientは、あらゆるNode.jsまたはTypeScriptのバックエンドアプリケーション(サーバーレスアプリケーションやマイクロサービスを含む)で使用できます。REST API、GraphQL API、gRPC APIなど、データベースを必要とするものであれば何でも構いません。

サイトのキャプチャ

50 Projects in 50 Days - HTML/CSS and JavaScript -GitHub
ニュースレター

HTML、CSS、JavaScriptを使用した50個以上のWebプロジェクト。

サイトのキャプチャ

Elastic UI Framework, GitHub
ニュースレター

Elastic UI Frameworkは、Elasticのユーザーインターフェイスを素早く構築するためのReact UIコンポーネントのコレクションです。Reactを使用していない?問題ありません。各コンポーネントの背後にあるCSSを使用することができます。

サイトのキャプチャ

You-need-to-know-css, GitHub
ニュースレター

WebデベロッパーのためのCSSのテクニック集。

サイトのキャプチャ

Layr, GitHub
ニュースレター

Layrは、フルスタックのアプリケーションの開発を劇的に簡素化するJavaScript/TypeScriptライブラリです。

サイトのキャプチャ

The Book of Secret Knowledge -GitHub
ニュースレター

刺激的なリスト、マニュアル、チートシート、ブログ、ハック、ワンライナー、CLI/Webツールなどのコレクション。

サイトのキャプチャ

Aleph.js, GitHub
ニュースレター

DenoのReactフレームワーク。

サイトのキャプチャ

Lando, GitHub
ニュースレター

すべてのプロジェクトのための、迅速、簡単、強力、で解放感のあるローカル開発およびDevOpsツール。

サイトのキャプチャ

Vanilla Todo -GitHub
ニュースレター

バニラWeb開発のための実行可能な技術についてのケーススタディ。

サイトのキャプチャ

Admin Bro, GitHub
ニュースレター

AdminBroはアプリケーションにプラグインできる自動管理インターフェイスです。デベロッパーはデータベースモデル (投稿、コメント、ストア、商品などアプリが使用するもの) を提供し、AdminBroはデベロッパー (または信頼できる他のユーザー) がコンテンツを管理するためのUIを生成します。

サイトのキャプチャ

Pre-trained TensorFlow.js models, GutHub
ニュースレター

このリポジトリには、TensorFlow.jsに移植された学習済みモデルのセットがあります。モデルはNPMとunpkgでホストされているため、どんなプロジェクトでもすぐに使うことができます。これらのモデルは、直接使用することも、TensorFlow.jsを使った転送学習の設定で使用することもできます。

サイトのキャプチャ

Water.css, GitHub
ニュースレター

シンプルなWebサイトをより良くするCSSスタイルのドロップインコレクション。

サイトのキャプチャ

reveal.js, GitHub
ニュースレター

オープンソースのHTMLプレゼンテーションのフレームワーク。ブラウザを使用する人なら誰でも、充実した機能を備えた美しいプレゼンテーションを無料で作成できます。

サイトのキャプチャ

Front End Interview Handbook, GitHub
ニュースレター

フロントエンドのデベロッパーが面接の準備をするのに役立つ既存の資料はいくつかありますが、ソフトウェアエンジニアの面接用の資料ほど豊富ではありません。既存の資料の中で、おそらく最も役立つ質問集は「Front-end Developer Interview Questions」でしょう。残念ながら、これらの質問に対する完全で満足のいく回答をオンラインで見つけることができませんでしたので、ここで私が回答しようと思います。

サイトのキャプチャ

Hover.css, GitHub
ニュースレター

リンク、ボタン、ロゴ、SVG、アイキャッチ画像などに使用する、CSSで実装されたホバーエフェクトのコレクション。独自の要素に簡単に適用したり、変更したり、インスピレーションのために使用したりできます。Sass, LESS完備。

サイトのキャプチャ

Boilerplate App for SaaS Product -GitHub
ニュースレター

独自のSaaSプロダクトを構築する際に数週間の作業を省けるオープンソースのWebアプリ。

サイトのキャプチャ

Project Guidelines -GitHub
ニュースレター

新しいプロジェクト用のガイドライン。ほとんどのJavaScriptプロジェクトで非常にうまく機能します。

サイトのキャプチャ

Carbon Design System, GitHub
ニュースレター

IBMによって構築されたオープンソースのデザインシステム。IBM Design Languageをベースとしたこのシステムは、作業コード、デザインツールとリソース、ヒューマンインターフェースのガイドライン、そして活発な貢献者のコミュニティーで構成されています。

サイトのキャプチャ

Design resources for developers- GitHub
ニュースレター

ストックフォト、Webテンプレート、CSSフレームワーク、UIライブラリ、ツールなどのデザインおよびUI リソースの精選されたリスト。

サイトのキャプチャ

Tailblocks, GitHub
ニュースレター

すぐに使用できるTailwind CSSで実装された、15の異なるカテゴリ (e コマース、ブログ、価格表など)、レスポンシブ、ダーク・ライトモード、カラー バリエーション。

サイトのキャプチャ

Ink -GitHub
ニュースレター

Inkは、Reactがブラウザで提供するのと同じコンポーネントベースのUI構築エクスペリエンスを提供しますが、コマンドラインアプリ向けです。Yogaを使用してターミナルでFlexboxレイアウトを構築するため、CSSのような小道具はInkでも利用できます。

サイトのキャプチャ

docsify, GitHub
ニュースレター

ドキュメントサイトを生成するジェネレーター。

サイトのキャプチャ

Adobe React Spectrum, GitHub
ニュースレター

Adobeが提供する、アクセシブルで、堅牢なユーザーエクスペリエンスを構築するのに役立つライブラリとツールのコレクション。

サイトのキャプチャ

Vite, GitHub
ニュースレター

Viteは、開発中にネイティブのESモジュールのインポートを介してコードを提供し、本番用のロールアップにバンドルする、Web開発ビルド ツールです。

サイトのキャプチャ

Redwood, GitHub
ニュースレター

Redwoodは、JAMstackアプリケーションを簡単に構築およびデプロイできる、独自のフルスタックサーバーレスWebアプリケーションのフレームワークです。

サイトのキャプチャ

Formily, GitHub
ニュースレター

アリババグループの統一フォームのソリューション。

サイトのキャプチャ

React Query, GitHub
ニュースレター

Reactで非同期データをフェッチ、キャッシュ、更新するためのフック。

サイトのキャプチャ

Chakra, GitHub
ニュースレター

アクセシブルなReactアプリをスピーディーに構築できます。

サイトのキャプチャ

The Algorithms - JavaScript -GitHub
ニュースレター

Javascriptで実装されたすべてのアルゴリズムのリポジトリ。

サイトのキャプチャ

Snowpack, GitHub
ニュースレター

モダンWeb向けのより高速なビルドシステム。

サイトのキャプチャ

esbuild, GitHub
ニュースレター

非常に高速なJavaScriptバンドラおよびミニファイア。

GitHubの振り返りを楽しんでいただけたでしょうか。このリストで、新しいプロジェクトを発見していただければ幸いです。

トレンドのプロジェクトは週刊ニュースレターとして入手できます。www.iainfreestone.comにメールアドレスを登録(無料)して、トレンドを見逃さないようにしてください。

sponsors

top of page

©2021 coliss