[Web]カラーネーム
投稿日時:2013年1月27日
今日の朝、起きると外に雪が降ってました。 身支度をしているうちに、雪はどんどん強くなって、家を出るころには道路も真っ白、視界もかなり悪くなるほどの大雪になりました。 ところが、飯田橋についてみると、雪どころか晴れていて、地面も全く濡れてない… 長靴はいてこなくてよかったーと思ったスタッフ「ほ」です。 さて、今日は前回の続きです。 前回のエントリーでカラーコードのお話をしました。 Webでの色指定には、カラーコード以外に「カラーネーム」という方法がありまして、名前で指定できる色が用意されてるんですね。 aliceblue #f0f8ff antiquewhite #faebd7 aqua #00…
[Web]カラーコード
投稿日時:2012年12月21日
あっという間に年の瀬です。 今年の初めには、いろいろと目標を立てたのですが完遂出来た!と胸を張って言えるのはほとんどありません。 それでも!年が明けたらまた懲りもせずに目標を立てようと思うスタッフ「ほ」です。 今日はWebで使われるカラーのお話です。 講習では、文字や背景の色指定を行う際に カラーコードを使っていただいてます。 例 p {color:#ff8800;} このカラーコードというのは#の後ろにある6桁に意味がありまして、 最初の2桁が「赤」 中央の2桁が「緑」 最後の2桁が「青」 の光の強さを数値で表しています。以下の図のような感じです。 この「赤」「緑」「青」の3色は「光の3原色…
[InDesign / Photoshop / Illustrator]アプリケーションの調子が悪くなったら
投稿日時:2012年11月28日
また、先週の担当だったのに、すっかり更新しそびれました… スミマセン…スタッフ「ほ」です。 先週、誕生日を迎えまして… もう誕生日が来ても嬉しい年でもないなぁ、と思いつつも家族に「おめでとう」と言われれば、じーんときちゃう複雑な一日でした。 さて、今日は「InDesign」「Photoshop」「Illustrator」です。 スクールに通っていただいた方は、毎回授業のスタート時点では、アプリケーションの画面構成が綺麗にリセットされていることにお気づきかと思います。 あれは、パネルの位置や表示・非表示など、スタッフがひとつひとつ、毎日手直している…わけではありません。 Adobeのソフトには、…
[CSS]画面内の一部だけをスクロール
投稿日時:2012年10月31日
夏が終わってから時間の流れの体感が明らかにおかしいスタッフ「ほ」です。 あれ?今年もあと2ヶ月?って感じです。 それだけ、人生の濃度が薄いってこと?いやいや、そんなはずは… さて、気を取り直して今日の話題です。 授業後によく受ける質問のひとつに「画面内の新着情報の部分だけをスクロールするようにしたい」といったものがあります。 中に書かれる文字量が増えることでページ全体のレイアウトバランスがおかしくなってしまうのを嫌うときに使う手法ですね。 この対処には、ボックスに対して、あふれた情報をどのように処理するかを決める「overflow」プロパティを利用します。 ソースは以下のような感じになります。…
[CSS]:focus 疑似クラス
投稿日時:2012年9月20日
あれ?と思っている間に、夏が終わっちゃいました。 秋が一番好きな季節なので、だんだんワクワクしているスタッフ「ほ」です。 さて、今回のネタは「CSS」。 授業でご紹介している疑似クラスの補足情報です。 講習では、以下の疑似クラスをご紹介しています。 a:link … 未訪問のリンク部分の装飾を指定する a:visited … 訪問済みリンクの装飾を指定する a:hover … リンク部分にマウスポインタが重なった時の装飾を指定 a:active … リンク部分をクリックした瞬間の装飾を指定 上記の4指定を行うことで、リンク部分に効果的な装飾を施すことが可能です。 で、実はこの4つ以外にもいくつ…