CSS– category –

Reactを利用している際にTailwind CSSを利用する流れが発生したので導入方法を書いていきます。 Tailwind CSSとは Tailwind CSSはCSSフレームワークの一つで比較的新しいフレームワークです。Tailwind CSSはユーティリティファースをと掲げており、便利で...

フロントエンドとしてよく話題になっていたので学んでみることに。今までいた会社がjQueryをまだ推奨していることもあって個人的に脱却したいなという目標があります。 セッティングとかちょいちょいやるけどすぐに忘れてしまうのでまとめておこうと思いま...

Tailwind CSSの設定は環境に応じて適宜行う必要があり、下記に手順が載ってます。 https://tailwindcss.com/docs/installation Reactで使用すると、Tailwindの動作に必要なPostCSSを上書きができないため、CRACO（Create React App Configuration Override...

仕事で久々にHTMLメルマガを作成することになり、昔のコードを使っていたけどもだいぶ前のコードのためダークモード使用者だと文字が見れなかったり・・・。レスポンシブ、ダークモードに対応しつつ制約のあるHTMLを書くというので工数的に合うのかどうか...

PCでサイトをみるよりも、圧倒的にスマホのページの閲覧が増えて言っている昨今。 「とりあえずスマホのページ」という時代も終わっていると勝手に思っている。   前は「とりあえず」だったので、「とりあえず」CSSで帳尻合わせをしたりしていたのだ...

bx-sliderを使っている時に、リストタグの一番始めのフォントに指定したCSSが適用されなかったので調べてみた。 使用しているiPhoneのsafari、chromeで起きているみたい。 どうやら、文字サイズ自動調整機能がついているらしく、jQueryプラグインを最後に...

サイト制作していると、必ず出てくるのが、テーブルだと思うのですが共通項が多いデータの一覧表示には重宝しますよね。 むしろ、テーブルを使う他、何か方法があるのかというところにも至りますが・・・ PCサイトだと問題なく表示されるものの、スマホサ...