html

CSS

SVGとCSSでアニメーションに挑戦

svgファイルを使って、アニメーションが作れる。 See the Pen bike-boy svg animetion by aiworldexplore (@aiworldexplore) on CodePen. このア...
CSS

テキストを選択した時の色を変える方法/html, CSS

何も指定しないと、テキストを選んだ時のデフォルトカラーは青い(firefoxとChromeは少なくとも確認済)。これを、変えてみる。 コードを入れる前 コードを入れる前は、↑このような画面になっている。そして、使うコー...
CSS

画像をレスポンシブにする方法/表示する画面サイズによってサイズを変える

3つ画像が並んだデザイン。 この画像を、レスポンシブにする。 htmlコードはこちら img srcsetタグ この <img srcset="img/nat-1.jpg 300w,...
CSS

デバイスの大きさに合わせて画像自体のサイズをレスポンシブにする方法

画像自体をレスポンシブにする方法を説明。 なぜ画像をレスポンシブにする必要があるのか? 理由:大きな画面で最適なサイズでも、小さなデバイスになると同じ画像サイズだと重たくなってしまい、読み込みが遅くなる原因になる。 ...
CSS

あなたのコードが、どのブラウザでサポートされているかorいないか調べる簡単な方法

コードを書いていても、あるブラウザはサポートされていて、あるブラウザではサポートされてないことがある。 簡単な調べ方は、 Can I use.comを使う リンク: ここに問題になっているコードを入れて確かめる...
タイトルとURLをコピーしました