火曜日, 6月 10, 2025
- Advertisment -
ホームニューステックニュースよく明確なデモ - Codepen

よく明確なデモ – Codepen


私はポール・ヘバートのことをとてもうらやましいです JavaScriptでランダム迷路を生成します。ポールは、JavaScriptについて非常に簡単な理由でランダムな迷路ジェネレーターを設計しました。その Codepenで、当然。

私は迷路が大好きなのでうらやましいです。私は子供の頃に常にそれらを描きます。正方形の角は、奇妙なぐらつきのオーガニックなもの、または完璧な円。彼らはただクールに見えます。数年前、私はプログラミングの迷路に関する本を購入して、少し個人的な懐かしさを利用しました。それはRubyにありましたが、それは大丈夫でしたが、私はJavaScriptへのちょっと精神的な翻訳をしていると思いました。

それから私は本を寄付しました。私はそれを理解するには真剣に愚かすぎました。有名な迷路などに基づいたこれらすべての名前のアルゴリズムがありました。私は概念的に続いて、ほとんどの場合、私は働く迷路の創造を実現するのに本当に苦労し、最終的にあきらめました。さて、ここにポールがちょっとそれを翼に入れて押しつぶすだけです。 SVGに描かれているため、見栄えが良くなります。


マティアス・シェーファーには良い点があります HTMLおよびCSSのレスポンシブバーチャート。 SVGは、特に複雑なデザインの場合、Web上のチャートに最適です。しかし、SVGには、HTML/CSSと同じくらい簡単にレイアウトをやり直すことができるメディア/コンテナクエリがありません。 SVGのすべてが絶対に配置されているようです。

純粋なHTML/CSSチャートで逃げることができれば、アクセシビリティの可能性が向上し、ブレークポイントでの主要な調整を伴う完全なレイアウトコントロール、より簡単な国際化など、多くの利点がある傾向があります。


エイドリアン・ロゼリが強化された

/

それをアコーディオンにするためのアレンジ。つまり、一度に1つだけを開くことができる「開示ウィジェット」のセットです。それは…アコーディオンとは何かです。

アコーディオンは、セットの1つだけが一度に開くことができることを意味すると強く感じています。それ以外の場合は、これは単なる隣接のグループです

おそらくグループ化のコンテキストにある必要はない要素。

ここでの完全なセットアップには、適切なグループ化コンテキスト、いくつかのカスタムデザイン、「ページ内の検索」のソリューション、およびキーボードの修正があります。 「一度に開いているもの」はここJavaScriptで処理されますが、実際には で動作します name 属性 HTMLだけで。


ミシェル・バーカーはひどく賢くなりました ラジアル勾配とCSS三角関数。これらの形状は実際にはかなり実用的だと思います:

これらの形状は快適ですが、デザインで永遠に使用される「コールアウト」形状を思い出させます。彼女は複数の円を使用してそれを引き離しました(経由 radial-gradient())次に、比較的新しいもので配置します cos() そして sin() CSSの関数。


トリス・マッドフォードには状況がありました:

このコンポーネントは信じられないほどポータブルで、見栄えがする必要がありました サードパーティのウェブサイト、 で 任意の位置、 で 任意のビューポート、 と コンテンツの量。それは「超応答性」コンポーネントでなければなりませんでした。

スクリプトをリンクするだけで乱雑すぎます。 iframeはサイジングには剛性が高すぎます。ベビーベアのおridge? Webコンポーネント。

コンテナサイズのタイポグラフィを見るのが大好きでした。これが 完璧 あなたが私に尋ねるならば、そのためのユースケース。



Source link

Views: 0

RELATED ARTICLES

返事を書く

あなたのコメントを入力してください。
ここにあなたの名前を入力してください

- Advertisment -