"responsive design"の検索結果1 - 3 件 / 3件

• あとで読む

  【vue.js】Vuefityをマスターする(2)Grid System、Responsive Design | アールエフェクト

  • 8 users
  • reffect.co.jp
  • テクノロジー
  • 2020/01/16

  コンポーネントの準備 Grid Systemの設定方法を理解するためVuefityで簡易的なグラフを描写することができるSparklinesコンポーネントを利用します。 Sparklinesコンポーネントでグラフ作成 Sparklinesコンポーネントは簡易的にグラフをVuefityで表示させたい場合に利用することができるコンポーネントです。 グラフを表示するコンポーネントを作成するためsrc¥componentsディレクトリの中にSaleGraph.vueファイルを作成します。本文書ではグラフについての説明は行いませんがコードは下記の通りです。1日の売り上げ数をグラフにしています。 <template> <v-card class="mx-auto text-center" color="green" dark > <v-card-text> <v-sheet color="rgba(0

  • あとで読む

  
• あとで読む

  Responsive Design - Tailwind CSS

  • 6 users
  • tailwindcss.com
  • テクノロジー
  • 2020/10/14

  CommunityGetting StartedInstallationEditor SetupUsing with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade GuideCore ConceptsUtility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & DirectivesCustomizationConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflightLayoutAspect RatioContainerColum

  • あとで読む

  
• あとで読む

  The Guide To Responsive Design In 2023 and Beyond

  • 4 users
  • ishadeed.com
  • テクノロジー
  • 2023/02/02

  When you think about building fluid layouts these days isn’t about having fixed-width breakpoints anymore. Instead, the layouts we build today need to work on nearly any device size. To my surprise, I still see websites follow the adaptive design pattern, where it has a container that gets a new max-width value as per the viewport width. The term “responsive” means a lot of things now. We have med

  • CSS
  • Webデザイン