その33ヶ月つづけてみました。buttonということを知りました。webkit限定ですが、CSSである程度カスタムできることを知ったので、早速カスタムしてみました。💻2019-02-01IE11で動的に属性セレクタを変更した際にスタイルが反映されないCSSその昔、Androidではまったことがありましたが、まさかIE11でも動的に属性セレクタを変更した際にスタイルが反映されないとは思いもしませんでした。CSS自分の関わった過去のプロジェクトを見返すと、grantを使っていたり、gulpをつかっていたり、webpackを使っていたりして、ウェブフロントエンドの開発環境の移り変わりの早さを感じます。最近は環境構築が面倒なので、JavaScriptもHTMLも生で書いてしま...node-sassをつかってscssをcssにコンパイルする2018-09-21CSSでテキストのアンチエイリアスの感じを調整するCSS-webkit-font-smoothing、-moz-osx-font-smoothingとかってなんだろうとおもって調べてみたのですが、mozillaのページにすべてが載ってました。CSSこれからしばらくの間は、おとなしくこれらに従って生きていこうと思いました。Styleguide2017-09-03CSSでポヨンとしたボタンをつくりました。wi...CSSでポヨンとしたボタンをつくりました。2017-08-11夏なのでCSSで蚊取り線香をつくって蚊が寄ってこないページをつくりました。CodePen.まず、CSSで蚊取り線香をつくりました。夏なのでCSSで蚊取り線香をつくってみました。2017年7月27日半円を互い違いに組...夏なのでCSSで蚊取り線香をつくって蚊が寄ってこないページをつくりました。古くなってきたので、iPhone7につくりかえてみました。以前のコードと比べると、要素数が少なくなっていて成長を感じますね。その22017-06-07iOS11向けにウェブARコンテンツをつくってみました。INC.)に抵触しているというご指摘をいただきました。掲載内容を不適切と判断し、該当箇所を削除させてい...iOS11向けにウェブARコンテンツをつくってみました。😎2017-04-18webpackを導入してPostCSSをCSSに変換してCSSファイルを書き出せるようにする。^なにか新しいことをはじめたくなりますね。^前回はwebpackをつかってJavaScriptでimportをつかえるようにしました。今回は、webpackでPostCSSをつかえるようにします。kimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenabl...webpackを導入してPostCSSをCSSに変換してCSSファイルを書き出せるようにする。その5)2017-02-06CSSでロングシャドウをつくってその影で影時計をつくりました。CSS最近、家に時計がないことに気づきました。世の中から時計という装置がどんどん減ってきてるのではないかと思いました。反面、ありとあらゆるものに時計機能が付随して...CSSでロングシャドウをつくってその影で影時計をつくりました。line-height(1行のときのみ)とか色々頑張ってきたけど、今後はflexboxをつかうと決意した。いったって、いままでの試行錯誤と違って専用のプロバティだし。解決する場合があるCSS大体1年前の記事で取り上げたUIをブラッシュアップしている時に気づきました。カードをドラッグした時に、テキストが点滅するんです。執筆させていただいたのですが、それからというものアプリっぽいUIをCSSでつくることにハマっています。つかってiTunesのようにスクロールできるUIをつくってみました。本当のiTunesにはスクロールバーがついているのですが、なんとなく無い方がかっこいい気がして消しています。CodePen.チェックボックス、隣接セレクタ、checked擬似クラス、target擬似クラスを活用してJavaScript無しでの動作を実現しています。