Enviar búsqueda
Cargar
Sass
•
0 recomendaciones
•
332 vistas
S
Su Ga
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 18
Descargar ahora
Descargar para leer sin conexión
Recomendados
Customer relationship mgmt(final)
Customer relationship mgmt(final)
namste
Sesta vezba
Sesta vezba
Maša Hukovic
Noisy neighbors keeping you up
Noisy neighbors keeping you up
Tbacher
Fix it presentation
Fix it presentation
sophie_107
Shinto religonen
Shinto religonen
boamartin
Arturo Ramones orga
Arturo Ramones orga
Arturo Darb
Geography 5 photo journal
Geography 5 photo journal
jher291
E crm final
E crm final
namste
Recomendados
Customer relationship mgmt(final)
Customer relationship mgmt(final)
namste
Sesta vezba
Sesta vezba
Maša Hukovic
Noisy neighbors keeping you up
Noisy neighbors keeping you up
Tbacher
Fix it presentation
Fix it presentation
sophie_107
Shinto religonen
Shinto religonen
boamartin
Arturo Ramones orga
Arturo Ramones orga
Arturo Darb
Geography 5 photo journal
Geography 5 photo journal
jher291
E crm final
E crm final
namste
Shinto religonen
Shinto religonen
boamartin
Maksim dzyuba[qa system]
Maksim dzyuba[qa system]
maksim_dzyuba
Szybkie Pięć Przemian
Szybkie Pięć Przemian
zelaelaelaelaz
Arturo ramones orga
Arturo ramones orga
Arturo Darb
Geography 5ppwrptanastasia aldaco
Geography 5ppwrptanastasia aldaco
beekee03
BUS 100 Presentation
BUS 100 Presentation
jukeboxbaby
Pięć Przemian dla dzieci
Pięć Przemian dla dzieci
zelaelaelaelaz
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
Brandt Elliott
2. modul keuangan lanjutan i
2. modul keuangan lanjutan i
Grace Kerry
새로운 기회, 녹색제품
새로운 기회, 녹색제품
juni988
Piec Przemian - jak zaczac przygode
Piec Przemian - jak zaczac przygode
zelaelaelaelaz
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
First sass
First sass
Toshiaki Sasaki
Css preprocessorの始めかた
Css preprocessorの始めかた
Hiroki Shibata
Less - first step
Less - first step
Kohki Nakashima
実践Sass 前編
実践Sass 前編
Azusa Tomita
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
Kazuya Hiruma
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
壊れやすいCSS
壊れやすいCSS
Masahiro Kobayashi
Más contenido relacionado
Destacado
Shinto religonen
Shinto religonen
boamartin
Maksim dzyuba[qa system]
Maksim dzyuba[qa system]
maksim_dzyuba
Szybkie Pięć Przemian
Szybkie Pięć Przemian
zelaelaelaelaz
Arturo ramones orga
Arturo ramones orga
Arturo Darb
Geography 5ppwrptanastasia aldaco
Geography 5ppwrptanastasia aldaco
beekee03
BUS 100 Presentation
BUS 100 Presentation
jukeboxbaby
Pięć Przemian dla dzieci
Pięć Przemian dla dzieci
zelaelaelaelaz
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
Brandt Elliott
2. modul keuangan lanjutan i
2. modul keuangan lanjutan i
Grace Kerry
새로운 기회, 녹색제품
새로운 기회, 녹색제품
juni988
Piec Przemian - jak zaczac przygode
Piec Przemian - jak zaczac przygode
zelaelaelaelaz
Destacado
(11)
Shinto religonen
Shinto religonen
Maksim dzyuba[qa system]
Maksim dzyuba[qa system]
Szybkie Pięć Przemian
Szybkie Pięć Przemian
Arturo ramones orga
Arturo ramones orga
Geography 5ppwrptanastasia aldaco
Geography 5ppwrptanastasia aldaco
BUS 100 Presentation
BUS 100 Presentation
Pięć Przemian dla dzieci
Pięć Przemian dla dzieci
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
Wk 6 individual assignment - web-based tutorial - final - brandt elliott
2. modul keuangan lanjutan i
2. modul keuangan lanjutan i
새로운 기회, 녹색제품
새로운 기회, 녹색제품
Piec Przemian - jak zaczac przygode
Piec Przemian - jak zaczac przygode
Similar a Sass
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
First sass
First sass
Toshiaki Sasaki
Css preprocessorの始めかた
Css preprocessorの始めかた
Hiroki Shibata
Less - first step
Less - first step
Kohki Nakashima
実践Sass 前編
実践Sass 前編
Azusa Tomita
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
Kazuya Hiruma
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
壊れやすいCSS
壊れやすいCSS
Masahiro Kobayashi
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
schoowebcampus
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
Koji Ishimoto
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
silvers ofsilvers
Sass introduction (jscafe 10)
Sass introduction (jscafe 10)
Ryuma Tsukano
CSS勉強会
CSS勉強会
Chisa Youzaka
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
Yuji Nojima
CSSの光と闇
CSSの光と闇
Shuma Mizuno
Sassを使ってみよう
Sassを使ってみよう
GIG inc.
Similar a Sass
(20)
Sass(SCSS)について
Sass(SCSS)について
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
First sass
First sass
Css preprocessorの始めかた
Css preprocessorの始めかた
Less - first step
Less - first step
実践Sass 前編
実践Sass 前編
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
壊れやすいCSS
壊れやすいCSS
CSS3 Design Recipe
CSS3 Design Recipe
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
Sass introduction (jscafe 10)
Sass introduction (jscafe 10)
CSS勉強会
CSS勉強会
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
CSSの光と闇
CSSの光と闇
Sassを使ってみよう
Sassを使ってみよう
Último
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Último
(10)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Sass
1.
sass とは?
2.
css
を 便利に書ける かも?
3.
何が必要?
4.
SCOUT をインストールするだけ! http://mhs.github.com/scout-app/
5.
使い方は… →プロジェクトフォルダを指定 ・変換前のフォルダを指定 (sass) ・変換後のフォルダを指定 (css)
6.
本題
7.
sass で 出来ること 変数、継承、 計算、読み込み
8.
例
9.
セレクタの入れ子
sass css .parent { .parent { margin: 10px; margin: 10px; line-height: 1.4em; line-height: 1.4em; } .child { color: #fff; .parent .child { } color: #fff; }t }
10.
変数 sass
css $x: 100px; p { p { height: 100px; height: $x; } } .variable { .variable { width: 100px; width: $x; } }
11.
継承 sass
css .extend { .extend { color: red; color: red; margin-top: 10px; margin-top: 10px; font-size: 1.2em; } } h2 { h2 { color: red; @extend .extend; margin-top: 10px; height: 100px; height: 100px; } }
12.
計算 ( 数式
) sass css $x: 100px; .calc { .calc { height: $x + 150; height: 250px; } }
13.
計算 ( 色
) sass css a { $link-color: #666; color: #666666; a { } color: $link-color; } a:hover { a:hover { color: #cacaca; color: $link-color + 100; } } a:visited { a:visited { color: mix($link-color, #ff0000, 30%); } color: #d11e1e; }
14.
読み込み
sass css .clearfix { @import "compass"; overflow: hidden; *zoom: 1; .clearfix { } @include clearfix; } .kadomaru { -webkit-border-radius: 50px; .kadomaru { -moz-border-radius: 50px; @include border-radius(50px); -ms-border-radius: 50px; } -o-border-radius: 50px; border-radius: 50px; }
15.
・ global-reset ・css3 の各種ベンダープリフィックス なども一発で書き出し出来ます
16.
他にも色んな機能が満載だけど
17.
後は ggrks ってことで
18.
ご静聴ありがとうございました!
Descargar ahora