カウンセリング[CSS]:nth-child疑似クラス
投稿日時：2014年8月28日
昨日、シフトのお休みをいただきまして、「よーし！夏も終わりだし、最後に海とはいかないまでもプールにいくぞー！」と家族で張り切っていたら、思い切り雨に降られました……orz スタッフ「ほ」です。 その分、屋内遊園地で遊んできました。 さて、超！久しぶりのCSSネタ。疑似クラスのご紹介です。 思えば、前回の:focusをご紹介してから、2年近くの時間が経っております……そんなに？って自分で過去のエントリー調べて驚いてしまいました。 それはさておき、今回ご紹介する疑似クラスは :nth-childです。 表記としては E:nth-child(n) と書かれます。 ちょっとわかりづらいですね。はい。 …
[CSS3]グラデーション その３
投稿日時：2014年6月2日
暑いですねー！もうすっかり夏気分になってきました。６月上旬でこれだと８月になるころには……恐ろしいですねー、考えたくもないですねー。夏の暑さが苦手なスタッフ「ほ」です。 ここ数回、ずーっとイラストレーターのネタをやってきましたが、そろそろ別のネタも混ぜていきたいと思います。 今回は、途中になっていたCSSのグラデーションの話を続けていきます。 前回までのエントリーはこちらです。 [CSS3]グラデーション その１ [CSS3]グラデーション その２ 前回は、線状グラデーションの調整を行いました。 今回は放射状のグラデーションを調整していきたいと思います。 まずはおさらい。 放射状のグラデーショ…
[CSS3]グラデーション その２
投稿日時：2014年5月20日
業務で必要があり、外付HDDを１台購入することになりました。 最近は仕事でもプライベートでもHDDを追加することがなかったため、久しぶりに価格を調べたのですが、ずいぶんと安くなりましたねー。 2TBですでに1万円を切っているとは…… 自宅用にもデータバックアップ用に１つ購入しようと思ったスタッフ「ほ」です。 さて、前回に引き続き、CSS3によるグラデーションがテーマです。 前回までで、グラデーションの適用の仕方は説明しました。 詳しくはこちらのエントリーをご参照ください。 グラデーションの指定方法をおさらいしましょう。 .box { background:linear-gradient(to …
[CSS3]グラデーション その１
投稿日時：2014年4月28日
スクールが引越ししてから（といっても同じビルで１階→５階になっただけですが）、早くも１ヶ月以上が経ちました。 さすがに最近は、エレベーターに乗って無意識に「１」を押すことが少なくなってきたスタッフ「ほ」です。 ───── お題は前回の角丸に引き続き「CSS3」で行ってみたいと思います。 今回は、結構奥が深いグラデーションの設定です。 かなりボリュームがある話題ですので、全部で３，４回に分けてご紹介しようかと思っています。 ───── これまでWebページの背景にグラデーションを設定する際には、グラデーションの画像を背景画像として敷き詰めて設定していました。 ですが、CSS3から登場したグラデー…
[CSS3]角丸 border-radius
投稿日時：2014年2月19日
2週連続の大雪、大変でしたね。未だ交通がままならない場所もあるそうで、いち早い復旧をお祈りしております。 私スタッフ「ほ」は、１回目の大雪の日は、仕事は休みでしたが、自宅で延々と雪かきをしておりました。 その後、性質の悪い風邪にやられてしまい（インフルエンザではありませんでした）、２回目の雪の時はダウンしてました。。今でも声がガラガラ気味です。 お聞き苦しい授業となってしまうので、一日も早く治すように、毎日どっさりと、薬＆のど飴をなめております。 さて、受講後のアンケートでもご要望が増えてきました「CSS3」。マンスリー講座でもテーマにあげてみようかな、と思いますが、こちらのブログでも、ちょこ…