HTML&CSS

ぽんきち 渡されたデザイン！ コンテンツ幅を超えた要素があるにゃ！ せっかく幅を決めて綺麗にコーディングしていたのに。。。 これはデザイナーの嫌がらせに違いないにゃ。。。 勉強中プログラマーさん 落ち...

ぽんきち Chromeの開発者ツールで出来ばえをチェックしてたら点線が出てきたにゃ！！ とっても邪魔でいつまでも消えないにゃ！ コーディング中のページをブラウザで開発者ツールを開きながら確認するとき、...

ぽんきち transitionがうまく効かないにゃぁ～。もう嫌になってきたにゃ。。。 勉強中プログラマーさん うんうん。わかるよその気持ち。 ちょっと見てみよっか。 CSSでアニメーションを追加しよう...

ぽんきち テキストの最後に上下中央揃えでアイコンを設置したいんだけどうまくいかにゃい。。。 テキストの最後にアイコンを加えたいことがありますよね。例えばリンク先の情報を視覚的に伝えたり、ボタンに装飾を...

ぽんきち backgroundのショートハンドがいつまでたっても理解できないよ。。。 勉強中プログラマーさん 雰囲気で使っちゃうよね。。 CSSのbackgroundプロパティ、なんとなくしか理解して...

ぽんきち グラデーションをかけたボーダーをCSSで表現したいよ。。。 ボーダーにグラデーションをかけたい時、またはテキストの下線にグラデーションをかけたい時、どうしますか？？SVGなどの画像で書き出す...

HTMLコーディング中、aタグに遷移先URLと#anc01のようにid名を付けて、遷移後に指定の要素までジャンプ（もしくはスクロール）するように実装することがあると思います。ただこの場合だとヘッダーが...

ぽんきち brタグを設定しているのに改行されない。。。 HTMLコーディング中、文章の改行のために記述するbrタグ。なぜだか効かない事象に出会うことがあったので備忘も兼ねて記載します。 親要素にfle...

ぽんきち CSSの自動整形を止めたいのにちょうどいい方法が分からない。。 VScodeでコーディングしているときCSSの自動整形は便利だけど改行が増えすぎるからもう止めたい。って思うことありますよね。...

検証していて、うげ、、、safariで崩れてる。。。とかでブラウザによって違うスタイルをあてたい！と思った時ありませんか？ 基本はベンダープレフィックスで対応できますが、それだけでは対応できない時は、...