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

CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged stylus

stylus超基礎 - 書き方編

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

まとめ予定

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

書き方編

extend / mixin編

よく使うOperators編

よく使うFunction編

Conditionals / Iteration編

プラグイン:nib編

プラグイン:jeet編

プラグイン:raputure編

書き方

省略

:...

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

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

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