React.jsのCSSアニメーション

2015-04-18T00:00:00+09:00 JavaScript React.js CSS

公式ドキュメント: https://facebook.github.io/react/docs/animation.html

参考: http://qiita.com/koba04/items/236014c955f8af14d3fc

追加されたり削除されたりした際にCSS Transition等を使ってアニメーションが出来るようにしたいとかまぁあるあるパターンだと思いますが、そういうのもサポートされてる模様

Twitter Bootstrap+sidr.jsによるスライドコンテンツ領域に関して

2014-02-08T00:00:00+00:00 CSS JavaScript

簡単に言えば

じゃなくて

っていうようにTwitter Bootstrapのナビゲーションバーもスライドさせずに下のコンテンツ部だけをスライドさせるようなUIな仕組みにしたい場合

Twitter Bootstrapとjquery.sidr.jsを組み合わせてみる

2013-04-13T00:00:00+00:00 CSS JavaScript jQuery

http://www.ideaxidea.com/archives/2013/04/sidr.html というのがあるのだけど、Chrome Extension+Twitter Bootstrap活用で使えないかと思いやってみた

Twitter Bootstrapのボタンを押した際にモーダルダイアログを閉じる方法

2013-04-10T00:00:00+00:00 CSS

data-dismissを設定すれば良いらしい

lesscss

2013-01-31T00:00:00+00:00 CSS

http://lesscss.org のマニュアルを読みつつ使ってみる

Media Queryで云々

2012-06-17T00:00:00+00:00 CSS

見て分かるように幅を小さくする事でサイドバーのコンポーネント側のCSSで変な事になってる。まぁ直せるのですが、そもそも「幅が足りない時はサイドバーいらなくね?」的な。という事でMedia Queryを使ってむちゃぶりでサイドバーを消す