Enviar búsqueda
Cargar
Sass実践編+Compass入門
•
3 recomendaciones
•
1,646 vistas
Yoshiya OKI
Seguir
DIST.2「Sass Again」発表資料
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 24
Descargar ahora
Descargar para leer sin conexión
Recomendados
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
Toshimichi Suekane
タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜
Masaya Kogawa
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
Koji Ishimoto
Wordpress buddypress3
Wordpress buddypress3
Shoichi Otomo
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
DMMの闇に触れた話
DMMの闇に触れた話
Katsunori Tanaka
Scraping withawsAWSを利用してスクレイピングの悩みを解決するチップス
Scraping withawsAWSを利用してスクレイピングの悩みを解決するチップス
Takuro Sasaki
Recomendados
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
Toshimichi Suekane
タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜
Masaya Kogawa
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
Koji Ishimoto
Wordpress buddypress3
Wordpress buddypress3
Shoichi Otomo
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
DMMの闇に触れた話
DMMの闇に触れた話
Katsunori Tanaka
Scraping withawsAWSを利用してスクレイピングの悩みを解決するチップス
Scraping withawsAWSを利用してスクレイピングの悩みを解決するチップス
Takuro Sasaki
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
Hcmtg 1407
Hcmtg 1407
Tomoki Kobayashi
説明資料
説明資料
Tomoki Kobayashi
私のEC2 2015振り返り
私のEC2 2015振り返り
Kunihiro Morita
Ec2でwebサイトを運用するメリット
Ec2でwebサイトを運用するメリット
Katsuhiro Masaki
ネットワーク構成から考える AWS IaaS 管理
ネットワーク構成から考える AWS IaaS 管理
Hideaki Aoyagi
AWS で VDI / DaaS っぽいものを作ってみた
AWS で VDI / DaaS っぽいものを作ってみた
Hideaki Aoyagi
Rubyで操るAWS 第67回Ruby関西 勉強会
Rubyで操るAWS 第67回Ruby関西 勉強会
Takuro Sasaki
JAWSUG architecture-crowler
JAWSUG architecture-crowler
Takuro Sasaki
【初心者向け】VPSでWordPress構築ハンズオン
【初心者向け】VPSでWordPress構築ハンズオン
GMO HosCon
Jaws ug shimane-1
Jaws ug shimane-1
Mutsumi IWAISHI
Innovation eggcloudnative
Innovation eggcloudnative
Takuro Sasaki
20130406 awsのいろんな使い道@jawsug名古屋
20130406 awsのいろんな使い道@jawsug名古屋
Serverworks Co.,Ltd.
Azure Web Apps 入門
Azure Web Apps 入門
Miho Kurosawa
Virtual boxからVM Importする
Virtual boxからVM Importする
Shinji Saito
「Azureの動くしくみ」の片鱗を見て
「Azureの動くしくみ」の片鱗を見て
Hideaki Aoyagi
(2016/4)春のaws勉強会
(2016/4)春のaws勉強会
Qiu Binbin
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
Kiminori Yokoi
これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
schoowebcampus
Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法
Maboroshi.inc
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Erina Takei
Más contenido relacionado
La actualidad más candente
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
Hcmtg 1407
Hcmtg 1407
Tomoki Kobayashi
説明資料
説明資料
Tomoki Kobayashi
私のEC2 2015振り返り
私のEC2 2015振り返り
Kunihiro Morita
Ec2でwebサイトを運用するメリット
Ec2でwebサイトを運用するメリット
Katsuhiro Masaki
ネットワーク構成から考える AWS IaaS 管理
ネットワーク構成から考える AWS IaaS 管理
Hideaki Aoyagi
AWS で VDI / DaaS っぽいものを作ってみた
AWS で VDI / DaaS っぽいものを作ってみた
Hideaki Aoyagi
Rubyで操るAWS 第67回Ruby関西 勉強会
Rubyで操るAWS 第67回Ruby関西 勉強会
Takuro Sasaki
JAWSUG architecture-crowler
JAWSUG architecture-crowler
Takuro Sasaki
【初心者向け】VPSでWordPress構築ハンズオン
【初心者向け】VPSでWordPress構築ハンズオン
GMO HosCon
Jaws ug shimane-1
Jaws ug shimane-1
Mutsumi IWAISHI
Innovation eggcloudnative
Innovation eggcloudnative
Takuro Sasaki
20130406 awsのいろんな使い道@jawsug名古屋
20130406 awsのいろんな使い道@jawsug名古屋
Serverworks Co.,Ltd.
Azure Web Apps 入門
Azure Web Apps 入門
Miho Kurosawa
Virtual boxからVM Importする
Virtual boxからVM Importする
Shinji Saito
「Azureの動くしくみ」の片鱗を見て
「Azureの動くしくみ」の片鱗を見て
Hideaki Aoyagi
(2016/4)春のaws勉強会
(2016/4)春のaws勉強会
Qiu Binbin
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
Kiminori Yokoi
これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
schoowebcampus
La actualidad más candente
(20)
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
Hcmtg 1407
Hcmtg 1407
説明資料
説明資料
私のEC2 2015振り返り
私のEC2 2015振り返り
Ec2でwebサイトを運用するメリット
Ec2でwebサイトを運用するメリット
ネットワーク構成から考える AWS IaaS 管理
ネットワーク構成から考える AWS IaaS 管理
AWS で VDI / DaaS っぽいものを作ってみた
AWS で VDI / DaaS っぽいものを作ってみた
Rubyで操るAWS 第67回Ruby関西 勉強会
Rubyで操るAWS 第67回Ruby関西 勉強会
JAWSUG architecture-crowler
JAWSUG architecture-crowler
【初心者向け】VPSでWordPress構築ハンズオン
【初心者向け】VPSでWordPress構築ハンズオン
Jaws ug shimane-1
Jaws ug shimane-1
Innovation eggcloudnative
Innovation eggcloudnative
20130406 awsのいろんな使い道@jawsug名古屋
20130406 awsのいろんな使い道@jawsug名古屋
Azure Web Apps 入門
Azure Web Apps 入門
Virtual boxからVM Importする
Virtual boxからVM Importする
「Azureの動くしくみ」の片鱗を見て
「Azureの動くしくみ」の片鱗を見て
(2016/4)春のaws勉強会
(2016/4)春のaws勉強会
About SnapKit - Open source lab -
About SnapKit - Open source lab -
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
くものフレンズ 第1話「あまぞんちほー」 (Amazon Lightsail × WordPress - AWSでWordPressを簡単に運営しよう)
これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
Destacado
Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法
Maboroshi.inc
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Erina Takei
About Sass
About Sass
Minoru Hayakawa
Sass超入門
Sass超入門
Mizuno Renya
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab
Sass勉強会 - メジャーなCSS設計紹介とDocBaseのCSS
Sass勉強会 - メジャーなCSS設計紹介とDocBaseのCSS
Asami Kamei
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
拓樹 谷
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
Yuji Nojima
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット
Kenya Kodaira
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
Hayato Mizuno
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
井上 誠
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Takeharu Igari
Destacado
(17)
Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
About Sass
About Sass
Sass超入門
Sass超入門
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sass勉強会 - メジャーなCSS設計紹介とDocBaseのCSS
Sass勉強会 - メジャーなCSS設計紹介とDocBaseのCSS
Sass/Compass講習会
Sass/Compass講習会
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
CSS の歩き方
CSS の歩き方
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Similar a Sass実践編+Compass入門
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Yasuhito Yabe
Front end develop environment
Front end develop environment
Ryuto Yasugi
CSS拡張メタ言語 Sass が何者かを紹介する | SakanaTech
CSS拡張メタ言語 Sass が何者かを紹介する | SakanaTech
lyca chigyo
20140510_JAWS-UG網元機動隊 山形編
20140510_JAWS-UG網元機動隊 山形編
Tomoya Ishida
20140508_JAWS-UG岩手#1
20140508_JAWS-UG岩手#1
Tomoya Ishida
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
優也 田島
20061007.saas
20061007.saas
Ken SASAKI
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
慎一 古賀
FoundationのSassを使いはじめた人と使いたいと考えている人へ
FoundationのSassを使いはじめた人と使いたいと考えている人へ
Seiichiro Mishiba
Sass less
Sass less
Net Kanayan
CloudFormation で SAP
CloudFormation で SAP
iret Inc.
Gumi study#15 Sass構造化
Gumi study#15 Sass構造化
Haraguchi Go
クラウド・SaaS型 統合基幹業務システム 「CAM MACS」を支える PostgreSQL ~雲に乗ったゾウ~
クラウド・SaaS型 統合基幹業務システム 「CAM MACS」を支える PostgreSQL ~雲に乗ったゾウ~
学 松崎
○○をAWSで作るにはどうすればいい? ~ 構築例とアーキテクチャ図を添えて
○○をAWSで作るにはどうすればいい? ~ 構築例とアーキテクチャ図を添えて
mokomoko9
20140329 JAWS-UG和歌山
20140329 JAWS-UG和歌山
Tomoya Ishida
次世代CSS組版〜Vivliostyle プロジェクト
次世代CSS組版〜Vivliostyle プロジェクト
Shinyu Murakami
Askusa on AWS
Askusa on AWS
Shingo Furuyama
CSSシークレットはどのような書籍か【映像あり】
CSSシークレットはどのような書籍か【映像あり】
Japan Electronic Publishing Association
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
AWSへのWindows Server 2003の移行 そして今後インフラとどう向き合うべきか
AWSへのWindows Server 2003の移行 そして今後インフラとどう向き合うべきか
真吾 吉田
Similar a Sass実践編+Compass入門
(20)
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Front end develop environment
Front end develop environment
CSS拡張メタ言語 Sass が何者かを紹介する | SakanaTech
CSS拡張メタ言語 Sass が何者かを紹介する | SakanaTech
20140510_JAWS-UG網元機動隊 山形編
20140510_JAWS-UG網元機動隊 山形編
20140508_JAWS-UG岩手#1
20140508_JAWS-UG岩手#1
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
20061007.saas
20061007.saas
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
FoundationのSassを使いはじめた人と使いたいと考えている人へ
FoundationのSassを使いはじめた人と使いたいと考えている人へ
Sass less
Sass less
CloudFormation で SAP
CloudFormation で SAP
Gumi study#15 Sass構造化
Gumi study#15 Sass構造化
クラウド・SaaS型 統合基幹業務システム 「CAM MACS」を支える PostgreSQL ~雲に乗ったゾウ~
クラウド・SaaS型 統合基幹業務システム 「CAM MACS」を支える PostgreSQL ~雲に乗ったゾウ~
○○をAWSで作るにはどうすればいい? ~ 構築例とアーキテクチャ図を添えて
○○をAWSで作るにはどうすればいい? ~ 構築例とアーキテクチャ図を添えて
20140329 JAWS-UG和歌山
20140329 JAWS-UG和歌山
次世代CSS組版〜Vivliostyle プロジェクト
次世代CSS組版〜Vivliostyle プロジェクト
Askusa on AWS
Askusa on AWS
CSSシークレットはどのような書籍か【映像あり】
CSSシークレットはどのような書籍か【映像あり】
One ASP.NET の今とこれから
One ASP.NET の今とこれから
AWSへのWindows Server 2003の移行 そして今後インフラとどう向き合うべきか
AWSへのWindows Server 2003の移行 そして今後インフラとどう向き合うべきか
Más de Yoshiya OKI
本当に必要なものを探すためのプロトタイピング
本当に必要なものを探すためのプロトタイピング
Yoshiya OKI
フロントエンドのためのベストバイ
フロントエンドのためのベストバイ
Yoshiya OKI
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
Yoshiya OKI
パフォーマンスを発揮するためのCSS
パフォーマンスを発揮するためのCSS
Yoshiya OKI
とにかく時間が無い案件を乗り切る画像書き出し
とにかく時間が無い案件を乗り切る画像書き出し
Yoshiya OKI
Sassをはじめよう!
Sassをはじめよう!
Yoshiya OKI
Flash Professional CCで何が変わったのか
Flash Professional CCで何が変わったのか
Yoshiya OKI
実際にSoundJSを使ってみて分かったこと
実際にSoundJSを使ってみて分かったこと
Yoshiya OKI
Flashクリエイターはどこへ行く?~未来への道しるべ 会場リアルタイムアンケート結果
Flashクリエイターはどこへ行く?~未来への道しるべ 会場リアルタイムアンケート結果
Yoshiya OKI
HTML5のリッチコンテンツ開発スイートCreateJSで、ここまでできる!
HTML5のリッチコンテンツ開発スイートCreateJSで、ここまでできる!
Yoshiya OKI
「Flashユーザーが取り組むHTML5」アンケート結果
「Flashユーザーが取り組むHTML5」アンケート結果
Yoshiya OKI
F-siteセミナーにおけるFlashトークディスカッションのまとめ
F-siteセミナーにおけるFlashトークディスカッションのまとめ
Yoshiya OKI
Más de Yoshiya OKI
(12)
本当に必要なものを探すためのプロトタイピング
本当に必要なものを探すためのプロトタイピング
フロントエンドのためのベストバイ
フロントエンドのためのベストバイ
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
パフォーマンスを発揮するためのCSS
パフォーマンスを発揮するためのCSS
とにかく時間が無い案件を乗り切る画像書き出し
とにかく時間が無い案件を乗り切る画像書き出し
Sassをはじめよう!
Sassをはじめよう!
Flash Professional CCで何が変わったのか
Flash Professional CCで何が変わったのか
実際にSoundJSを使ってみて分かったこと
実際にSoundJSを使ってみて分かったこと
Flashクリエイターはどこへ行く?~未来への道しるべ 会場リアルタイムアンケート結果
Flashクリエイターはどこへ行く?~未来への道しるべ 会場リアルタイムアンケート結果
HTML5のリッチコンテンツ開発スイートCreateJSで、ここまでできる!
HTML5のリッチコンテンツ開発スイートCreateJSで、ここまでできる!
「Flashユーザーが取り組むHTML5」アンケート結果
「Flashユーザーが取り組むHTML5」アンケート結果
F-siteセミナーにおけるFlashトークディスカッションのまとめ
F-siteセミナーにおけるFlashトークディスカッションのまとめ
Último
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
Último
(9)
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Sass実践編+Compass入門
1.
Sass実践編+Compass入門 沖 良矢(世路庵) 2014.4.4 (Fri) DIST.2「Sass
Again」
2.
自己紹介 沖 良矢 /
OKI Yoshiya @448jp インタラクションデザイナー DAIHATSU The 43rd TMS (2013) Web Designing (2009~)UNIQLO HAPPY GIFT (2013)
3.
お品書き Compass入門 Compassとは何か インストール
プロジェクトの作成とコンパイル CSSスプライトの生成 Sass実践編 パーシャル ソースマップを使ったデバッグ ミックスイン/継承/関数のコツ
4.
Compass入門 Chapter.1 | Hello,
Compass
5.
Compassとは何か What's Compass ?
6.
Compass is an
open-source CSS Authoring Framework. http://compass-style.org/
7.
Compassは、オープンソースの CSSオーサリングフレームワー クです。 http://compass-style.org/
8.
Sassを使ったCSSフレームワーク オープンソース MITライセンス Compass【コンパス】
9.
Sassのミックスインとユーティリティ アプリケーション環境との統合用システム 拡張機能のプラットフォーム Compassを構成する3つの要素
10.
コマンドプロンプト(Windows)またはターミナル (Mac)で以下のコマンドを実行 「gem install compass」 要Ruby インストール
11.
プロジェクトの作成(作成したい場所で実行) 「compass create」 コンパイル(Compassプロジェクトの場所で実行) 「compass compile」 プロジェクトの作成とコンパイル
12.
Windowsで、インストール時やコンパイル時に 「permission denied」などのエラーが出る場合がある SassとCompassのバージョンの組み合わせや、正常に アンインストールができていないことが原因 参考: http://stackoverflow.com/questions/22597223/errnoeacc ess-permission-denied-running-compass-watch Windowsでエラーが出る場合
13.
1. 以下のコマンドでアンインストール 「gem uninstall
compass gem uninstall sass」 2. 以下のフォルダ内にあるファイルをすべて手動で削除 「C:¥Users¥ユーザー名¥.gem」 3. 以下のコマンドでバージョンを指定してインストール 「gem install sass -v 3.2.10」 「gem install compass –v 0.12.2」 Windowsでエラーが出る場合 – 解消手順
14.
デモ Demo (my-first-compass)
15.
Compassに含まれるコア機能 CSS3 Helpers Layout Reset Typography Utilities
16.
CSSスプライトの作成に必要な機能のimport 「@import "compass/utilities/sprites";」 スプライト化するフォルダを指定 「@import "フォルダ名/*.png"」 フォルダ内のすべての画像をスプライト化 「@include
all-フォルダ名-sprites」 CSSスプライトの作成
17.
任意のクラスでbackground-positionを指定 「@include フォルダ名-sprite(画像ファイル名);」 すべての画像で幅と高さを取得 「$フォルダ名-sprite-dimensions: true;
」 CSSスプライトの作成
18.
デモ Demo (css-sprite)
19.
まとめ Compassは、Sassを使ったCSSフレームワーク CSSスプライトの自動生成は超絶 ちょっとしたミックスインを使いたいだけなら Bourbonもお勧め
20.
Sass実践編 Chapter.2 | Practice
for Sass
21.
CSSファイルを生成したくないSassファイルは、ファイ ル名の頭に_(アンダースコア)を入れる この機能を「パーシャル」と呼ぶ 変数などを機能別にSassファイルで分けて、出力する CSSファイルは1つだけにまとめられる パーシャル
22.
以下のオプションを付けてコンパイルすることでソー スマップファイルを出力できる 「sass --sourcemap screen.scss:screen.css」 ソースマップはSass
3.3.0からの機能 Google Chromeではデベロッパーツールから該当の要 素についてSassファイルベースでデバッグできる ソースマップによるデバッグ
23.
ミックスイン / 継承
/ 関数のコツ 引数を使う 値は複数 @extend @function @mixin YESYES NO NO
24.
Thank you !
Descargar ahora