CSS疑似要素で見出し要素などをリボン状の形に

CSSで:before, :afterといった疑似要素にborderを指定することで、見出し要素などをおしゃれなリボン状の形にすることができます。
詳しくは、以下のリンクからCSSの記法を学んでみて下さい。

頂点の角度変更はwidth値で。

See the Pen css疑似要素でリボン by mine333 (@kenic_ono) on CodePen.0

情報を日付付きで掲載したいときに便利なリストの作成

li要素、time要素、p要素を組み合わせることでサイトの更新履歴・その他閲覧者に重要な情報を日付付きで掲載したいときに便利なニュースリストを配置することができます。
詳しくは以下のリンクからニュースリストに用いられているコードを参照してみてください。

Photoshop講義ノート・練習・課題

今週分のILLUSTRATOR講義ノートを発表します。作品制作の他、Photoshopの使い方について参考になるメモを作成しました。
また、今回はブログやランディングページによくあるバナー広告を作成していただきます。
条件に気をつけながら制作を進めてみてください。