Mach3.laBlog

CSSのアーカイブ

ラジオボタンでグラフィカルなトグルボタンを作ってみる

HTMLでトグルボタンを実装するにはinput[type=radio]が近道ですが、 リッチな雰囲気にする為に見た目を制御したい。今回はそんなお話です。

ラジオボタンでグラフィカルなトグルボタンを作ってみる

続きを読む

シンプルなスプライトアニメーションライブラリ 「MovieCrop.js」

CSSスプライトを使用したアニメーションライブラリは既に色々と選択肢がありそうですが、 敢えて今回これを書いてみたのは、ローテクでごくシンプルな物が欲しかったから。 さらに言ってみれば、それらの選択肢をまだ知らなかったから。

シンプルなスプライトアニメーションライブラリ 「MovieCrop.js」

続きを読む

LessにおけるMixin活用法

Less & Sass Advent calendar 2011 の15日目です!
今日はLessにおけるMixInの活用法について書いてみようと思います。

LessにおけるMixin活用法

続きを読む

LessでCSSはもっと楽になる!(第1.5回Yokohama.js)

昨日行なわれた第1.5回Yokohama.jsで喋らせて頂いたお題です。
使ったプレゼンテーションスライドの紹介など。

LessでCSSはもっと楽になる!

続きを読む

Lessのオンラインコンパイラ「LESSTESTER」を公開しました

どうか「またLessか」と言わずに。
今日は、常日頃からご贔屓にしているLessの
オンラインコンパイラを作ってみたのでご紹介したく。

Lessのオンラインコンパイラ「LESSTESTER」を公開しました

続きを読む

TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた

申し訳ありませんが、このアプリケーションは更新を停止しています。 代替として、より優秀なWinLessLess Parserをご利用ください。

以前何度かご紹介したCSS開発ツールのLESSですが、
コマンドを介したり自前で設定しなきゃいけなかったりで少々面倒なので、
LESS.jsをベースにしたフロントエンドをTitaniumデスクトップで作ってみました。

TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた

続きを読む

IE8/9.jsで、ある条件が揃うとスタイルが飛んでしまう現象について

ちょっとハマったので備忘録。
IE7.jsは、クラシックなIEでモダンブラウザの機能を使うためのライブラリですが、
その系列のIE8/IE9.jsを使ってある条件が整うと、スタイルが消えてしまう不具合に遭遇しました。

※執筆当初のIE7.jsの最新バージョンは、7.2.1(beta4)

IE8/9.jsで、ある条件が揃うとスタイルが飛んでしまう現象について

続きを読む

条件分岐に特化したリソースローダー「yepnope.js」を試してみる

最近ブログ記事のソースコードで見かけるようになった「yepnope.js」を試してみました。
条件分岐によって読むリソースを切り分ける事に特化したライブラリです。

条件分岐に特化したリソースローダー「yepnope.js」を試してみる

続きを読む

JS/CSSでふわりとフェードするボタンをつくる

震災後、なんやかんやで2週間あけてしまいました。こんにちは、私は元気です。
今日は、せっかくCSS3で色々な事が出来るようになってきたところで、
ふわりとフェードするボタンの作りなどを記してみる。

JS/CSSでふわりとフェードするボタンをつくる

続きを読む

head要素に読み込むべき唯一のスクリプト「headjs」

Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、
「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。

headjs

続きを読む