NPM Ruin Dev

Apr 01, 2025 am 04:17 AM

NPM Ruin Dev

2020年、私は純粋なHTML、CSS、JavaScriptを使用してWebサイトを構築する喜びを再発見しました。翻訳やコンピレーションは必要ありませんでした。ビルドツールは私のキーボードでした。

私の個人的なブランドは、「ゲームに参加するには遅すぎ、スタジアムが削除されました」と要約することができたので、2020年にポッドキャストを開始することにしました。これは、非常に想像力豊かな名前の「Clearleft Podcast」のポッドキャストです。私は最初のシーズンの結果と私がそれのために構築したウェブサイトに非常に満足しています。

ウェブサイトのサイズは大きくはありませんが、時間とともに成長し成長します。私はウェブサイトの建設プロセスについて考えましたが、数秒の考えの後、「ビルドなしプロセ​​ス」を採用することにしました。ゼロ。何もない。

これは非常に解放的であることがわかります。中間リンクなしでエンドユーザーに配信されるHTMLとCSSを簡単に記述するのは簡単で、非常に便利だと感じています。自分の手でウェブサイトの土壌に取り組んでいるように感じます。

CSSは近年、 calc()やカスタムプロパティなど、多くのことを発展させてきました。そのため、SASSのような前処理者を使用する必要はありません。ネイティブJavaScriptは強力で完全に機能的であり、コンパイルなしですべてのブラウザで実行できます。

誤解しないでください。複雑なWebサイトに複雑なビルドプロセスが必要な理由を完全に理解しています。あなたが大規模なチームの一員である場合、誰もが一貫した方法でコードベースに貢献できるようにプロセスを開発する必要があるかもしれません。コードベースが複雑になればなるほど、コードが公開される前に作業を自動化し、エラーをキャッチするのに役立つテクノロジーが増えます。

ただし、この設定はすべてのWebサイトで機能しません。時間を節約するように設計されたこれらのすべてのツールとプロセスは、より後に時間を無駄にすることがあります。 6か月または12か月後にプロジェクトを再訪したことがありますか?たぶん、あなたはあなたのCSSに小さな変更をしたいだけです。しかし、依存関係が破損しているため、それはできません。だからあなたはそれを更新しようとします。ただし、ノードのさまざまなバージョンに依存します。あなたはあなたがブライアン・クランストンが電球を変えているようなものだったことを知っていましたか? CSSの1行のみを調整する必要がありますが、エントロピーと戦うことになります。

フロントエンド開発の問題に対処するときはいつでも、最小のコンピテンシーの原則を適用したいです。特定の目的で最も強力な言語を選択します。古典的な例は、多くのARIAとJavaScriptを使用してDIVを使用してボタンのすべてのネイティブ機能を再現しようとする代わりに、単純なHTMLボタン要素を使用することです。今年、私は同じ原則が構築ツールに当てはまることに気付きました。

デフォルトでは完全に機能的なツールチェーンを使用することはありませんが、退屈なベースラインから始めます。痛みや不器用になったら、タスクマネージャーを追加します。しかし、依存関係を追加するたびに、プロジェクトのライフサイクルを制限します。

2021年の私の新年の計画はダイエットです。これ以上の巨大なnode_modulesフォルダーはありません。シンプルでおいしいHTML、CSS、JavaScriptしかありません。

以上がNPM Ruin Devの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Googleフォント変数フォント Googleフォント変数フォント Apr 09, 2025 am 10:42 AM

Google Fontsが新しいデザイン(ツイート)を展開したようです。最後の大きな再設計と比較して、これははるかに反復的です。違いをほとんど伝えることができません

HTML、CSS、JavaScriptを使用してアニメーションカウントダウンタイマーを作成する方法 HTML、CSS、JavaScriptを使用してアニメーションカウントダウンタイマーを作成する方法 Apr 11, 2025 am 11:29 AM

プロジェクトにカウントダウンタイマーが必要だったことはありますか?そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります

HTMLデータ属性ガイド HTMLデータ属性ガイド Apr 11, 2025 am 11:50 AM

HTML、CSS、およびJavaScriptのデータ属性について知りたいと思っていたことはすべて。

SASSをより速くするための概念の証明 SASSをより速くするための概念の証明 Apr 16, 2025 am 10:38 AM

新しいプロジェクトの開始時に、SASSコンピレーションは瞬く間に起こります。これは、特にbrowsersyncとペアになっている場合は素晴らしい気分です。

SVGでタータンパターンを生成する静的サイトを作成する方法 SVGでタータンパターンを生成する静的サイトを作成する方法 Apr 09, 2025 am 11:29 AM

タータンは、スコットランド、特にファッショナブルなキルトに通常関連する模様のある布です。 Tartanify.comでは、5,000を超えるTartanを集めました

WordPressテーマでVueコンポーネントを構築する方法 WordPressテーマでVueコンポーネントを構築する方法 Apr 11, 2025 am 11:03 AM

インラインテンプレートディレクティブにより、既存のWordPressマークアップに対する進行性の強化として、リッチVUEコンポーネントを構築できます。

あなたが見ている間、CSSグラデーションは良くなりました あなたが見ている間、CSSグラデーションは良くなりました Apr 11, 2025 am 09:16 AM

Lea verou' conic-gradient()Polyfillの機能のリストに目を向けたことの1つが最後の項目でした。

静的フォームプロバイダーの比較 静的フォームプロバイダーの比較 Apr 16, 2025 am 11:20 AM

ここでは、「静的フォームプロバイダー」という用語を埋めてみましょう。あなたはあなたのHTMLを持ってきます

See all articles