やまろぐはてな

yamanokuの技術メモ。Qiitaは怖くて書けない。

CSS

最近考えてる「使いまわせるCSS」について

CSSちゃんの4コマの描き直ししてます〜 こちらは初登場時の一コマ目ですね #マンガでわかるWebデザイン #CSS擬人化 #擬人化 #イラスト基地 pic.twitter.com/R5r9hg6s3V— マンガでわかるGit@書籍版発売中 (@webdesignManga) 2015年2月21日 色々設計思想があり…

ScopedCSSを使って思ったこと

Scoped CSS | Introduction 今個人的にVueを使ってアレコレ試しててVueコンポーネントを使うためにVue-loaderを導入しており、中でtempleteとstyleとscriptを一気に記述できるんだけど、styleで使えるscoped-cssてECSSの設計思想にうまく合いそうだなと思う…

Media Queries でコンテンツ隠すのやめたい

個人的に気にかかってること よくMedia QueriesのブレークポイントでPC時とSP時でリンク先ほかコンテンツを、出したり出さなかったりする制御をしたりするんだけどあれって本当にいいのかという話。そんなことあり得るのかお前とお思いでしょうがまあ聞いて…

CSSプロパティの記述順について - CSScomb解決編

yamanoku.hatenablog.com 以前CSSプロパティの記述順に対してどうするかなどと悩んでいましたが、1つの解決策を見つけました。 CSScombを使用してみる 自分で記述順を悩むなんてアホくさいので機械に全部処理してもらうということになりました。というわけ…

CSSプロパティの記述順について - 問題提起編

CSS

管理というか記述順どうしてますか 会社ではルールを覚える前にアルファベット順で記載したらどうかっていうのがあり、Googleの書式ルールではそれらしい。 確かに複数人との作業では確実性のある法則性なんですが、個人的にはpositionのためのtop, bottom, …

CSS - opacity、visibilityで要素消した時の注意点

マテリアルデザインのCSSアニメーションが顕著になってきましたが業務での気付きがあったので共有メモ。 opacityやvisibilityで要素を消したり出すアニメーション .hoge { opacity: 0; visibility: hidden; transition: all .5s linear; /* allだと重いから…