カウンセリング[CSS]擬似クラス４つ「:first-child」「:last-child」「:first-of-type」「:last-of-type」
投稿日時：2014年9月4日
ここ最近は、残暑も鳴りを潜めて気持ちのよい秋風を感じますね。少ししたら暑さがぶり返すんでしょうけれど… 私は秋が一番好きな季節なので、わくわくしています。 スタッフ「ほ」です。 さて、前回、前々回と擬似クラスをご紹介していますが、忘れちゃわないうちに、さらに畳み掛けていきます。 今回は、使い方が似ていることもあり、４つの擬似クラスを一気にご紹介していきます。 :first-child :last-child :first-of-type :last-of-type ひとつずつ見ていきましょう :first-child 擬似クラス :first-child擬似クラスは、一番最初の子要素が指定した…
[CSS]:nth-of-type疑似クラス
投稿日時：2014年9月1日
9月になりました！ 我が家の息子も、今日から張り切って幼稚園に行き出しました。幼稚園児は宿題が無くていいですね。これが小学生になったら、9月1日の様子も変わるのでしょうか。 スタッフ「ほ」です。 さて、前回に続き、今回もCSSネタでいってみたいと思います。 前回ご紹介した「nth-child疑似クラス」は、●番目の特定の要素に装飾をすることができるスグレモノでした。 が、この疑似クラスにはひとつ弱点があるのです。 例えば、以下のようなHTMLソースがあった場合 【HTML】 <div id=”content”> <h2>１つめの中見出し</h2> <p…
[CSS]:nth-child疑似クラス
投稿日時：2014年8月28日
昨日、シフトのお休みをいただきまして、「よーし！夏も終わりだし、最後に海とはいかないまでもプールにいくぞー！」と家族で張り切っていたら、思い切り雨に降られました……orz スタッフ「ほ」です。 その分、屋内遊園地で遊んできました。 さて、超！久しぶりのCSSネタ。疑似クラスのご紹介です。 思えば、前回の:focusをご紹介してから、2年近くの時間が経っております……そんなに？って自分で過去のエントリー調べて驚いてしまいました。 それはさておき、今回ご紹介する疑似クラスは :nth-childです。 表記としては E:nth-child(n) と書かれます。 ちょっとわかりづらいですね。はい。 …
[Illustrator]楕円形ツールの使い方
投稿日時：2014年8月25日
8月も残すところあと1週間となりました。学生さんは、あせり始める頃ですね。 私は宿題は後回しにするタイプだったので、たいていこの頃から顔が青ざめながらも「あと一週間あるし！」って遊びに行っちゃうダメな子でした。 こんにちは、スタッフ「ほ」です。 今日のツールは、楕円形ツールです。 使い方は、長方形ツールとほぼ一緒です。 ツールを持って画面内で斜めにドラッグをすると楕円形が描かれます。 画面内をクリックすると、幅と高さを数値で指定することができます。 Shiftキーを押しながら描くと正円に。 Alt（Macはoption）キーを押しながらで中心から広がるように。 Shiftキー＋Alt（Macは…
[Illustrator]長方形ツールの使い方
投稿日時：2014年8月21日
スクールの近くに、長い間経営されていた薬局がありました。 非常に便利だったのですが、先日、閉店されてしまいました。 すぐに、工事が始まり、別のお店を作り始めたのですが、最近になって、ようやくコンビニっぽいとわかるようになってきました。 現在のところ、最寄のコンビニエンスストアはサンクスさんですが、それよりも近くになりそうなので楽しみです。 こんにちはスタッフ「ほ」です。 今回もイラストレーターのツールを紹介していきます。 今回のツールはこちら。 長方形ツール もう、名前の通りですね。長方形を描きます。 ツールを持って、画面内で斜めにドラッグをすると、ドラッグした距離を対角線とした長方形が生成さ…