SCSSでWordPressのカスタムをするのが思っていたよりかなり便利だった件
JetPackを入れています。それで、特に意識をしてはいなかったのですが、SCSSが独自CSSをカスタマイズする画面で使えるようになっていました。 ですので試みに機能をONにしてみた（プリプロセッサをSass(SCS …
[CSS]クラス名での絞り込み[セレクタ][memo]
属性名での絞り込みを使ったクラス名によるセレクタ絞り込みのメモ。 属性名での絞り込み [属性名^=”forward”] /* 前方参照 */ [属性名$=&# …
[CSS]一部ブラウザでKeyframe内に設定したflexboxのorderがきかない[memo]
トップページにCSSでスライダーを表示したのですが、それをiOSで表示確認したとき、なんかちゃんといけてなかったので、いくつかのブラウザで確認しつつ原因を調べてみたところ、どうやら題名どおりの事態になっているらしいこと …
flexbox用mixinのメモ
ランディングページでスライダーをCSSのみで実装することにしました。 で、スライダーを並べるために、flexboxを使うことにしました（IE9という障壁はもう考えないことにしています）。 ただ色々とプレフィックスと …
WordPressの独自CSSをSass(SCSS)で書く方法
いつの間にかできるようになっていたのでメモです。 手順 カスタマイズ→独自CSS 「プリプロセッサ」の欄を「Sass(SCSS Syntax)」に これで完了です。こうするとSCSSが使えるようになるみたい。 もしか …
CSS変数についての対応状況のメモ
を読んで、どのブラウザがCSSのカスタム変数に対応しているのか疑問に思いましたので、Can I useで確かめてみることにしました。 Can I useのCSS変数に関するページ です。この記事が古くなっても、CanIU …
CSSを弄って、モバイル用デザインの記事フォントサイズを変更
モバイル用デザインについて、生地のフォントサイズを変更しました。 Verbosaはある程度モバイルでもいけるテーマ Verbosaでは、いい感じにモバイルでもデザインを結構保ったまま閲覧することができます。 今まではモ …
一番上に戻るボタン、について。
こういうのを見かけたので、記録。 Verbosaには元々付いているし、どうやらWordPressテーマではそれなりに装備はしている…のかな。 WordPressでのトップに戻るボタン WordPressでのトップに戻るボ …
[memo]Vistaサポート終了→IE9サポート終了にあたって使用の障壁が薄くなったCSS色々メモ
Vistaサポート終了によりIE9サポート終了。 では何が使えるようになったか。 Can I useで少し確認。 おそらくFlexbox、Gradient（Gradientは一寸ましになった程度、か？ベンダープレフィッ …
WordPressプラグイン『Autoptimize』の紹介と導入/使用方法
このサイトでは、WordPressのプラグインであるAutoptimizeを使用してある程度の軽量化を行っています。 便利ですし、防備録もかねてインストール方法などの紹介をいたします。 Autoptimizeとは …