タグ

web制作と*STACK*に関するyadokari23のブックマーク (2)

  • 【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|知らないと損な機能編 | DevelopersIO

    はじめに 基礎編、Compass基礎編ともにたくさんのシェアありがとうございます。この記事は若干釣りっぽいタイトルをつけてしまい・・・あぁ「知らないとちょっと損な機能編」に書き換えようか迷ったけど保存せずにそっとタブを閉じました。 今回は知っている人にとってはそんなの基だろう!っと思うようなものですが自分のようなマニュアルを読まない日人向けに(といってもドキュメント英語だし・・・)SCSSを使う際に知らないと(ちょっと)損な機能について紹介したいと思います。 SCSSで扱うファイルの違い - partials SCSSで扱えるファイルには2つの種類「アウトプットされるファイル」と「インポート専用のファイル」があります。 このインポート専用ファイルのことをpartials(パーシャル)と呼ぶそうです。 インポート専用ファイルは先頭にアンダースコアを指定し「_sample.scss」のよう

  • 「LESS&専用エディター」でCSSをシンプルに書こう

    「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう 連載の3回目の今回は、ライブラリ初心者へ向けて、やさしい内容で書いています。そのため、内容は簡単でシンプルです。ぜひ、一度試してほしい! 変数などのプログラミングの基礎的な考え方もCSSで学べるので、やってみてくださいね(一部サンプルコードはLESS公式サイトのコードを参考に使用しています)。 LESSとは LESSの特徴 LESSを使う準備 LESSを使ってみよう 「CSS」ファイルに変換するアプリ LESSを使ってみて…… 1.LESSとは LESSは英語で「少なく」といった意味です。CSSをシンプル(少なく)に効率よく書くためのもので、CSS拡張メタ言語の1つです。 では、CSS拡張メタ言語では何ができるのでしょうか? 変数 ミックスイン 入れ子ルール

    「LESS&専用エディター」でCSSをシンプルに書こう
  • 1