タグ

2018年5月7日のブックマーク (2件)

  • CSS Gridを使ったレスポンシブ対応の基本レイアウト

    2022年4月27日 CSS 以前「CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する」という記事で紹介したCSSグリッドレイアウト。皆さん使っていますか?前回はちょっと複雑なレイアウトに挑戦しましたが、今回はCSSグリッドを使った基的な2カラム・3カラム・カードスタイルのマルチカラムレイアウトの作り方を紹介します! ↑私が10年以上利用している会計ソフト! CSSグリッドの基の書き方は動画で確認! 基的な記述方法は動画でも紹介しています。初めてCSSグリッドに挑戦するよという方はまずはこちらで基礎を覚えておきましょう! 2カラム まずは基の2カラム。CSSグリッドのいいところは、横並びの指定や各ブロックの幅、余白をひとつのセレクターに対して指定すればいいという点ですね。どのように記述していくか見てみましょう! 可変幅 2カラム カラムを画面の幅に合わせて伸

    CSS Gridを使ったレスポンシブ対応の基本レイアウト
  • 【個人メモ】Bracketsにいれる拡張機能・テーマ・参考リソースなど - Qiita

    これまでDreamweaverをメインに使ってきましたが、コードビューがBracketsになったので、慣れるためにも家のBracketsを真面目に使ってみようと思い、触り始めました。 拡張機能、テーマ、環境設定などの個人メモ。※適宜更新していく予定。 アプリ家サイト http://brackets.io/ おすすめ拡張機能を語るサイトでは、とりあえずExtensions Ratingをおすすめされるが、1.9でExtension Managerに標準でダウンロード数または最終更新日でソートが出来るようになったので導入は見送り(Extensions Ratingでは他にも追加される項目があるので必要な方は入れてもいいかも)。 Beautify JavaScriptHTMLCSSを見やすいよう整形。対象範囲を選択し、ショートカット(Mac:Cmd+Shift+L, Win:Ctr

    【個人メモ】Bracketsにいれる拡張機能・テーマ・参考リソースなど - Qiita