cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

Posts tagged stylus

stylus超基礎 - 書き方編

stylusの勉強会に向けた簡単なまとめです。
codepenでブログ書けるとか便利過ぎてて漏れた。

まとめ予定

書く順番とか特に決めてないけど、なんとなくこんな感じ。

書き方編

extend / mixin編

よく使うOperators編

よく使うFunction編

Conditionals / Iteration編

プラグイン:nib編

プラグイン:jeet編

プラグイン:raputure編

書き方

省略

:...

縦横比を固定して伸縮するブロックを作ってみた

割りと簡単にできそうで、なかなか出来ない縦横比の固定。
結局JS使って実装することが多かったんですが、ちょっと思いついてやってみたら上手くいったのでメモ。

縦横比固定の幅に対して縮尺サンプル