PageLayersとSlicy。 今後の作業が激変しそうなmacアプリを2個も見つけてしまいました….. 僕が知らなかっただけでしょうか。そうだとしたら今まで相当損をしていたような気がします。 そこまで思わせるような作業の短縮には持って来いのアプリを紹介します。 webサイトを高精度でPSD化してくれるアプリ「PageLayers」 PageLayersはwebサイトをPSDに変換してくれるアプリです。 Designing web browser。 レスポンシブなどで制作する際ってマークアップと同時にデザイン作業を行うこともありますが、このアプリがあれば後からPSDに変換出来ます。 実際に僕のサイトで試してみました。 すると、デスクトップにはLayman’s web creation.psdというファイルが出現しました。 え？まさかこれだけでPSD化したの？という感じです。しかも全然時間

こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh