shimizu

WordPress

ざっくり学ぶ Astro

覚書: npm create astro@latestnpm run devnpm install sass ASTRO 1.Visual Studio Code 1) Japanese Langage 2) 環境設定 2.Google C...
WordPress

bootstrap scss 使い方を解説!導入方法から実際に変数を変更するまで

✓本記事のテーマ scssとは? sassとは? 準備するもの 導入方法 使い方 まとめ
WordPress

使える!CSSアニメーション 20選

使える!CSSアニメーション 20選 | SONICMOOV LAB CSSの進化により、様々な表現がCSSだけで完結できるようになったこの頃ですが、その中でもCSSを使ったアニメーションが色々と目を引くものがあり、今回はそれについて様々な...
WordPress

 【超入門】SVGファイルって何?特徴と変換方法まとめ

はじめに はじめまして、tsudachantanです。現在、様々なサイトで広く使われているSVGファイル。CSSとともにSVGが必須になるともいわれ、デザイナーやフロントエンジニアの方にはお馴染みかもしれません。今回は改めて、具体的にどのよ...
※Web開発

Bootstrap 5 に標準で用意されているクラスのうち、よく使うものを一覧

Home ブログ運営 Bootstrap5 よく使うクラス一覧(早見表) ブログ運営#JetTheme#カスタマイズ Bootstrap 5 に標準で用意されているクラスのうち、よく使うものを一覧にしてみました。 カスタマイズの参考用です。...
WordPress

CSSでよく見かける【flex:1】を分かりやすく解説

Flexboxを勉強し始めると、flexプロパティを使用して「flex: 1;」と書かれている物をよく見かけると思います。CSS初心者のころは、良く分からずなんとなく使っている方も多いのではないでしょうか? この記事では、何気なく書いてしま...
WordPress

Bootstrapのよく使うクラス

width/height width 25%.w-2550%.w-5075%.w-75100%.w-100auto.w-auto height 25%.h-2550%.h-5075%.h-75100%.h-100auto.h-auto ma...
WordPress

PHPとjQueryでカテゴリー毎の記事一覧をタブ切り替えするコンテンツの作成

WordPress

Bootstrapで初めに覚えるべき頻繁に使用するクラス【m-.p-.mx-.w-.h-など】

WordPress

BootstrapとGrid-templateの組み合わせが超万能で最強【コピペレイアウト】