【CSSのコツ】画像を真ん中寄せ

レスポンシブデザインでサイトを作成するとき、大きいサイズの画像を配置して、ブラウザが小さくなると画像の両端をはみ出させて、真ん中表示したいこと、、ありませんか?? 背景画像に指定して、background-positio・・・

テーマ_sでCSSのキャッシュを読み込ませない

サイト制作中はCSSを編集しまくりますが、 ブラウザで確認する際はキャッシュを削除しないとみれないことが多々あります。 自分で確認するだけならよいのですが、お客様に、直ってない!と思われたりするのは困りますよね。 いちい・・・

Retinaでも画像をきれいにみせたい

私が使っているのは、iMac 27インチ、デュアルディスプレイにしていてEIZOの24インチを縦にして横においてます。 画面がでかくてほんとに快適ですが、webサイトをみているとたまに画像がボケボケなものを見つけます。 ・・・

動画のレスポンシブの落とし穴

以前youtube等の動画をレスポンシブで表示させる記事を書いたんですが。 youtube動画をレスポンシブで表示させる これに落とし穴がありました。。。 動画の設置されている親要素に、display: flex;が設定・・・

hoverで画像が大きくなるやつ

最近ブログや情報サイトでよく見かける、 カーソルをあわせたときに画像がちょっとおっきくなるやつ。 CSSで簡単に実装できるんですね! <figure> <img src=”image.jpg”> ・・・

youtube動画をレスポンシブで表示させる

youtube楽しいですよね。 サイトに動画をうめこみたい場合、youtubeにアップして、 youtubeの画面から埋込コードを取得して埋め込むのが簡単です。 しかし、取得したコードをそのまま埋め込むと、、、 固定幅に・・・

チェックボックスを大きくする方法

お問い合わせフォームの最後に「●●に同意して送信する」チェック! みたいなチェックボックスをつけたんですが、 表示させてみたら、、ちっちゃ!ボックスちっちゃ!クリックしにくいやろ! しかも背景が細かいタイルみたいな感じだ・・・

cssが反映されない

キャッシュを削除しても削除しても全然cssが反映されない、、、 タイプミスとかでもない、、 chromeのデベロッパーツールをみると、cssが変わってない! なんでだ?と思ったら、読みこんでるcssがstyle.cssー・・・

タイトルの両脇にボーダーを引く

自分でデザインつくったはいいものの、cssでこれ実装どうやってやるんだろう、、 と思っていましたが、やっぱりできるんですよね。そしてサイトに紹介してくださってるかたがいるんですよね。 こちらのサイトを参考にさせていただき・・・

背景を2色に

よくやりたくなるけどわすれるやつ 8ステップで完成!CSS3で「斜めのストライプ」を作る方法

top