xjrshimadaのブックマーク - はてなブックマーク

【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。ユーザーの視線を奪うアニメーションやレイアウ

xjrshimada 2022/07/16

リンク

Web制作の時短に！2020年の便利オンラインツール・ベスト100選

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ