webpackを使ってJSとCSSをコンパイルする(ES6 / Sass)


Railsでいきなりwebpack使おうとしたけど、基本がわかってなさすぎたので、webpack単体で遊んでみることにした。GulpとかGruntとかあるけど、個人的にはwebpackが一番分かりやすい。

いままでちょっとしたコーディングならCodekit使ってたけど、webpackでもいいかな。

続きを読む

3カラムのフロントエンドの話


このブログのデザインを変えたのですが、
作業したフロントの内容を小さくわけて残しておこうかと。

続きを読む

彼らが !default を付けない理由 / Bourbon / Neat / Bitters


ThoughtBot がメンテナンスしてる有名なCSS関係のプロジェクト。
Bourbon / Neat / Bitters、あと Refills てのもあるけど、必要なのは最初の3つかな。

続きを読む

Rails / HTMLメールの作成を簡単にしたい


RailsでHTMLメールの作成、どうしてますか?
基本的にCSSが使えないので、テーブルでレイアウトしてインラインCSSを使うのですが、普通に作ると結構苦痛。メンテナンスもしづらいし、似たようなデザインで別のメールをつくる時もテンプレート間でスタイルが共有できないので、ああ… となります。

続きを読む

アイコンとかに便利なSassの書き方


CSS Spriteでアイコンを表示させるってのは良くやるけども、
意外にもSassで書いたのは初めてだったので、メモ。

続きを読む

:nth-of-typeと:notの組み合わせはうまくいかない


いろいろ悩んだけど、結局できないことがわかった。

続きを読む

ストック / チェックボックをいい感じにするCSS


変えたいけど変えるとなると結構めんどくさいチェックボックスのスタイリング。。。
また使いそうだからメモしておきます。結構なやんだ。

続きを読む

MacでWindows XPとかを無料で動かす。IEのテストにいいね。


今やどこに行ってもMacBook Pro、Air、iPad…。ふと周りを見渡すとそのアップル製品使用質にビビります。15年前にこんなことになろうとは思っていなかったなぁ。ウェブ開発するにもとても便利なMacですが、たまにウインドウズが必要な時もあったりしてね…。昨日の記事でVirtual Boxのこと書いたからついでに。

続きを読む