【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 ｜ Developers.IO

2013/03/11 59 users Developers.IO Retina Display

すぐに使えるSCSS入門 【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 NEW: 2013年03月11日 はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前回はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成... 続きを読む

コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 ｜ クラスメソッド開発ブログ

2013/02/03 181 users コーダー必見 SCSS・Compass 秋葉原 リア充 チョコ

すぐに使えるSCSS入門 コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ... 続きを読む

コーダー必見、SCSS・Compassで開発効率アップ｜Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ

2013/01/20 283 users コーダー必見 SCSS・Compass Scout Mac

はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロ... 続きを読む

【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜知らないと損な機能編 ｜ クラスメソッド開発ブログ

2012/10/25 80 users Webデザイナ コーダー向け クラスメソッド開発ブログ

はじめに 基礎編、Compass基礎編ともにたくさんのシェアありがとうございます。 今回はSCSSを使う際に知らないと損な機能な指定方法について紹介したいと思います。 SCSSで扱うファイルの違い – partials SCSSで扱えるファイルには2つの種類「アウトプットされるファイル」と「インポート専用のファイル」があります。 このインポート専用ファイルのことをpartials（パーシャル）と呼... 続きを読む

【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Compass基礎編 ｜ クラスメソッド開発ブログ

2012/10/23 266 users Webデザイナ コーダー向け クラスメソッド開発ブログ 変数

はじめに 季節の変わりめで風邪をひいていませんか？僕は38度の熱で会社を休みました。ごめんなさい。 前回は「【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編」でGUIでSCSSを使えるScout.appのインストールからセットアップについて、またSCSSの4つの主な機能「変数」「宣言ブロックのネスト」「Mixins（関数）」「セレクタ継承」についてご紹介しました。 そこで、今回は... 続きを読む

【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編 ｜ クラスメソッド開発ブログ

2012/10/09 336 users コンソール Webデザイナ 呪文 コーダー向け 文系理系

はじめに 早速ですがみなさん、黒い画面（コンソールやターミナル）はお好きですか？ ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。（今では好きですよ、黒い画面） 今回は、すぐに使えるSCSS入門｜基礎編ということで、「黒い画面など見たくない！」というあなたにも、GUI操作だけで... 続きを読む