グリッドデザインの検索結果1 - 4 件 / 4件

• あとで読む

  CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう

  • 258 users
  • speakerdeck.com/tonkotsuboy_com
  • テクノロジー
  • 2023/09/27

  TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」で発表したスライドです。 https://techfeed.io/events/techfeed-experts-night-26 Zennの記事でも詳しく解説しています。 → CSSのSubgridが全ブラウザ対応。Gridの入れ子の基本から応用までを完全理解する https://zenn.dev/moneyforward/articles/css-subgrid-all-browsers

  • css
  • あとで読む
  • ブラウザ
  • web制作
  • js
  • grid
  • デザイン
  • Webデザイン

  
• あとで読む

  最新版、レスポンシブ対応のレイアウト・グリッドデザイン徹底解説

  • 92 users
  • coliss.com
  • テクノロジー
  • 2020/12/04

  レスポンシブ対応のグリッド設計、レイアウトのバリエーション、デスクトップやスマホやタブレットの最近の状況に合わせたデザイン方法を紹介します。 グリッドの基礎知識をはじめ、最近主流のレイアウト、デザイナーがワークフローでグリッドをどのように適用させるかなど詳しく解説されています。 Responsive Grid Design: Ultimate Guide by Nitish Khagwal はじめに グリッドとは レスポンシブ対応グリッドを使用してUIをデザインするには？ カラム構造 ブレークポイント グリッドの振る舞い ツールでレイアウトのグリッドを設定するには？ デスクトップでの表示 スマホでの表示 タブレットでの表示 レイアウトのバリエーション グリッド開発のハンドオフ 終わりに はじめに 私は、グリッドを使った作業が便利だと感じています。グリッドはさまざまなレイアウト間の一貫性を維

  • css
  • レスポンシブ
  • responsive
  • あとで読む
  • grid
  • webdesign
  • layout
  • レイアウト
  • ui

  
• あとで読む

  vol. 2.2 DIN／トレードゴシック —グリッド・デザイン—｜フォントポスト

  • 4 users
  • note.com/fontpost
  • 暮らし
  • 2020/07/22

  DIN／Trade Gothic 前回までのあらすじ 自社イベント用に制作したポスターで使用された書体の話で盛り上がる3人。2019年最後の回は、無事に収まるのだろうか……。 伊藤「山田さんはDIN系、渡邊さんはTrade Gothicを使って仕上げたということですが、書体はポスターのデザインにどういった感じでかかわってきますか？」 渡邊「両者、『クセ』の少ないゴシック体、というところが共通していますね」 山田「今回のポスターでは、『縦のライン』をきれいに出すというところがポイントだったんだよね」 渡邊「かといって、横のラインががちゃがちゃしているとカッコ悪いので、文字数を揃えることで調整しています」 伊藤「なるほど！　二人が使った書体は、『ラインをきれいに出しやすいものだった』ということですか？」 山田「うん、そうなんだけど、なんでだかわかる？」 伊藤「うーん……それはわかりません（笑）

  • あとで読む

  
• あとで読む

  CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう

  • 3 users
  • techfeed.io
  • テクノロジー
  • 2023/10/13

  本記事は、TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 今日は「CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう」というお話をしていきます。 鹿野壮と申します。XのIDは @tonkotsuboy_comです。可愛い猫を飼っていて今日は左上ぐらいに猫が映っています。よろしくお願いいたします。

  • あとで読む