Tag : メモ

【2018年版】media queryにおけるBreakPointの設定をmixinにする

2016年にあらかじめブレイクポイントごとのmixinがあると便利なはず!と思い、Breakpointに関するmixinを作りました。が、あれから2年たってみて...

【CSS】CSSでクリアガラスみたいな見出しを作るメモ

今回のCSSで作る見出しのメモはクリアガラスのような見出しをCSSだけで作るメモです。 こんなかんじの見出しを作ります。 見出しサンプル 上のサンプル...

【CSS】display:flexを使ってグリッドデザインのテンプレートを作ってみた話

Bootstrapに代表されるようなフレームワークはいっぱいあります。web制作する人にとってフレームワークの有無は作業工程の短縮や作業効率のアップに関係すると...

【CSS】今さらだけどcssのセレクタの親子関係の確認まとめ

今さらだけど、CSS3で追加されたセレクタも合わせてCSSのセレクタの親子関係をまとめてみようと思います。 ここでは、便宜上、クラス名を親、子、孫といった...

【mixin】compassに頼らないでflexboxのmixinを作ってみた話

フレキシブルにボックスを変化させるレスポンシブ時代の救世主(?)flexbox。いつまでもcompassに頼っているのもどうかなと思って少しは自分で@mixin...

【wordpress】プラグイン「Prime Strategy Bread Crumb」のパラメータをいじるためのメモ

パラメータをつかってカスマイズし放題のプラグイン「Prime Strategy Bread Crumb」を好んでよく使っているのですが、パラメータの中身をひたす...

【CSS】CSSだけを使ってアプリによくあるフリックすると動くメニューを作ってみた話

アプリを使ってるとよく見るフリックすると、そこのブロックだけが動くメニューのUI。あれを再現してみることにしました。パッと見、javascriptも使ってそうな...