RECESS
Overview Developed at Twitter to support our internal styleguide, RECESS is a simple, attractive code quality tool for CSS built on top of LESS. Incorporate it into your development process as a linter, or integrate it directly into your build system as a compiler, RECESS will keep your source looking clean and super managable. Tweet Installation Run the following line in your terminal: $ npm inst
CuttySSark • Labs by Big Room Studios
CuttySSark Navigate the wild waters of event-driven style changes. A lightweight polyfill adding support for JS event triggering and matching in stylesheets using standard CSS2 selectors. August 29nd, 2013 by Devin Ivy Often events are registered using JavaScript for the sole purpose of updating styles. Especially with the advent of CSS animations and other CSS3 syruppy sweetness, simple style cha
もう知らないでは許されない!! 「ずっとjsdo.it使ってる」という人のためのjsdo.it情報まとめ
[追記] Gistに上げたコードをロードすることも出来るけど、日本語化ける。は修正されました！エディタ画面に追記jsdo.itで覚えておきたい10のこと | げことじ。 をだいぶ前に書いたのですが、2012/11/01時点での僕が気づいた事を書いておきます。 個人的にはSass, Lessが書けるのはいいなーとおもいます。 目次ツールバーユーザープロフィール画面コードの詳細画面エディタ画面アカウント設定画面ツールバー(?)右上で日本語と英語の言語切替ができるようになったユーザープロフィール画面(ポートフォリオ)Works 自分の書いたコードからお気に入りをWorksに追加したり並び替えたりできる。Skills Editを押して自分のスキルを選ぶHot tags 自分がコードにつけたタグの比重Categorys 自分がコードにつけたカテゴリの比重HTML/CSS/JavaScript 自分が
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
サークルがランダムに配置される背景をSVGで作る
SVGを使って、毎回ランダムな色・大きさ・配置でボケ（bokeh）なサークルを作ってみます。 まあやってることは前回の「Kawaii Bubbles!」とあんまり変わりませんけど……。 前回はli要素を使ってやったのですが、背景として使うには適切ではないとかもなーと考えてました。で、SVGなら画像だから別にいいかと思って、今回のを作ってみました。 Random Bubbles Background with SVG デモファイルをダウンロード 始めはCSS BackgroundでSVG読み込ませようとしたりimgで置こうとしたんですが、それだとSVGのスクリプトは実行されないので、HTMLファイルで読み込んでいるJavaScriptでSVG要素を作ってインラインSVGとして追加することにしました。 今回の各ファイルは次のようになっています。 使ったテキストは与謝野晶子の「セエヌ川」です。
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
うのらぼ。 - 【Javascript】QUnit導入と単体テスト–第1回社内勉強会
qUnit本体 http://dev.jquery.com/view/trunk/qunit/testrunner.js CSS http://dev.jquery.com/view/trunk/qunit/testsuite.css jquery http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js メソッド test(name, test_func) … 通常のテスト asyncTest(name, test_func) … 非同期テスト module(name) … テストのグループ化 ok(state, message) … stateがtrueならテスト通過、falseならテスト不通過 テストが正常に通過したか、関数が正常に動作しているか、などのチェック sample $(function(){ module('samp
MultiTouch DragAndDrop + Gesture で Microsoft Surface 的な - latest log
続き書きました http://d.hatena.ne.jp/uupaa/20100629 MultiTouch の習作として、Microsoft Surface ( youtube: http://bit.ly/1wTzk ) に似たインターフェースを js で実装してみました。 ピンチで拡大。回転。トリプルタップで元のサイズに戻ります。 demo http://bit.ly/b3BZdr ( http://uupaa-js.googlecode.com/svn/trunk/0.8/test/ui/gesture_drag.htm ) jsdo.it にも置きました http://jsdo.it/uupaa/MultiTouchDragAndGesture jsdo.it では、コンテンツがiframeの中でロードされ実行されていますが、iframeの外側(jsdo.itの実行環境)で、各
gzip圧縮してcssとかjsとか転送してみた
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / なんか高速化したいとかどうとかいう話があったのでローカルでちょろっと試した。 html5 boilerplate にある.htaccessのなかにある、Gzip Compressionの内容をコピってapacheの設定ファイルとかに書けば動いた。 html5 boilerplate - .htaccessこれやると、ファイルをgzip圧縮してからクライアントに転送してくれるらしい。 gzip圧縮なし gzip圧縮あり ファイルサイズが1/3ぐらいになってる。スゴシ。でもよく見るとgzip版の方がダウンロード完了までの時間が長い。これは、サーバー側では、リクエストがあったら圧縮して転送し、クライ
Browser CSS/JS loading capabilities
Just a little chart to help me remember what supports what, since this stuff is a pain to feature-test. Test your own browser here. Browser <script> <link> onload onerror load error onreadystatechange onload onerror load error onreadystatechange Got feedback or more data? I'm @yaypie on Twitter. Or email ryan@wonko.com.
13 jQuery SelectBox/Drop-down Plugins — SitePoint
There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stroll.js - CSS3 Scroll Effects
Happy Easter!
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
A 3D FPS concept using HTML and CSS3 transforms by Keith Clark
DiceJS : Dynamic CSS with JavaScript
Components · Twitter Bootstrap