たまに目にする、コンテンツの境目の背景色を斜めにするデザイン、アレをサクっと導入できるSCSS。導入は簡単で、ダウンロードした「_angled-edges.scss」をメインのSCSSファイルから読み込むだけ。mixinを使って斜めってる角度の調整なんかもできます。斜めになっている部分はSVGで描画されるので、様々な形や色に対応できるようです。境界線を斜めにすると動きを出せるのでイイですね。導入も簡単だし早速何かに使おうと思ってます。
Javascript使わなくてもCSSだけでできるYO！という作例集。例えばイメージスライダーやModal、ビュースイッチャー（タブ切り替え）、ファイルアップロード、フォームバリデーション、アコーディオン、Lightboxなどを、JSを使わずにCSSだけで実現する方法が紹介されています。CSSはSCSS形式で記述されているので、通常のCSSの方が使いやすいという人はSassMeisterあたりを使えばエンコードできます。JS使わなくてもわりと色々できちゃうんですよね。
使い勝手の良いSVGパターンの配布サイト。ファイルは一式という形でダウンロードする事ができ、サイト内ではそれらの色や大きさを変えて試す事ができます。どう使い勝手が良いかというと、まずSVGであるという点。ベクターパターンなので拡大縮小が簡単です。次に各パターンは画像ファイル単体ではなく、CSSファイル内にData URIとして埋め込まれている点。なのでパターンを配置する際に画像ファイルを置かなくても、コードのコピペだけで使えます。またCSSだけでなくSCSSファイルも同梱されてるので、記述方法がSCSSメインの人やサイトにも対応ができます。いやこれ便利ですね。パターンの数もそこそこあるので、コーディングベースでの装飾に使えそうです。
