Sass(SCSS)の基本機能|メリット・デメリットも紹介！ | Bigmac inc
仕事でHTMLコーディングする人の約7割が、Sass(SCSS)を使用しているという調査結果があるように、コーディングする上でSass(SCSS)は欠かせない便利なものとなってきています。今回はSass(SCSS)の基本情報からメリット・デメリットもふまえて紹介していこうと思います。 Sassとは？ まず、Sassを使ったことがない方に向けて、簡単にSassの使い方を説明します。Sassとは「Syntactically Awesome Stylesheets」の略で、訳すると「構造的にとても凄い(最高な・素晴らしい)スタイルシート」という意味になります。 SassにはSASS記法・SCSS記法という2種類の記法があり、元々はSASS記法が採用されていましたが、CSSとの互換性に乏しいなどの理由から、CSSとの互換性を高めたSCSS記法が作られました。SCSSはCSSと記法が近いため、CSS
HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ！？ | 滋賀／京都／大阪でホームページ制作ならYUKiYURi WEB
HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ！？ 長いタイトルですがつまりそういうことです。主にCODEPENで使えるHTML/CSS/JavaScriptのテンプレートエンジンとかプリプロセッサとか軽量プログラミング言語とかをまとめてみました。後半尻すぼみになってる感は否めません。 【2015年12月23日追記】 Googleトレンドの使い方を間違ってた部分があったので1年ぶりに訂正しました。トレンドも2015年11月までの最新にしてみました。 HTML関連 人気順 いきなりですがGoogleのトレンドを調べてみました。最初にこれを頭に入れておくと良いんじゃないかと思います。2010年10月から2015年11月までの期間です。現在から過去5年
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- - e2esound.com業務日誌
ホーム > html | Ruby > それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- 古い それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- それ全部middlemanでできるよ？ と思ったので書いてみる。 SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 ｜ クラスメソッド開発ブログ SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 ｜ クラスメソッド開発ブログ Middlemanとは? Middleman: Hand-crafted frontend develo
Middlemanを使うことにしました - e2esound.com業務日誌
仕事の中でHTMLを書く比重が否が応にも増えつつあります。田舎にいるのでそういったお仕事のお話もありますし、WordPress等のCMSへHTMLを組み込む前段階として使う場合もあります。外注さんにお願いする手段もありますがCMSの組み込み辺りを考慮した場合、なんだかんだと自分でやった方が最終的に早いです。 このHTMLの業務量の増大に備えて何かいい方法がないかと探していました。例えばCodeIgniterのView周りをいじって簡単にサイトを組んで出力させるとか、silexやSinatraでテンプレートエンジン使うとか。 そんな時、FacebookでMiddlemanというものがあるのを見て、試して、使って〜設定して今に至ります。どうでもいいところでハマったりしたのでまとめておきます。 yterajima/my_middleman Middlemanとは Middlemanはgemとして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
