これは、「50 日間で 50 のプロジェクト」コースのプロジェクト 1 / 50 のショーケースです。ただし、私は過去 50 日間 (またはもう少し!) ですべてのプロジェクトを完了しました。 )、私はそれらを自分のやり方でやりたかったのです。つまり、プロジェクトの主要なアイデアや主要コンセプトを理解して、それを適切に理解し、その長所と短所を確認し、さらにはそれを次のレベルに引き上げることさえも行います。

このプロジェクトの主なアイデアは、クリックすると展開する多数のカード (またはパネル) を作成するという単純なものでしたが、ここでは他にも実装すべきものがたくさんありました。

• マウスクリックではなくポップオーバー API を使用してパネルを展開します。
• Unsplash API から画像を取得しています。
• マウスの動きでパネルをインタラクティブにします。
• webkit-box-reflect を使用して各パネルの下にリフレクションを追加します。
• 各パネルに色付きのシャドウを追加します (SVG フィルターを使用)。

これらのことを実装した後、このプロジェクトは次のレベルに移行しました。美しさと並行してシンプルさの中に複雑さを示すものです。将来的にはカラー サンプリング機能を適用できるかもしれません!

あなたの意見、提案、考えを聞きたいです。また、「いいね」とフォローも忘れないでください。

私の50日間の旅の50プロジェクトのレポ
Twitter で連絡してください
Linkedin で連絡してください