Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Shogo Tamura
3,622 views
CSSコーディングを効率よくするおすすめプラグイン
Read more
17
Save
Share
Embed
Embed presentation
Download
Downloaded 17 times
1
/ 74
2
/ 74
3
/ 74
4
/ 74
5
/ 74
6
/ 74
7
/ 74
8
/ 74
9
/ 74
10
/ 74
11
/ 74
12
/ 74
13
/ 74
14
/ 74
15
/ 74
16
/ 74
17
/ 74
18
/ 74
19
/ 74
20
/ 74
21
/ 74
22
/ 74
23
/ 74
24
/ 74
25
/ 74
26
/ 74
27
/ 74
28
/ 74
29
/ 74
30
/ 74
31
/ 74
32
/ 74
33
/ 74
34
/ 74
35
/ 74
36
/ 74
37
/ 74
38
/ 74
39
/ 74
40
/ 74
41
/ 74
42
/ 74
43
/ 74
44
/ 74
45
/ 74
46
/ 74
47
/ 74
48
/ 74
49
/ 74
50
/ 74
51
/ 74
52
/ 74
53
/ 74
54
/ 74
55
/ 74
56
/ 74
57
/ 74
58
/ 74
59
/ 74
60
/ 74
61
/ 74
62
/ 74
63
/ 74
64
/ 74
65
/ 74
66
/ 74
67
/ 74
68
/ 74
69
/ 74
70
/ 74
71
/ 74
72
/ 74
73
/ 74
74
/ 74
More Related Content
PDF
最近知ったBootstrapの注意点
by
Kawaji Masaki
PPTX
Meguro es7
by
健太 田上
PDF
WordPressで電子書籍
by
Takayuki Miyauchi
PDF
Osc nagoya 2013
by
kuma2515
PDF
黒い画面とお友達になろう
by
Masashi Murakami
PDF
Webサイトのライブデザイン&コーディング実演授業!
by
webcampusschoo
PDF
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
by
Yuriko Kamimori
PDF
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
by
Masako Miyazaki
最近知ったBootstrapの注意点
by
Kawaji Masaki
Meguro es7
by
健太 田上
WordPressで電子書籍
by
Takayuki Miyauchi
Osc nagoya 2013
by
kuma2515
黒い画面とお友達になろう
by
Masashi Murakami
Webサイトのライブデザイン&コーディング実演授業!
by
webcampusschoo
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
by
Yuriko Kamimori
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
by
Masako Miyazaki
Viewers also liked
PDF
UI設計におけるスマートフォン対応のまとめ
by
Tomoki Imatomi
PDF
レスポンシブWeb「デザイン」
by
uenoyuuki
PDF
CSS3 / JavaScriptで作るスマートフォンUIと落とし穴
by
西畑 一馬
PDF
jQuery Mobile 最新情報 & Tips
by
yoshikawa_t
PDF
マークアップとUX
by
uenoyuuki
PPTX
AWS基礎
by
Keisuke Higo
PDF
WordPress基礎講座1 CMSの概要
by
Akinori Kawamitsu
PDF
スマートフォン対応、気をつけたいトラブル JavaScript編
by
Hiroaki Wakamatsu
PDF
Pythonを取り巻く開発環境 #pyconjp
by
Yoshifumi Yamaguchi
PPTX
Awsをちゃんと使ってみた
by
Yoichi Toyota
PDF
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
by
タカシ キタジマ
PDF
スマートフォン対応、気をつけたいトラブル
by
Hiroaki Wakamatsu
PDF
マルチデバイス時代におけるWebサイトのUIについて
by
rie nabesaka
PDF
Javascriptを書きたくないヒ トのためのPythonScript
by
Kazufumi Ohkawa
PDF
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
by
Horiguchi Seito
PDF
使いやすいWordPressのためのCSSのつくりかた
by
Hiroshi Urabe
PDF
CSS の歩き方
by
Seiichiro Mishiba
PDF
なぜ科学計算にはPythonか?
by
Aki Ariga
PDF
Pythonの開発環境を調べてみた
by
Kenji NAKAGAKI
PDF
スマートフォンブラウザ不具合特集
by
Hiroaki Wakamatsu
UI設計におけるスマートフォン対応のまとめ
by
Tomoki Imatomi
レスポンシブWeb「デザイン」
by
uenoyuuki
CSS3 / JavaScriptで作るスマートフォンUIと落とし穴
by
西畑 一馬
jQuery Mobile 最新情報 & Tips
by
yoshikawa_t
マークアップとUX
by
uenoyuuki
AWS基礎
by
Keisuke Higo
WordPress基礎講座1 CMSの概要
by
Akinori Kawamitsu
スマートフォン対応、気をつけたいトラブル JavaScript編
by
Hiroaki Wakamatsu
Pythonを取り巻く開発環境 #pyconjp
by
Yoshifumi Yamaguchi
Awsをちゃんと使ってみた
by
Yoichi Toyota
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
by
タカシ キタジマ
スマートフォン対応、気をつけたいトラブル
by
Hiroaki Wakamatsu
マルチデバイス時代におけるWebサイトのUIについて
by
rie nabesaka
Javascriptを書きたくないヒ トのためのPythonScript
by
Kazufumi Ohkawa
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
by
Horiguchi Seito
使いやすいWordPressのためのCSSのつくりかた
by
Hiroshi Urabe
CSS の歩き方
by
Seiichiro Mishiba
なぜ科学計算にはPythonか?
by
Aki Ariga
Pythonの開発環境を調べてみた
by
Kenji NAKAGAKI
スマートフォンブラウザ不具合特集
by
Hiroaki Wakamatsu
Similar to CSSコーディングを効率よくするおすすめプラグイン
PDF
2017: A CSS Design Odyssey
by
Kenjiro Kubota
PDF
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
by
Horiguchi Seito
PDF
CSS Design and Programming
by
Taku AMANO
PDF
Htmlコーディングの効率化 後編
by
Yasuhito Yabe
PDF
今必要なCSSアーキテクチャ
by
Mayu Kimura
PPTX
Oocssとかついでにsmacssとbemの話も
by
Yumi uniq Ishizaki
PDF
マークアップ講座 02 CSS
by
eiji sekiya
PDF
レスポンシブWebデザイン@マカベンvol.5
by
Shogo Tamura
PDF
HTML/CSSを効率的にする メタ言語とツールのアレコレ
by
知己 久保
PDF
なんでCSSすぐ死んでしまうん
by
Hayato Mizuno
ZIP
実践Sass 後編
by
kosei27
KEY
コーディングが上達するコツ
by
evol-ni
2017: A CSS Design Odyssey
by
Kenjiro Kubota
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
by
Horiguchi Seito
CSS Design and Programming
by
Taku AMANO
Htmlコーディングの効率化 後編
by
Yasuhito Yabe
今必要なCSSアーキテクチャ
by
Mayu Kimura
Oocssとかついでにsmacssとbemの話も
by
Yumi uniq Ishizaki
マークアップ講座 02 CSS
by
eiji sekiya
レスポンシブWebデザイン@マカベンvol.5
by
Shogo Tamura
HTML/CSSを効率的にする メタ言語とツールのアレコレ
by
知己 久保
なんでCSSすぐ死んでしまうん
by
Hayato Mizuno
実践Sass 後編
by
kosei27
コーディングが上達するコツ
by
evol-ni
CSSコーディングを効率よくするおすすめプラグイン
1.
CSSコーディングを効率よくする おすすめプラグイン @Grunt 14年3月15日土曜日
2.
自己紹介 2 田村章吾 屋号:ましじめ フリーのマークアップエンジニア 山登りしてます。 ブログ書いてます。 http://tamshow.com/ 14年3月15日土曜日
3.
自己紹介 3 田村章吾 屋号:ましじめ フリーのマークアップエンジニア 山登りしてます。 ブログ書いてます。 http://tamshow.com/ 水族館のサイトを作りたいです。 14年3月15日土曜日
4.
4 最近のCSSは複雑 14年3月15日土曜日
5.
最近のCSSは複雑 5 最近どうやってCSS書いていますか? 14年3月15日土曜日
6.
最近のCSSは複雑 6 プリプロセッサー 14年3月15日土曜日
7.
最近のCSSは複雑 7 14年3月15日土曜日
8.
8 最近のCSSは複雑 14年3月15日土曜日
9.
9 最近のCSSは複雑 ポストプロセッサー 14年3月15日土曜日
10.
10 最近のCSSは複雑 Minify 14年3月15日土曜日
11.
11 最近のCSSは複雑 CSS LINT Minify 14年3月15日土曜日
12.
12 最近のCSSは複雑 CSS LINT Autoprefixer Minify 14年3月15日土曜日
13.
13 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify 14年3月15日土曜日
14.
14 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify pngquant 14年3月15日土曜日
15.
15 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify pngquant 最近のCSSコーディングは する事がいっぱい。 14年3月15日土曜日
16.
16 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify pngquant 面倒な作業は自動化しましょう 14年3月15日土曜日
17.
17 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify pngquant Grunt 14年3月15日土曜日
18.
18 最近のCSSは複雑 CSS LINT Autoprefixer MediaQueries Minify pngquant 14年3月15日土曜日
19.
19 プラグイン おすすめプラグイン紹介 14年3月15日土曜日
20.
20 ・CSSのスタイルガイドを作る grunt-styleguide 1つ目! 14年3月15日土曜日
21.
21 http://jacobrask.github.io/styledocco/ Style Docco サイトごとにスタイルガイドが作成出来る grunt-styleguide 14年3月15日土曜日
22.
22 http://jacobrask.github.io/styledocco/ Style Docco サイトごとにスタイルガイドが作成出来る grunt-styleguide Node.jsを使った、 スタイルガイドジェネレーター 14年3月15日土曜日
23.
23 grunt-styleguide 14年3月15日土曜日
24.
24 grunt-styleguide CSSにマークダウンでコメントを記述 14年3月15日土曜日
25.
25 grunt-styleguide コマンドを叩けばOK 14年3月15日土曜日
26.
26 grunt-styleguide styledocco -n "Style
Guide" css/style.css 14年3月15日土曜日
27.
27 grunt-styleguide 14年3月15日土曜日
28.
28 grunt-styleguide でも、修正の度に作るのは 面倒くさいなぁ…(´・ω・`) 14年3月15日土曜日
29.
29 grunt-styleguide grunt-styleguide 14年3月15日土曜日
30.
30 grunt-styleguide CSSを修正するだけで勝手に作成 14年3月15日土曜日
31.
31 grunt-styleguide 14年3月15日土曜日
32.
32 grunt-styleguide こんな使い方してます 14年3月15日土曜日
33.
33 grunt-styleguide 14年3月15日土曜日
34.
34 grunt-styleguide HTMLがちょっと分かる人は 更新してくれる (・∀・)♪ 14年3月15日土曜日
35.
35 grunt-styleguide あら、素敵! 14年3月15日土曜日
36.
36 ・CSSファイル内のMediaQueriesをまとめる grunt-combine-media-queries 2つ目! 14年3月15日土曜日
37.
37 ・CSSファイル内のMediaQueriesをまとめる grunt-combine-media-queries メディアクエリの管理って面倒 14年3月15日土曜日
38.
38 パーツ単位で記述する grunt-combine-media-queries 14年3月15日土曜日
39.
39 パーツ単位で記述する grunt-combine-media-queries ・@mediaを書く場所が近いので 何を書いたかすぐ分かる ・関連する箇所の修正が楽 ・@mediaの記述が増える ・ファイルサイズを圧迫 いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ 14年3月15日土曜日
40.
40 パーツ単位で記述する grunt-combine-media-queries ・@mediaを書く場所が近いので 何を書いたかすぐ分かる ・関連する箇所の修正が楽 ・@mediaの記述が増える ・ファイルサイズを圧迫 いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ 管理しやすいけど、無駄がある 14年3月15日土曜日
41.
41 grunt-combine-media-queries メディアクエリ単位で記述する 14年3月15日土曜日
42.
42 grunt-combine-media-queries ・1つのブレークポイントに対して@mediaが 1つなのでソースコードに無駄が少ない ・修正するときは@mediaの箇所を 行ったり来たりするので面倒 ・何を書いたかわかりにくい いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ メディアクエリ単位で記述する 14年3月15日土曜日
43.
43 grunt-combine-media-queries ・1つのブレークポイントに対して@mediaが 1つなのでソースコードに無駄が少ない ・修正するときは@mediaの箇所を 行ったり来たりするので面倒 ・何を書いたかわかりにくい いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ メディアクエリ単位で記述する 無駄は少ないけど管理しにくい 14年3月15日土曜日
44.
44 grunt-combine-media-queries ・1つのブレークポイントに対して@mediaが 1つなのでソースコードに無駄が少ない ・修正するときは@mediaの箇所を 行ったり来たりするので面倒 ・何を書いたかわかりにくい いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ メディアクエリ単位で記述する 管理しやすく、無駄を無くしたい! 14年3月15日土曜日
45.
45 grunt-combine-media-queries ・1つのブレークポイントに対して@mediaが 1つなのでソースコードに無駄が少ない ・修正するときは@mediaの箇所を 行ったり来たりするので面倒 ・何を書いたかわかりにくい いいところ (・∀・)♪ わるいところ (´;ω;`)ブワッ メディアクエリ単位で記述する grunt-combine-media-queries 14年3月15日土曜日
46.
46 dev/layout.css(作業) css/layout.css(公開) grunt-combine-media-queries 14年3月15日土曜日
47.
47 ❶ ❷ ❶ ❷❶ ❷ dev/layout.css(作業) css/layout.css(公開) grunt-combine-media-queries 14年3月15日土曜日
48.
48 ❶ ❷ ❶ ❷❶ ❷ dev/layout.css(作業) css/layout.css(公開) grunt-combine-media-queries あら、素敵! 14年3月15日土曜日
49.
49 ・ベンダープレフィックスを調整する grunt-autoprefixer 3つ目! 14年3月15日土曜日
50.
50 grunt-autoprefixer 14年3月15日土曜日
51.
51 grunt-autoprefixer Can I use... 14年3月15日土曜日
52.
52 grunt-autoprefixer Can I use... あ、-webkit-ってもう要らないの… (´・ω・`) 14年3月15日土曜日
53.
53 grunt-autoprefixer Can I use... Compass使ってるから大丈夫さ 14年3月15日土曜日
54.
54 grunt-autoprefixer @include border-radius(5px); 14年3月15日土曜日
55.
55 grunt-autoprefixer @include border-radius(5px); 14年3月15日土曜日
56.
56 grunt-autoprefixer @include border-radius(5px); あ…(´・ω・`) 14年3月15日土曜日
57.
57 grunt-autoprefixer @include border-radius(5px); 14年3月15日土曜日
58.
58 grunt-autoprefixer @include border-radius(5px); 付けたり、消したり、面倒! 14年3月15日土曜日
59.
59 grunt-autoprefixer @include border-radius(5px); grunt-autoprefixer 14年3月15日土曜日
60.
60 grunt-autoprefixer Can I use...を基準に、ベンダープレフィックスを調整してくれる 14年3月15日土曜日
61.
61 grunt-autoprefixer 14年3月15日土曜日
62.
62 grunt-autoprefixer あら、素敵! 14年3月15日土曜日
63.
63 その他 公開用のCSSを圧縮する grunt-contrib-cssmin grunt-contrib-concat CSSの重複をチェックする grunt-csscss CSSLintをする grunt-contrib-csslint 圧縮後のCSSにコメントを追加する 14年3月15日土曜日
64.
64 その他 公開用のCSSを圧縮する grunt-contrib-cssmin grunt-contrib-concat CSSの重複をチェックする grunt-csscss CSSLintをする grunt-contrib-csslint 圧縮後のCSSにコメントを追加する 14年3月15日土曜日
65.
65 その他 公開用のCSSを圧縮する grunt-contrib-cssmin grunt-contrib-concat CSSの重複をチェックする grunt-csscss CSSLintをする grunt-contrib-csslint 圧縮後のCSSにコメントを追加する 14年3月15日土曜日
66.
66 その他 公開用のCSSを圧縮する grunt-contrib-cssmin grunt-contrib-concat CSSの重複をチェックする grunt-csscss CSSLintをする grunt-contrib-csslint 圧縮後のCSSにコメントを追加する 14年3月15日土曜日
67.
67 その他 公開用のCSSを圧縮する grunt-contrib-cssmin grunt-contrib-concat CSSの重複をチェックする grunt-csscss CSSLintをする grunt-contrib-csslint 圧縮後のCSSにコメントを追加する 14年3月15日土曜日
68.
68 その他 修正した日を更新したり、その他テキストの置換をする grunt-text-replace Sassをコンパイル する grunt-contrib-sass Sassファイルの変更を監視する grunt-contrib-watch 画像の圧縮をする grunt-contrib-imagemin 14年3月15日土曜日
69.
69 その他 修正した日を更新したり、その他テキストの置換をする grunt-text-replace Sassをコンパイル する grunt-contrib-sass Sassファイルの変更を監視する grunt-contrib-watch 画像の圧縮をする grunt-contrib-imagemin 14年3月15日土曜日
70.
70 その他 修正した日を更新したり、その他テキストの置換をする grunt-text-replace Sassをコンパイル する grunt-contrib-sass Sassファイルの変更を監視する grunt-contrib-watch 画像の圧縮をする grunt-contrib-imagemin 14年3月15日土曜日
71.
71 その他 修正した日を更新したり、その他テキストの置換をする grunt-text-replace Sassをコンパイル する grunt-contrib-sass Sassファイルの変更を監視する grunt-contrib-watch 画像の圧縮をする grunt-contrib-imagemin 14年3月15日土曜日
72.
72 その他 修正した日を更新したり、その他テキストの置換をする grunt-text-replace Sassをコンパイル する grunt-contrib-sass Sassファイルの変更を監視する grunt-contrib-watch 画像の圧縮をする grunt-contrib-imagemin 14年3月15日土曜日
73.
73 その他 とっても便利! 14年3月15日土曜日
74.
ありがとうございました。 14年3月15日土曜日
Download