Mach3.laBlog

CSSのアーカイブ

LESSTESTERのアップデートと最近得た知見の話

数年ぶりに LESSTESTER をアップデートしました。 何故数年放置しておきながら今になってアップデートをしたかというと、 案件等で得た経験を試す実験場としてとてもお手頃だったからです。

LESSTESTERのアップデートと最近得た知見の話

続きを読む

最近のトグルボタン実装を少し考えてみる

最近ではIE6/7対応がほとんど無くなり、泥臭い手法を取る必要が少し減ってきました。 様々な場面で頻出するトグルボタンUIもまた、以前に比べて少しモダンな形での実装が可能になってきています。

最近のトグルボタン実装を少し考えてみる

続きを読む

“Minify” – Alphabetical Advent Calendar 2013

“M” は minify の “M”。

M

続きを読む

“LESS” – Alphabetical Advent Calendar 2013

“L” は LESS の “L”。

L

続きを読む

FlashCS6+で生成したスプライトシートをjQueryでロードする実験(後編)

前編に引き続き、FlashCS6のスプライトシートをjQueryで処理するお話です。 処理をライブラリにまとめましたので、ご紹介します。

FlashCS6+で生成したスプライトシートをjQueryでロードする実験(後編)

続きを読む

FlashCS6+で生成したスプライトシートをjQueryでロードする実験(前編)

結構前の話ではありますが、FlashはCS6から、アニメーションを「スプライトシート」として書き出す機能が実装されています。 これはCreateJS等で簡単に再生出来る様になる便利な機能ですが、 今回はこのスプライトシートをjQueryで再生してみようというお話です。

FlashCS6+で生成したスプライトシートをjQueryでロードする実験

続きを読む

コーダーさんの為のGrunt入門(後編)〜CSSプリコンパイラ編

前編の導入編 に続いて、 コーダーさんにとって強力な武器である、Less/Sass/Stylus等のCSSプリコンパイラのコンパイルを Gruntにお任せしてみる方法を紹介していきます。

コーダーさんの為のGrunt入門(後編)〜CSSプリコンパイラ編

続きを読む

ブロック要素の高さを行毎にあわせるjQueryプラグインを習作する

既知の類似プラグインは多数あるこの課題ですが、ちょっと習作してみました。 横並びにレイアウトされたブロック要素の高さを揃えるライブラリです。

ブロック要素の高さを行毎にあわせるjQueryプラグインを習作する

続きを読む

スタイルガイドを生成する「StyleDocco」の使用感

先日スタイルガイドを制作する機会がありまして、 せっかくなので、スタイルガイドの生成に利用したStyleDoccoの使用感などをまとめておきます。

スタイルガイドを生成する「StyleDocco」の使用感

続きを読む

CSS3のbox-shadowでお絵かきアプリを書いてみたものの…

先日、CSS3のbox-shadowで描画されたモナリザが話題となりましたが、 インスパイアされて同じ手法でお絵かきアプリを作ったらどうなるか試してみました。

CSS3のbox-shadowでお絵かきアプリを書いてみたものの…

続きを読む