カウンセリング[CSS]RGBaでの色指定
投稿日時：2014年7月22日
こんにちは もうすぐ夏休みで軽く浮き足立っているスタッフ「ほ」です。 これまでも２回ほどWebでの色指定をご紹介してきました。 [Web]カラーコード [Web]カラーネーム 今回は、RGBaでの色指定をご紹介します。 RGBaは、以下のように指定を行います。 h2{background-color:rgba(255,0,0,0.5);} のように指定を行います。 RGBaの「RGB」部分に関しては、 Red Green Blue の各色を表しています。 RGBカラーは赤、緑、青の光の強さをそれぞれ256段階で指定して、その色の混ぜ合わせで様々な色を表現します。 各色の指定は「0」～「255」…
[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」。マンスリー講座でもテーマにあげてみようかな、と思いますが、こちらのブログでも、ちょこ…