[B! sass] necozineのブックマーク

necozine id:necozine

sassに関するnecozineのブックマーク (6)

Sassを極める！デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじもくじテクニック1　アンパサンド︵&︶テクニック2　演算テクニック3　round() テクニック4　rgba() テクニック5　コメントアウトテクニック6　変数テ
necozine 2013/11/11
基本

sass

テクニック

webデザイン

design

CSS

*まとめ

*CSS

*Sass

*compass
リンク
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。全く関係ない話ですが、ポケットモンスターX・Yが発売されたそうですね。﹁金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！﹂と思っていた僕の予想はまんまと外れました。まあそれはいいとして、今回はSassについてちょっと語らせていただきます。Sassというと、﹁効率、コーディングスピードが超上がるらしい﹂とか、﹁LINE株式会社、株式会社DeNAとかも採用してるらしい﹂という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。それは﹁そもそもSassが何なのかよくわからない。プログラミング言語？？﹂ってことと、﹁インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver︵以下DW︶動かない！GUIソフトってなに！？﹂ってことです。
necozine 2013/10/16
sass

web制作

css

プログラミング

コーディング

dreamweaver

*Sass

*CSS

css3
リンク
WebデザイナーのためのSass/Compass入門先生：石本光司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
necozine 2013/09/28
sass

web

Webデザイン

css

compass

scss

基本

webdesign

slides

***
リンク
HTML・CSS・Sassのコーディング環境 2012 | Webデザインのタネ
一定期間更新がないため広告を表示しています
necozine 2012/11/14
webデザイン

Dreamweaver

sass

webデザイン

css

HTML

コーディング

Editor

環境

エディタ
リンク
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。
necozine 2012/10/15
WordPress

jquery

html5

HTML

iOS

wordpress

css

書き方

jQuery

sass
リンク
Introduction to Sass and How to Setup with Mac + Coda
2014年7月31日 CSS, 便利ツール﹁Sass﹂って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、﹁新しいプログラミング言語﹂というより﹁CSSの新しい装備品﹂といったところでしょうか。一見難しく思えるかもしれませんが、慣れると﹁これなしではいられない！﹂とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは日本語では﹁サス﹂と読まれるようです。拡張子は﹁.scss﹂。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換︵コンパイル︶してCSSファイルを作成します。例えば﹁style.scss﹂のSassファイルを変換する
necozine 2012/06/26
css

web制作

sass

coda

コーディング

scss

mac

html

*Web制作

仕事高速化
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx