ゆずめも

メモ的なブログです。主に勉強した事について書いてます。

CSS

transform scale使用時にオリジナルのボックスサイズを縮小する

CSS

css transform scaleとは cssのtransform: scaleを使うと要素を任意の倍率に縮小・拡大できる developer.mozilla.org ただしボックスサイズには影響を与えないのでzoomと違って縮小した場合に元のボックスサイズが維持される 前提 縦横サイズが固定などでわ…

chakra-uiでthemeからカラーコードを取得する

chakra uiのテーマ機能を使用しgray.300のような値を特定のカラーコードに変換できるようになっているが、chakra uiのコンポーネントでは無いものに値を渡すに当たってカラーコードハードコードするのも…と考えていた所、ちゃんとカラー文字列をカラーコード…

タイトルの横に線を引きたい

CSS

先に見本を示すとこういう事がしたかった See the Pen タイトルの横に線を引く by yuzu (@yuzu441) on CodePen. 参考にしたもの beatdjam.hatenablog.com やりたかったこととの差 参考にさせていただいた例では左右に線を引いて文字を真ん中に持ってきていて…

数年振りにcssについて調べてsassを書いてみた

CSS

久しぶりにWebページを作る仕事が来て js関連は調べてるけど、css関連は全く知らないのでcss周りについてちょっと調べた 情報収集 とりあえずパイが多いやつってなんなんだろうと思って調べた ashleynolan.co.uk PostCSSはなんかbabel的なやつでしょという理…

npmでインストールしたmaterial-design-liteからmaterial.min.cssが無くなった件

CSS

npmで入れたmaterial-design-liteがupdateされてmaterial.min.cssが無くなっててつらい— ゆず (@yuzu_441) 2015, 8月 26 gitからプロジェクトダウンロードしてきて、npm install実行して、server起動してアクセスしたら、material.min.cssが無いよ!って言わ…