ログインして、InfoQのすべての体験をアンロックしましょう!お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し/使いこなす」企業の最前線をお届けし ...
2012年2月18日 (土⁠)⁠、 SwapSkillsの第25回となる 「CSSを便利に使うための LESS入門」 が大田区産業プラザにて開催されました。LESS (レス) とはCSSの拡張メタ言語で、 CSSコードの抽象化 (圧縮化) や、 コード資産の蓄積と再利用が可能といった ...
CSSにおけるWeb 開発の生産性を向上させると言われるメタ言語「Sass」と「LESS」。ここでは、それらがどういったものか、また具体的にどのように使うのかについて解説する。 制作・文/酒井能克(有限会社ブルームーン) CSSフレームワークの生産性を向上 ...
CSSファイルを通常のCSSファイルとして作成するのではなく、より抽象度を高めて継承的なアプローチをしたり、よりモジュール化された部品として扱いたい場合にはSassやLessといったフレームワークが使われることが多い。Firefox 29が実装した開発機能によって、これまでSassやLessを扱ってきた ...
Sassを活用して効率よくCSSを記述する(前編) CSS開発の生産性を劇的に改善できると話題になっているSass。ここではSassを使用することによってどんなメリットがあるのか、また具体的にどのように使うのかについて解説する。 CSS3はさまざまなプロパティが ...
MozillaのWebデベロッパーブログに掲載された記事「Live Editing Sass and Less in the Firefox Developer Tools」が、Firefox 29に搭載されている新機能を伝えた。SassやLessを使っている場合でもオリジナルファイルのどこの値が使われているかをトレースできるようになる。
CSSをより柔軟に、 わかりやすく、 速く、 ミスを少なく記述できる 最近、 CSSの拡張メタ言語 「LESS」 が話題になっています。LESSとは、 かんたんに言えば、 CSSの良いところを活かしつつも 「より柔軟に」 「よりわかりやすく」 「より速く」 「よりミスを ...
SCSS / SASS の導入と使い方 ― CSSの拡張構文で開発効率を飛躍的に高める方法 CSSは強力なスタイル言語ですが、構造化・再利用・保守性の面ではやや限界があります。 その限界を突破するために登場したのが Sass(Syntactically Awesome Stylesheets) です。 この記事 ...
翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...