Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-692370c1da516571269056/] ▼例：以下のようなことがでけました。 …
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-692370c1da6fb043215694/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS テーブルの列幅を均等にする
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-692370c1da763350250840/]
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-692370c1da7ba413517767/]
関連するカテゴリの記事
WordPress 特定のカスタムフィールドを持つカテゴリ一覧を取得
[crayon-692370c1dc284709434264/] …
WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと
2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか？」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したので、後学のための覚書として記録…
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法
WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。 テンプレート内に以下のよう書きます。 …
WordPressの独自テンプレートにBootstrap v4.5を速攻で組み込むためのソースコード公開
スピードを求められるサイト制作の場合、WordPressとBootstrapの組み合わせが自分に合っているようです。 レスポンシブ対応でタブレットもさらっと出来るのでクライアント様にもスマホ対応だけでないって部分で喜ばれているように思います。 そこで！ WordPres…
WordPress カテゴリページで子カテゴリごとに記事一覧を表示
ME WordPressでお寿司屋さんのサイト制作をすることがあり、商品のメニューリストを作る時に以外と猛烈にツマったのでメモ。 やりたかったことは以下の画像のようなこと。 表示イメージ ME 「寿司」ってカテゴリ…
