野良メモ -noramemo-noramemo

京都市山科区のフリーランスwebデザイナーのブログです。

Tag

- CSS -

[:N]スマホ・タブレットにも適した表示を!Webサイトを簡単にレスポンシブWebデザインにしよう!

これが噂のレスポンシブWebデザイン!

noramemoブログはリニューアルした際に(一応)レスポンシブWebデザインになりまして、PCやスマートフォンなどの各端末に適した表示を実現しています。
ただ、仕事でもレスポンシブWebデザインのサイトを作ることが少ないのでまたすぐに忘れてしまいそう・・・と容易に想像ができるので要点だけまとめておこうと思います。次回レスポンシブWebデザイン作成の際にスムーズに進められると嬉しいです!
Read More

今更知った!backgroundで背景画像を複数指定する方法

noimage

背景画像を敷いているウェブサイトってとても多いですね。タイリングして模様の繰り返しだったり、大きな1枚の画像をババンッ!と敷いたり。時には複数枚の背景を敷く必要があったり…cssで簡単に複数枚の背景を敷くことが出来ることを知ったので書き留めておきます。
Read More

隣接セレクタでリストや表の最後の項目だけ線を消してみた!

隣接セレクタでリストや表の最後の項目だけ線を消してみた!

リストや表で最後の項目だけ線を消したい…地味に多いですよね。
「last-child」が手っ取り早いのですが、IEという名の未対応ブラウザもあるので別の方法探してみました!
Read More

リンク対象ごとに自動でCSSを割り当てる方法

リンク対象ごとに自動でCSSを割り当てる方法

ウェブサイトによっては、PDF等のデータへのリンクであることや外部サイトへのリンクであることがアイコンでわかるようになっていることが多いですね。
逐一classを当てることもなく、簡単に割り当てれるのでメモっておきます。
Read More