CSS 要素をposition:absoluteで中央に配置
上下左右中央 p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, ...
2023-09
CSS CSS CSSテキスト強調丸点
h3 { font-size: 32px; letter-spacing: 10px; line-height: 2; font-weight: bold; } .dot-text { padding-top: .4em; backgrou...
CSS CSSを使って縁取り文字
text-strokeのコード <div class="fuchidori>縁取り</div> .fuchidori { color: #000; -webkit-text-stroke: 1px #FFF; text-stroke: 1p...
ツール ジェネレーター
色々ジェネレーターはこちら▼ 丸丸 ボーダー背景 シンプルな矢印 角丸対応テーブル 台形 三角形・矢印
HTML HTMLのimgタグのwidthとheight
実質必須なのに未設定の人が多いとのことで、、、レイアウトシフトなるものが発生するとのこと。画像カクカク現象そう。 ▼結論 リキットレイアウトには適していないし、固定すべきところはすべきだし、、という点で つけない余地もある。 ちなみにW3C...
フォント フォント？WEBフォント！
完全にはわからないんだけどね、参考に調べてみよう！ likefont Googlefont 日本語対応してなかったんだ？現在では少なからず日本語対応しているらしい(2015の記事) スマホを意識したフォント指定
ギャラリー まずは下調べ！参考サイト
どんなデザインにするか、どんな構成にするか、、、。 pinterest Parts. パーツ別Webデザイン集 design-library
CDN resetcssどれにしよう？
HTML作成するにしても、CSSリセットしないと、、reset CSSどれにしようかいつも考える！てことで。私はいつもRESS CSSを使用しがち。 ressさん YUIさん 【2023年版】おすすめのリセットCSS（reset.css）3...
チェッカー 対応してますか？最も多い端末サイズは？
CSSで作成した動くものたち、、そのブラウザ対応していますか？ caniuse みんな使用しているデバイスサイズは？日本のシェア数↓