Nexus 9
PS4
Intuos Pro
Core i7-4790K
Category:Web制作

SCSSがもっと普及しますように…というわけで、SublimeText3でSCSSを記述→CSSにコンパイル出来る状態にするまでの流れを解説します。

有名な方法なので知っている人がほとんどだとは思いますが、知らない人は覚えておくといいでしょう。

ソーシャルボタンを横並びにしたとき、Facebookのいいねボタンだけ位置が下にズレる!そんな時はCSSで解決です。

Webサイトにいいねボタンを設置したけど、もう少し大きく表示してFacebookとの連携を強くしたい…そんなあなたにオススメなのがCSS3のtransformです。

『TinyPNG』はWebサービス、『PNGoo』はWindows用のフリーソフトです。PNG画像はロゴやアイコンなどでよく使われる形式のため、ブログやWebサイトの表示速度をUPさせたい人は要チェック!

日頃からCSSを書いている人なら一度は思う「変数とか関数とかネストとか使いてぇ!」を叶えてくれる、魔法の言語『Sass』の魅力を伝えます。

手作りチョコレートは作れないけど、手作りCSSチョコレートは作れました。

CSS初心者の頃、どう考えてもpositionを使うべき複雑なレイアウトを、floatとmarginで無理矢理組み立ててたのが懐かしいです…

CSS3で追加されたbox-sizingというプロパティを使うと、煩わしい横幅の計算がグッと楽になります。

jQueryの練習で作ってみました。極力シンプルにしたので、コピペして動かせばすぐに理解できると思います。