カウンセリング[css]属性セレクタ
投稿日時：2014年9月29日
最近、ノートPCを買いましたスタッフ「ほ」です。 かなり昔に買ったノートPCがダメになってからは、持ち歩いてなかったのですが、やっぱり移動中の時間を有効に使いたいのと、スマホやタブレットではどうしてもやりたいことが満たされないので、思い切って買いました。 持ち運びにも便利な１１インチサイズを買ったので、今のところ有意義に活用できています。 さて、今日はまだまだ終わってなかったセレクタシリーズです。 今日は「属性セレクタ」です。覚えるとかなり便利に使うことができます。 指定した属性を含む要素部分のみを装飾することができます。 むむむ…やっぱり文字にするとわかりづらいですね。 例を挙げていきましょ…
[資格]Webクリエイター能力認定試験
投稿日時：2014年9月25日
こんにちは。スタッフ「ほ」です。 そういえば、以前からずーっと書こう、書こうと思いつつ忘れてました… よく就転職を目的に学習をされる方に「何か資格などを身につけておいたほうがいいでしょうか？」というご質問を受けます。 就転職では、過去の実績があれば自分の力を提示しやすいのですが、業界未経験だとなかなか難しいところもあります。 そういった自分の力を示すひとつの方法として資格試験は有効かと思います。 Web系の資格はいくつかありますが、「Webクリエイター能力認定試験」がオススメです。試験には筆記と実技が含まれており、４～５ページ程度のサイトを実際に作成する試験になります。 「最低限、これくらいは…
[CSS]隣接セレクタ
投稿日時：2014年9月18日
今日から、東京ゲームショウが始まりますね。 私自身、大のゲーム好きというわけではありませんが、好きなタイトルの新作がお披露目になるようで、楽しみです。 ゲームはだんぜんRPG派のスタッフ「ほ」です。 さて、ここのところ、このブログがWebネタで埋まりつつありますが、きっと「の」が挽回してくれるはずなので、私は空気を読まずにCSSネタでいきます。 セレクタ祭りはまだまだ続きます。 今回は「隣接セレクタ」 自分が指定した２つの要素が隣り合った場合に装飾を行います。 【HTML】 <h2>見出し</h2> <p>リード文リード文リード文</p> <…
[CSS]子セレクタ
投稿日時：2014年9月12日
今年もたくさんのチョコミントを食べたチョコミント好きのスタッフ「ほ」です。 一年中コンスタントに売ってればいいのになぁ、と思いつつ、そろそろ中華まんのおいしい時期がやってくるなぁ、と食べ物のことばかり考えております。 食欲の秋！ さて、CSSネタでいきましょー。 本日ご紹介は「子セレクタ」です。 これを説明するために、HTMLソースの親子関係を説明する必要があります。 例をあげます。 【HTML】 <div id=”navi”> <ul> <li>オレンジ</li> <li>バナナ</li> <li>ぶどう&l…
[CSS]:nth-last-child擬似クラスと:nth-last-of-type擬似クラス
投稿日時：2014年9月8日
ここ数日は涼しいを通り越して少し肌寒いような…… 季節の変わり目、皆様体調にお気をつけください。スタッフ「ほ」です。 イラストレーターのツール紹介は「の」ががんばってくれていますので、私はもうちょっとWebネタで引っ張ります。 最近、ずっとfirstやらlastやらの擬似クラスをご紹介していますが、このfirst／lastシリーズは今回でとりあえずおしまいです。 今日ネタにするのは「nth-last-child」と「nth-last-of-type」という２つの擬似クラスです。 例をあげていきましょう。 【HTML】 <div id=”footer”> （省略） <p>…