タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Tailwind CSS初心者が絶対ハマる落とし穴
ムーザルちゃんねるのzaruです。今回はムーさんと、Tailwind CSS初心者が絶対ハマる落とし穴について話しました。Tailwind CSSを使い始めた人、あるいはまだ使ったことがない人には是非見てほしいです。すでにこの落とし穴から抜け出している人はあるよねーって感じで眺めてください。 すごいサムネイル… ハマるポイント クラス名の動的指定 クラス名のコンフリクト クラス名の動的指定 例えば、通常は背景を青だけど、エラーの時は赤くしたい。そんなときにJavaScriptでクラス名を組み立てると以下のように書きがちです。bg- と -500 は固定なので変化する red blue だけ変数で組み立てるやり方です。 const color = error ? 'red' : 'blue'; <div class={`bg-${color}-500`}></div>
【0からはじめるブログデザイン】CSS初心者でも活用できるこだわりデザインカスタマイズの記事を集めました！ - 週刊はてなブログ
はてなブログでは現在「デザインテーマコンテスト」を開催中です！ そこでCSSに馴染みのない方も挑戦しやすいよう「0からはじめるブログデザイン」と題し、簡単なデザインカスタマイズからデザインテーマ作成まではてなブロガーさんのアイデアが詰まった記事をご紹介する連載を始めます。 第1回となる今回は、CSSって難しそう……と感じている方に向けて、簡単な「デザインカスタマイズ」を紹介した記事を集めました！ ほとんどがCSS初心者も活用できるものばかり。是非参考にしてみてください。 記事の印象をガラッと変える、オリジナル目次の作り方 記事のアピールポイントを好きな色で強調 ブログにおいてユーザーが一番目にするものといえば文字！ 文字を自分の好みにカスタマイズする方法 人気テーマの作者が紹介する「サイドバーカスタマイズ」 【超個性派】CSSの知識0、コピペのみで行ったオリジナルブログデザインの制作過程を
HTML/CSS初心者は必見！ どんなデザインでも自由自在にできるFlexbox入門 - Qiita
はじめに 今回は要素を綺麗に配置するときに、大変役立つFlexboxの使い方について紹介します！ ここでは、要素 (アイテム) が入っている箱のことをコンテナと呼んで説明します。 YouTube動画 動画で学びたい方はこちらもどうぞ！ 【YouTube動画】 HTML/CSSのFlexboxについて詳細解説！ これでどんなデザインでも自由自在！【Flexbox入門】 GitHub コードのサンプルをGitHubにアップロードしてます！ Pathや一部コードを修正する必要がありますが、ローカルで試してみたい方はこちらもどうぞ！ https://github.com/yassun-youtube/html-flexbox-samples コンテナ内の全要素の配置 コンテナに入っている要素の並びを一括で指定したい場合は、flex-direction, justify-content, align
はじめに はじめまして！ DMM WEBCAMP Advent Calendar 🎄 7 日目を担当することになりました、@k_uki512と申します！ Webアプリケーション開発において、HTML＆CSSを使用したフロントエンド開発は避けて通れません！ですが、実際にCSSを書いてみると自分の思ったようなスタイリングができないことも多いと思います。 そこで今回は、初心者が躓きがちなスタイルの事例とその解決策をいくつか紹介していきたいと思います！🙌 対象者 CSS（SCSS）によるスタイリングに苦手意識がある方 ホームページ制作,LP制作（web制作） にも興味がある方 基本的な HTML&CSS を学習後、更にステップアップしたい方 簡単なFlexBoxのスタイリングについて知っていると更に良い（横並び、中央揃え程度でOK） 本記事では、Bootstrap や Tailwind CSS
カスタマイズの記事でいくつか紹介していますが、はてなブログにはデフォルトで読み込まれているCSSにすでに何個もデザインが記述されています。運営側のベースデザイン用だとは思いますが、利用者側でも同じように使えるようです。 そこで、デフォルトのCSSの中から便利そうな既存デザインを6つまとめてみました。使えそうなものがあったらぜひ取り入れてみてください。 はてなブログの既存デザイン 1.中央揃え・左揃え・右揃え 2.回り込みとその解除 3.余白をなくす 4.文字の装飾 5.箇条書きアイコン 6.見出し まとめ スポンサーリンク はてなブログの既存デザイン 1.中央揃え・左揃え・右揃え .center { text-align: center; margin-left: auto; margin-right: auto; } .textleft { text-align: left; } .te
【2021年7月13】追記しました こんにちは缶コーラです。 今回はcss初級者なら誰もが一度は検索する内容。 【css 中央寄せ】 について解説していきたいと思います。左右の中央寄せならわかるけど上下の中央寄せはちょっと・・・。という方多いと思いますので、そんな方にぴったりな内容だと思いますよ～。 レスポンシブテーブルデザインについての記事も書きましたのでこちらもドーゾ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【HTML＆CSS】初心者が躓きがちなスタイリングについて解説してみた - Qiita
HTML/CSS｜初心者必見！はてなブログで今すぐ使える既存デザイン - くろネコのんびりブログ
【CSS】初心者必見！CSSで要素を中央揃えにする簡単な方法！【追記有り】
news.yahoo.co.jp
kurihara.hatenadiary.jp
sakarabo.blog.jp
zenn.dev/hayato94087
otonagai-life.com
hiruko-mineruva.hatenablog.com