css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
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編

プラグイン:...

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

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

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

Sharing your Whiteboard

Zero Setup

Ziteboard offers another quick and easy to use virtual whiteboard with zero setup required. Navigating your browser to ziteboard.com is all it takes to begin with again a blank canvas,...