https://paiza.hatenablog.com/entry/2018/10/24/PC%E3%83%BB%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%8B%E3%82%89JavaScript%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9

[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル

2018年8月29日2018年8月29日コメントする

https://coliss.com/articles/build-websites/operation/css/css-breadcrumbs-and-multi-step-by-codyhouse.html
mailフォームなどの進捗にも使えそう

[CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ

2018年8月29日コメントする

https://coliss.com/articles/build-websites/operation/css/layout-for-responsive.html
最近に限らず、代表的なレスポンシブレイアウト例
アニメや図で分かりやすく表示し、その通称を紹介。
ソースは紹介していないので、通称でggr

使われていないｃｓｓを発見してくれるジェネレーター

2018年8月13日コメントする

【決定版】タブレットでPCサイトを縮小表示をする方法

2018年6月15日コメントする

https://prankplan.jp/contents/cssdesign/tablet-viewport

[CSS]画像を暗くしてみる

2018年6月8日コメントする

http://pilgrim-guild.com/background-darken/
CSSで背景画像だけ暗くする方法！
https://web-record.net/css%E3%81%A7%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%81%A0%E3%81%91%E6%9A%97%E3%81%8F%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%EF%BC%81/

border-imageの普通の書き方

2018年5月24日コメントする

https://qiita.com/cro46/items/5f9f39ff37d78a8bde3c

これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！

2018年5月24日コメントする

https://html5experts.jp/shumpei-shiraishi/24439/

CSS3のtext-shadowを使ったテキスト装飾のサンプル集

2018年5月14日コメントする

http://kachibito.net/web-design/css3-text-shadow-sample.html

軽快に動くシンプルなホバーエフェクト

2018年5月11日コメントする

リッチなホバーエフェクト５種

2018年5月11日コメントする

マウスの入る角度によって、向きが変わり、立体的にhoverする

レスポンシブのメニュー、スマホ時にはバーガーになるが、動きがかわいい

ホバーでメニュー（ここではたぶんパンくず）が出現するが、この発想はなかった

カードが回転するときにグラデーションを与えることで、カードが立体的に見えるホバーエフェクト

ページが閉じるようにでてくる

コードの臭い消し in CSS

2018年5月8日コメントする

https://qiita.com/hibikikudo/items/2a5272ac8801cd81921d
カオスになる前にコードの臭いを嗅ぎ取って理解しやすく修正しやすい書き方に改める。
css設計ではない上書きしないこつ

cssで矢印

2018年5月8日コメントする

https://copypet.jp/category/parts/arrows/

全画面切り替えアニメーション

2018年4月30日コメントする

https://codyhouse.co/demo/animated-transition-effects/index.html

css onlyアニメーション15種（keyframes）

2018年4月30日コメントする

http://waitanimate.wstone.io/#!/

コピペでできる！CSSとhtmlだけで作る矢印アイコン10種

2018年4月23日コメントする

https://copypet.jp/1125/

stylelint 使い方

2018年4月23日コメントする

https://www.google.com/search?client=firefox-b-ab&ei=fQ_dWvvFHYGr0gSagoboDw&q=stylelint+%E4%BD%BF%E3%81%84%E6%96%B9&oq=stylelint+%E4%BD%BF%E3%81%84%E6%96%B9&gs_l=psy-ab.3..0.10164.11302.0.11688.10.8.0.0.0.0.268.910.0j3j2.5.0….0…1c..64.psy-ab..6.4.640…0i4k1.0.RB47961KT4U