Submit Search
Upload
Sassを使いこなそう
•
1 like
•
2,372 views
Kasumi Morita
Follow
2016年11月21日（月）に開催したアップルップル公開社内勉強会vol.30でお話した内容です。
Read less
Read more
Internet
Report
Share
Report
Share
1 of 34
Download now
Download to read offline
Recommended
「入門」ではなく「紹介」 詳しい情報は検索しましょう。
Sass紹介
Sass紹介
Daisuke Hirayama
Sassの超入門です。 解り辛い所が多いかと思いますが、 その辺はすみません。 デザインもダサいですが すみません。
Sass超入門
Sass超入門
Mizuno Renya
Sass/Compassを「触って覚える」を目的とした講習会スライド。 実習で使用するファイルは以下からダウンロード頂けます。 http://webnaut.jp/download/markup_140204/sass.zip 目次： 1. Sassとは／機能紹介 2. Sassを触ってみよう 3. Sass開発環境の設定 4. [Work1]ネストとインポート※ 5. Compassとは／機能紹介 6. Compassの設定 7. [Work2]Compassを使ったCSS Sprite実践※ 8. [Work3]納品時の作業※ 9. 書籍、参考サイト紹介 10. [Work4]追加課題※ =========================== 紹介記事 http://webnaut.jp/markup/663.html ===========================
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Frontend Nagoya #9で発表した内容です
UIの色のコントラスト比十分ですか？
UIの色のコントラスト比十分ですか？
Kasumi Morita
a-blog cms Training Camp 2019 Springで話したテーマとUIの変更です。
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 spring
Kasumi Morita
WCAN 新潟出張版 2018でお話しした内容です。
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
Kasumi Morita
contents.nagoyaのオープンセッションの時間でお話しした内容です。CMS選びに困っている方に向けて、a-blog cmsが与える独特な体験についてご紹介しています。
a-blog cms が与える体験
a-blog cms が与える体験
Kasumi Morita
将来ウェブ業界に入りたい学生さん向けのイベント、アップルップルのWeb技術の学び方講座 OthloEvent#29（ https://othlotech.connpass.com/event/85253/ ）で話した内容です。
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
Kasumi Morita
Recommended
「入門」ではなく「紹介」 詳しい情報は検索しましょう。
Sass紹介
Sass紹介
Daisuke Hirayama
Sassの超入門です。 解り辛い所が多いかと思いますが、 その辺はすみません。 デザインもダサいですが すみません。
Sass超入門
Sass超入門
Mizuno Renya
Sass/Compassを「触って覚える」を目的とした講習会スライド。 実習で使用するファイルは以下からダウンロード頂けます。 http://webnaut.jp/download/markup_140204/sass.zip 目次： 1. Sassとは／機能紹介 2. Sassを触ってみよう 3. Sass開発環境の設定 4. [Work1]ネストとインポート※ 5. Compassとは／機能紹介 6. Compassの設定 7. [Work2]Compassを使ったCSS Sprite実践※ 8. [Work3]納品時の作業※ 9. 書籍、参考サイト紹介 10. [Work4]追加課題※ =========================== 紹介記事 http://webnaut.jp/markup/663.html ===========================
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Frontend Nagoya #9で発表した内容です
UIの色のコントラスト比十分ですか？
UIの色のコントラスト比十分ですか？
Kasumi Morita
a-blog cms Training Camp 2019 Springで話したテーマとUIの変更です。
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 spring
Kasumi Morita
WCAN 新潟出張版 2018でお話しした内容です。
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
Kasumi Morita
contents.nagoyaのオープンセッションの時間でお話しした内容です。CMS選びに困っている方に向けて、a-blog cmsが与える独特な体験についてご紹介しています。
a-blog cms が与える体験
a-blog cms が与える体験
Kasumi Morita
将来ウェブ業界に入りたい学生さん向けのイベント、アップルップルのWeb技術の学び方講座 OthloEvent#29（ https://othlotech.connpass.com/event/85253/ ）で話した内容です。
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
Kasumi Morita
Frontend Nagoya #3 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、１ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 https://frontend758.doorkeeper.jp/events/67960
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
Kasumi Morita
a-blog cms Training Camp 2017 Autumn でご紹介した2017年テーマの紹介です。
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
Kasumi Morita
SaCSS Special 13で話した内容です。
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Kasumi Morita
名古屋マークアップ勉強会 The Final で話した内容です。
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
Kasumi Morita
CSS Talk vol.2 で登壇した内容です。CSSのみを使って動的コンテンツに対応したレイアウトを提供できるQuantity Queriesについてお話ししました。
数が増えてもこわくない！Quantity Queries の紹介
数が増えてもこわくない！Quantity Queries の紹介
Kasumi Morita
Nagoya.js #1 で発表した内容です。
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
Kasumi Morita
WCAN 2016 Winter のライトニングトーク枠でお話しした内容です。わたしがAMP対応したときに困った点についてエンジニア目線で主にピックアップしています。
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
名古屋マークアップ勉強会でお話しした内容です。「マークアップの最適解を見つけ出す方法」でお話しした内容を実際にどうやって体験していたのか、体験して何を感じたのかを共有しています。
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
Kasumi Morita
a-blog cms Training Camp 2016 でお話しした、 a-blog cms でAMP対応する方法について解説したセッションのスライドです。
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
WCAN 2016 Autumn で発表した内容です。 マークアップの最適解を見つけ出す方法（ http://www.slideshare.net/mkasumi/ss-66363251 ）をすこしWCAN用に調整したものです。
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
Kasumi Morita
DevLOVE 「webサイトをマークアップするということ」で発表した内容です。
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
Kasumi Morita
2016年 a-blog cms 勉強会で更新方法のカスタマイズについて紹介したスライドです。
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
Kasumi Morita
2016年版 a-blog cms 勉強会でa-blog cms を説明するために発表した内容です。
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
Kasumi Morita
WCAN mini 2016 Vol.2のライトニングトークで発表した内容です。
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
Kasumi Morita
a-blog cms Training Camp 2016 OKINAWA で発表した内容のスライドです。
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
Kasumi Morita
2016年2月27日に行われたCMSMix Sapporoというセミナーに登壇した際の資料です。
実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介
Kasumi Morita
a-blog cms のビルトインモジュールユニットリストのおすすめの使い方を紹介しています。 ユニットリストはVer.2.0からだいぶ機能が増え、利用している方も少ないのではないかなと思い、お話ししました。
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方
Kasumi Morita
WCK Meeting Vo.33 a-blog cms 勉強会「事例に学ぶカスタマイズテクニック」でお話した内容です。
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
HTML5NAGOYA #16でお話しした内容です。
CSSできる SVGアニメーション
CSSできる SVGアニメーション
Kasumi Morita
a-blog cms の基本の特徴、そして新しく追加されたマーケティング機能について福岡県で発表したときのスライドです。
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版
Kasumi Morita
More Related Content
More from Kasumi Morita
Frontend Nagoya #3 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、１ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 https://frontend758.doorkeeper.jp/events/67960
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
Kasumi Morita
a-blog cms Training Camp 2017 Autumn でご紹介した2017年テーマの紹介です。
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
Kasumi Morita
SaCSS Special 13で話した内容です。
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Kasumi Morita
名古屋マークアップ勉強会 The Final で話した内容です。
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
Kasumi Morita
CSS Talk vol.2 で登壇した内容です。CSSのみを使って動的コンテンツに対応したレイアウトを提供できるQuantity Queriesについてお話ししました。
数が増えてもこわくない！Quantity Queries の紹介
数が増えてもこわくない！Quantity Queries の紹介
Kasumi Morita
Nagoya.js #1 で発表した内容です。
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
Kasumi Morita
WCAN 2016 Winter のライトニングトーク枠でお話しした内容です。わたしがAMP対応したときに困った点についてエンジニア目線で主にピックアップしています。
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
名古屋マークアップ勉強会でお話しした内容です。「マークアップの最適解を見つけ出す方法」でお話しした内容を実際にどうやって体験していたのか、体験して何を感じたのかを共有しています。
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
Kasumi Morita
a-blog cms Training Camp 2016 でお話しした、 a-blog cms でAMP対応する方法について解説したセッションのスライドです。
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
WCAN 2016 Autumn で発表した内容です。 マークアップの最適解を見つけ出す方法（ http://www.slideshare.net/mkasumi/ss-66363251 ）をすこしWCAN用に調整したものです。
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
Kasumi Morita
DevLOVE 「webサイトをマークアップするということ」で発表した内容です。
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
Kasumi Morita
2016年 a-blog cms 勉強会で更新方法のカスタマイズについて紹介したスライドです。
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
Kasumi Morita
2016年版 a-blog cms 勉強会でa-blog cms を説明するために発表した内容です。
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
Kasumi Morita
WCAN mini 2016 Vol.2のライトニングトークで発表した内容です。
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
Kasumi Morita
a-blog cms Training Camp 2016 OKINAWA で発表した内容のスライドです。
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
Kasumi Morita
2016年2月27日に行われたCMSMix Sapporoというセミナーに登壇した際の資料です。
実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介
Kasumi Morita
a-blog cms のビルトインモジュールユニットリストのおすすめの使い方を紹介しています。 ユニットリストはVer.2.0からだいぶ機能が増え、利用している方も少ないのではないかなと思い、お話ししました。
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方
Kasumi Morita
WCK Meeting Vo.33 a-blog cms 勉強会「事例に学ぶカスタマイズテクニック」でお話した内容です。
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
HTML5NAGOYA #16でお話しした内容です。
CSSできる SVGアニメーション
CSSできる SVGアニメーション
Kasumi Morita
a-blog cms の基本の特徴、そして新しく追加されたマーケティング機能について福岡県で発表したときのスライドです。
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版
Kasumi Morita
More from Kasumi Morita
(20)
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
数が増えてもこわくない！Quantity Queries の紹介
数が増えてもこわくない！Quantity Queries の紹介
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
1から始めるAMP対応
1から始めるAMP対応
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
マークアップって重要なの？あなたへ伝えたいマークアップの大切さ
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
CSSできる SVGアニメーション
CSSできる SVGアニメーション
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版
Sassを使いこなそう
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
Download now
