Enviar búsqueda
Cargar
Css preprocessorの始めかた
•
48 recomendaciones
•
4,250 vistas
Hiroki Shibata
Seguir
前知識がない人のためのSassの始めかたです。
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 124
Descargar ahora
Descargar para leer sin conexión
Recomendados
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
実践Sass 後編
実践Sass 後編
kosei27
実践Sass 前編
実践Sass 前編
Azusa Tomita
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
schoowebcampus
First sass
First sass
Toshiaki Sasaki
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
Recomendados
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
実践Sass 後編
実践Sass 後編
kosei27
実践Sass 前編
実践Sass 前編
Azusa Tomita
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
schoowebcampus
First sass
First sass
Toshiaki Sasaki
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
Sass 超入門
Sass 超入門
Michinari Odajima
background-(image|size) の深みへようこそ
background-(image|size) の深みへようこそ
Shota Kubota
マークアップ講座 02 CSS
マークアップ講座 02 CSS
eiji sekiya
WordBenchTokyo-20111126
WordBenchTokyo-20111126
webourgeon
Sassを使った共同作業について
Sassを使った共同作業について
Kanako Urabe
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
Kazuya Hiruma
壊れやすいCSS
壊れやすいCSS
Masahiro Kobayashi
Less - first step
Less - first step
Kohki Nakashima
Sass
Sass
Su Ga
CSSの光と闇
CSSの光と闇
Shuma Mizuno
Sassをはじめよう!
Sassをはじめよう!
Yoshiya OKI
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
知己 久保
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
Koji Ishimoto
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Web制作のアレコレ
Web制作のアレコレ
regret raym
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
Más contenido relacionado
La actualidad más candente
Sass 超入門
Sass 超入門
Michinari Odajima
background-(image|size) の深みへようこそ
background-(image|size) の深みへようこそ
Shota Kubota
マークアップ講座 02 CSS
マークアップ講座 02 CSS
eiji sekiya
WordBenchTokyo-20111126
WordBenchTokyo-20111126
webourgeon
Sassを使った共同作業について
Sassを使った共同作業について
Kanako Urabe
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
La actualidad más candente
(9)
Sass 超入門
Sass 超入門
background-(image|size) の深みへようこそ
background-(image|size) の深みへようこそ
マークアップ講座 02 CSS
マークアップ講座 02 CSS
WordBenchTokyo-20111126
WordBenchTokyo-20111126
Sassを使った共同作業について
Sassを使った共同作業について
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Similar a Css preprocessorの始めかた
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
Kazuya Hiruma
壊れやすいCSS
壊れやすいCSS
Masahiro Kobayashi
Less - first step
Less - first step
Kohki Nakashima
Sass
Sass
Su Ga
CSSの光と闇
CSSの光と闇
Shuma Mizuno
Sassをはじめよう!
Sassをはじめよう!
Yoshiya OKI
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
知己 久保
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
Koji Ishimoto
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Web制作のアレコレ
Web制作のアレコレ
regret raym
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
What's Sketch.app
What's Sketch.app
littlebustersreply
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
Yuji Nojima
CSS勉強会
CSS勉強会
Chisa Youzaka
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
Naoki Matsuda
CSS Preprocessor Hands-on
CSS Preprocessor Hands-on
littlebustersreply
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
Hayato Mizuno
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
Toshimichi Suekane
Similar a Css preprocessorの始めかた
(20)
Sass(SCSS)について
Sass(SCSS)について
compassで簡単! CSS3を手軽に利用する
compassで簡単! CSS3を手軽に利用する
壊れやすいCSS
壊れやすいCSS
Less - first step
Less - first step
Sass
Sass
CSSの光と闇
CSSの光と闇
Sassをはじめよう!
Sassをはじめよう!
HTML/CSSを効率的にする メタ言語とツールのアレコレ
HTML/CSSを効率的にする メタ言語とツールのアレコレ
WebデザイナーのためのSass/Compass入門
WebデザイナーのためのSass/Compass入門
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
CSS Design and Programming
CSS Design and Programming
Web制作のアレコレ
Web制作のアレコレ
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
What's Sketch.app
What's Sketch.app
今日から使える! Sass/compass ゆるめ勉強会
今日から使える! Sass/compass ゆるめ勉強会
CSS勉強会
CSS勉強会
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう!実装編』
CSS Preprocessor Hands-on
CSS Preprocessor Hands-on
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 本編
Último
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Último
(12)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Css preprocessorの始めかた
1.
CSSの未来を先取り! CSS Preprocessorの 始めかた
@adactio (CC BY2.0)
2.
CSS Preprocessor
3.
CSS Preprocessor
4.
#main { float: right; } #main
p { margin-bottom: 1em; }
5.
#main { float: right; } #main
p { margin-bottom: 1em; }
6.
#main {
#main { float: right; float: right; } p { #main p { margin-bottom: 1em; margin-bottom: 1em; } } }
7.
CSS Preprocessor
8.
CSS Preprocessor
9.
10.
11.
+
12.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
13.
一緒に使うので いちいち覚えなくてもOK
14.
Sass・Compassの
メリット
15.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
16.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
17.
.box { @include border-radius(5px); }
18.
.box { @include border-radius(5px); } .box
{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
19.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
20.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
21.
#main {
#main { float: right; float: right; } p { #main p { margin-bottom: 1em; margin-bottom: 1em; } } }
22.
省力?
@epSos.de (CC BY 2.0)
23.
まだまだ
@epSos.de (CC BY 2.0)
24.
Sass #main { margin: 5px; a
{ text-decoration: none; &.link { display: inline-block; } &:hover { color: #F00; } } }
25.
CSS #main { margin: 5px; } #main
a { text-decoration: none; } #main a.link { display: inline-block; } #main a:hover { color: #F00; }
26.
Sass #main { margin: 5px; a
{ text-decoration: none; &.link { display: inline-block; } &:hover { color: #F00; } } }
27.
Sass #main { margin: 5px; a
{ text-decoration: none; &.link { display: inline-block; } &:hover { color: #F00; } } }
28.
CSS #main { margin: 5px; } #main
a { text-decoration: none; } #main a.link { display: inline-block; } #main a:hover { color: #F00; }
29.
ZERGE_VIOLATOR (CC BY
2.0)
30.
ZERGE_VIOLATOR (CC BY
2.0) Media Queries
31.
32.
#main {
CSS float: left; width: 700px; margin: 0 auto; } @media screen and (max-width: 640px) { #main { float: none; width: 100%; } }
33.
Sass #main { float: left; width:
700px; margin: 0 auto; @media screen and (max-width:640px) { float: none; width: 100%; } }
34.
#main {
CSS float: left; width: 700px; margin: 0 auto; } @media screen and (max-width: 640px) { #main { float: none; width: 100%; } }
35.
#main {
CSS float: left; width: 700px; margin: 0 auto; } @media screen and (max-width: 640px) { #main { float: none; width: 100%; } }
36.
Sass #main { float: left; width:
700px; margin: 0 auto; @media screen and (max-width:640px) { float: none; width: 100%; } }
37.
Sass #main { float: left; width:
700px; margin: 0 auto; @media screen and (max-width:640px) { float: none; width: 100%; } }
38.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
39.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
40.
photo by pakutaso.com
41.
座標・幅
ブラウザ 指定 キャッシュ photo by pakutaso.com
42.
座標・幅
ブラウザ 指定 キャッシュ めんどくさい。 photo by pakutaso.com
43.
44.
45.
読み込み
46.
読み込み
$share-sprite: sprite-map("share/*.png"); $share-sprite-url: sprite-url($share-sprite); .logoArea { text-indent: 100%; overflow: hidden; white-space: normal; width: image-width(sprite-file($share-sprite,"logo")); height: image-height(sprite-file($share-sprite,"logo")); background-image: $share-sprite-url; background-repeat: no-repeat; background-position: sprite-position($share-sprite,"logo"); }
47.
.logoArea { text-indent: 100%; overflow:
hidden; white-space: normal; width: image-width(sprite-file($share-sprite,"logo")); height: image-height(sprite-file($share-sprite,"logo")); background-image: $share-sprite-url; background-repeat: no-repeat; background-position: sprite-position($share-sprite,"logo"); }
48.
.logoArea { text-indent: 100%; overflow:
hidden; white-space: normal; width: image-width(sprite-file($share-sprite,"logo")); height: image-height(sprite-file($share-sprite,"logo")); background-image: $share-sprite-url; background-repeat: no-repeat; background-position: sprite-position($share-sprite,"logo"); } .logoArea { text-indent: 100%; overflow: hidden; white-space: normal; width: 419px; height: 62px; background-image: url('/img/share-s6664b1cfc3.png'); background-repeat: no-repeat; background-position: 0 0; }
49.
.logoArea { text-indent: 100%; overflow:
hidden; white-space: normal; width: image-width(sprite-file($share-sprite,"logo")); height: image-height(sprite-file($share-sprite,"logo")); background-image: $share-sprite-url; background-repeat: no-repeat; background-position: sprite-position($share-sprite,"logo"); } .logoArea { text-indent: 100%; overflow: hidden; white-space: normal; width: 419px; height: 62px; background-image: url('/img/share-s6664b1cfc3.png'); background-repeat: no-repeat; background-position: 0 0; }
50.
Variable
CSS Sprite Nesting + Mixin Vendor Prefix extend
51.
@import url(reset.css);
@import url(module.css); @import url(style.css); import.css #main { float: right; } #main p { margin-bottom: 1em; }
52.
@import url(reset.css);
△ @import url(module.css); @import url(style.css); import.css #main { float: right; } #main p { margin-bottom: 1em; }
53.
@import url(reset.css);
△ @import url(module.css); @import url(style.css); import.css #main {↓ float: right;↓ .... }↓ #main p { ↓ margin-bottom: 1em;↓ .... }
54.
@import url(reset.css);
△ @import url(module.css); @import url(style.css); import.css #main {↓ float: right;↓ .... △ }↓ #main p { ↓ margin-bottom: 1em;↓ .... }
55.
@import "reset";
@import "module"; @import "style"; import.scss /*--- reset */ html { overflow-y: scroll; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3, import.css #header { }
56.
#main {↓ float: right;↓ .... }↓ #main
p { ↓ margin-bottom: 1em;↓ .... }
57.
#main {↓ float: right;↓ .... }↓ #main
p { ↓ margin-bottom: 1em;↓ .... } $compass compile -s compressed style.scss
58.
#main {↓ float: right;↓ .... }↓ #main
p { ↓ margin-bottom: 1em;↓ .... } $compass compile -s compressed style.scss
59.
#main {↓ float: right;↓ .... }↓ #main
p { ↓ margin-bottom: 1em;↓ .... } $compass compile -s compressed style.scss #main{float:right;}#main p{margin-bottom:1em;}
60.
@flickrized (CC BY
2.0) Try it!
61.
× お試しなので、 コマンドプロンプトは使いません
62.
63.
インストーラーをダウンロード Scout - Compass
and Sass without all the hassle http://mhs.github.com/scout-app/
64.
インストーラーをダウンロード
65.
インストーラーに従って
進むだけ
66.
67.
68.
69.
70.
71.
Input Folder Sassファイルのディレクトリ
72.
Input Folder Sassファイルのディレクトリ Output
Folder CSSファイルのディレクトリ
73.
site_data
Input Folder _scss style.scss Output Folder css style.css
74.
75.
76.
Images Folder 画像フォルダー(Sprite時)
77.
Images Folder 画像フォルダー(Sprite時)
Output Style 書き出しスタイル Nested 入れ子で Expanded よく書く感じの Compact 1行スタイル Compressed 改行スペース削除
78.
Nested #main { width: 700px; float:
left; } #main p { margin: 5px; }
79.
Expanded #main {
width: 700px; float: left; } #main p { margin: 5px; }
80.
Compact #main { width:
700px; float: left; } #main p { margin: 5px; }
81.
Compressed #main{width:700px;float:left}#main p{margin:5px}
82.
ファイル 可読性
サイズ 高 大 Nested 入れ子で Expanded よく書く感じの Compact 1行スタイル Compressed 改行スペース削除 低 低
83.
ファイル 可読性
サイズ 高 大 Nested 入れ子で Expanded よく書く感じの Compact 1行スタイル Compressed 改行スペース削除 低 低
84.
ファイル 可読性
サイズ 高 大 Nested 作業中 入れ子で Expanded よく書く感じの Compact 1行スタイル Compressed 改行スペース削除 低 低 リリース時
85.
Images Folder 画像フォルダー(Sprite時)
Output Style 書き出しスタイル Nested 入れ子で Expanded よく書く感じの Compact 1行スタイル Compressed 改行スペース削除
86.
87.
88.
style.scss
89.
style.scss
90.
style.scss
style.css
91.
× style.scss
style.css
92.
site_data
_scss style.scss css
93.
site_data
_scss style.scss css
94.
site_data
_scss 保存 style.scss css style.css
95.
Try!
Try! @Camera Eye Photography (CC BY 2.0) Try!
96.
ま ず は
、 を 作って、 のコ ピー イト 既存のサ 実 験 ! の 中 で そ
97.
Sassのあるある Sassのあるある
@erix! (CC BY 2.0)
98.
99.
100.
>>> Change detected
at 16:05:43 to: style.scss error style.scss (Line 6: Undefined mixin 'border-radius'.) overwrite style.css この前後が あやしい
101.
102.
CSS3のベンダープリフィックスには、
Compassをインポートします
103.
104.
105.
106.
107.
108.
この前後が
あやしい >>> Change detected at 16:41:11 to: style.scss error style.scss (Line 4: Invalid CSS after " / zoom": expected ///, was ":1;") overwrite style.css
109.
110.
プロパティの前に「/」があると
エラーを返します
111.
112.
113.
114.
115.
まとめ
116.
最初は @mikebaird (CC BY
2.0) 難しい
117.
慣れたら 最強
@mikebaird (CC BY 2.0)
118.
CSSの文法が正しければコンパイルOK IE用ハックを書き換えるぐらい 既存のCSSをScoutに通してエラーを 一つ一つ潰す
119.
Try!
Try! @Camera Eye Photography (CC BY 2.0) Try!
120.
ま ず は
、 を 作って、 のコ ピー イト 既存のサ 実 験 ! の 中 で そ
121.
@owenwbrown (CC BY
2.0)
122.
参考ページ
123.
【Sassを覚えよう!】もくじ的なのと参考リンク - CSS
HappyLife http://css-happylife.com/archives/2012/0130_0415.php
124.
DreamweaverでSassファイルを編集するには? ¦ Webデザインのタネ http://oshare.jugem.cc/?eid=795
Descargar ahora