区切り線 htmlの検索結果1 - 2 件 / 2件

• あとで読む

  Panda CSSの基本的な使い方と導入手順 - iimon TECH BLOG

  • 31 users
  • tech.iimon.co.jp
  • テクノロジー
  • 2024/12/06

  こんにちは！ 株式会社iimonにてエンジニアをしております、分割マスターのほでぃです。 この記事はiimonアドベントカレンダー6日目の記事です。 今回はCSSフレームワーク「Panda CSS」を紹介します。 この記事ではPanda CSSの利点や基本的な使い方について整理していきます。 Panda CSSとは Panda CSSは、Chakra UIチームが開発した新しいCSSフレームワークです。 特徴は「ゼロランタイムCSS-in-JS」で、パフォーマンスや型安全性を重視しています。 panda-css.com Panda CSSの特徴 ゼロランタイム：静的なCSSをビルド時に生成し、ランタイムのオーバーヘッドを削減。 型安全：TypeScriptを活用した補完機能で効率的にコーディング可能。 軽量: アトミックCSSで重複のない最小限のCSSを生成。 最新機能対応: @layer

  • css
  • techfeed
  • あとで読む

  
• あとで読む

  UIデザインにアクセントを加える37の簡単なテクニック【完全版】

  • 8 users
  • photoshopvip.net
  • テクノロジー
  • 2024/09/24

  Learn UI Designで公開された「37 Easy Ways to Spice Up Your UI Designs」より許可をもらい、日本語抄訳しています。 ホームページやアプリを制作していて、「ちょっと地味かも…」と感じた経験はありますか？ この記事では、UIデザインに素敵なアクセントを加えるテクニックを、パーツ別に分けてサンプル例と一緒にご紹介します。 いかに多くの「プロが制作したホームページ」が、しっかりとしたデザインの基本ルールを元に、以下のテクニックを活用しているということに、きっと気付くでしょう。 ユーザーの満足度が上がるUIデザインの実用テクニックと合わせて活用してみましょう。 このゲスト投稿は、ロンドンを拠点とするプロダクトデザイナーであり、デザイン分析に長けたAnthony Hobdayによるものです。 UIデザインにアクセントを加えるテクニック一覧背景をつかっ

  • UI
  • デザイン
  • design
  • まとめ