会社でLaravel(最近までCakePHP)、Bootstrap、JS、jQueryを使用していましたが、Tailwind、Alpine.js、Livewireに置き換えることになりました。ですので、プライベートでもこちらを使用して勉強する予定です。その記録です。全然作業は進んでおらず、環境構築で試行錯誤 ...

Xのつぶやきまとめです。項目ごとにまとめているので、時系列は適当です。 ちょっとした勉強のためのプロジェクトだと、php.iniにはどんなことを設定するのがいいのかなあ。 とりあえず、date.timezone = Asia/Tokyoは入れておく。 php.iniをいじるの忘れてた。

本章では、開発環境にTailwindをインストールする方法に加えて、設定ファイルの記述方法や、エディタの設定などについて説明します。執筆時点でのTailwindの最新バージョンである、3. 2.4の使用を前提にします。 Tailwind CSSのインストール Tailwindは、さまざま ...

CSSフレームワークのTailwind CSSが注目を集めています。その特徴は、flex、pt-4、text-centerといったユーティリティクラスの組み合わせだけで、ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向 ...

@apply text-primary; /* カスタムクラスを適用することもできます */ font-family: monospace; /* そして、通常のCSSと組み合わせることもできます */ これで、HTMLに直接クラスを適用することなく、CSSで要素に定義済みのプロパティを追加することができました。これに ...

Tailwind CSS v3がリリースされ、ますます注目されているTailwind CSSのチートシートを紹介します。 Tailwind CSSに使用されているすべてのクラスとそのプロパティ・値を参照および検索もでき、非常に便利なチートシートです。 Tailwind CSS（Tailwind CSS -GitHub）は ...