レスポンシブ対応のテーブルや一部を強調した料金表などに使えるテーブルを紹介
注目して欲しい時などに使う「注目枠」のデザインを紹介
何かと使う矢印アイコンを使ったホバーエフェクトなどを紹介
パッとわかりやすい引用符(blockquote)を紹介
画像につけるホバーエフェクトやanimationを使ったスライドショーなどを紹介
シンプルなインタビュー形式だけでなく切り替えで見せるQ&Aを紹介
カスタマイズしやすいシンプルなものからページ全体を切り替えるものまでを紹介
画面全体が変わるものや中央に小窓が開くものまでを紹介
アコーディオンやレスポンシブ対応、SNSリンクなどのメニューデザインを紹介
レスポンシブ対応のページナビゲーションやステップ表示などを紹介
吹き出し上の小さなコンテンツをマウスホバーで出すツールチップを紹介
シンプルなものからレスポンシブ対応、ホバーエフェクトありのものまでを紹介
お問い合わせなどに使えるフォームの一式を紹介
記事の紹介などに便利なブログカードデザインを紹介
「続きを読む」の開閉の仕組みデザインを紹介
アニメーションを使ったローディングを紹介
ブログ記事などにつけるタグデザインを紹介
SVGを利用したヘッダーの切り替え部分などを紹介
会社の沿革などに使えるタイムライン表示を紹介
サイト制作には絶対必要なフッター。粋なフッターで締めよう
テキストリンクのホバーエフェクを一挙に紹介
下線だけなどデザインしたい部分別に分けた見出しデザインを紹介
htmlとcssだけでできるボタンの使い勝手のいいものだけを紹介
カウントありとなしに分けたリストデザインの紹介
inputパーツごとの装飾デザインを網羅
コーナの四隅につけるリボンを紹介
ちょっとした手間でいい感じにする水平線・区切り線を紹介
cssのtransitionやanimationを使った動きを紹介
全面背景だけじゃなくブロック要素や見出しの背景にも使いやすいパターンを紹介
意外とよく使う丸囲み文字や記号などの特殊文字一覧
キーボードのショートカットなどの説明に必要となるmacのショートカット記号一覧
いざ使う時忘れてる!.htaccessを使ったリダイレクト設定
cssでできる便利な設定の方法や知っておくといざという時使える設定方法などを説明