Submit Search
Upload
コーディングしながらデザインルールをドキュメント化してみた
•
5 likes
•
2,751 views
Kasumi Morita
Follow
SaCSS Special 13で話した内容です。
Read less
Read more
Internet
Report
Share
Report
Share
1 of 78
Download now
Download to read offline
Recommended
2017年11月17日開催「a-blog cms Training Camp 2017 Autumn」で発表したスライド
a-blog cms 基本機能でつくるスタンプラリー
a-blog cms 基本機能でつくるスタンプラリー
トモロヲ いちがみ
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 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、1ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 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
Recommended
2017年11月17日開催「a-blog cms Training Camp 2017 Autumn」で発表したスライド
a-blog cms 基本機能でつくるスタンプラリー
a-blog cms 基本機能でつくるスタンプラリー
トモロヲ いちがみ
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 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、1ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 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
名古屋マークアップ勉強会 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
2016年11月21日(月)に開催したアップルップル公開社内勉強会vol.30でお話した内容です。
Sassを使いこなそう
Sassを使いこなそう
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
2015年5月22日(金)のa-blog cms DAY in Nagoya でお話しした内容です。
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
Kasumi Morita
2014年11月21日・22日に開催されたa-blog cms Training Camp 2014 で発表した内容です。
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
Kasumi Morita
More Related Content
More from 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
2016年11月21日(月)に開催したアップルップル公開社内勉強会vol.30でお話した内容です。
Sassを使いこなそう
Sassを使いこなそう
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
2015年5月22日(金)のa-blog cms DAY in Nagoya でお話しした内容です。
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
Kasumi Morita
2014年11月21日・22日に開催されたa-blog cms Training Camp 2014 で発表した内容です。
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
Kasumi Morita
More from Kasumi Morita
(20)
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
1から始めるAMP対応
1から始めるAMP対応
Sassを使いこなそう
Sassを使いこなそう
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
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 の基本 福岡版
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
コーディングしながらデザインルールをドキュメント化してみた
1.
Documenting Design Rules While Coding
2.
3.
4.
! !
5.
6.
7.
8.
✤ ✤ ✤
9.
10.
❖ ❖ ❖ ❖ - Agenda -
11.
- Step1 -
12.
13.
14.
✤ ✤ ‣
15.
✤ ✤ ✤ ✤
16.
17.
Design Rules
18.
19.
20.
21.
22.
✤ ✤ ✤ ✤
23.
✤ ✤ ✤ ✤
24.
✤ ✤ ✤ ✤
25.
26.
“ ”
27.
“ ”
28.
29.
永あ Aa
30.
31.
‣
32.
✤ ✤ ✤ ✤ ‣
33.
- Step2 -
34.
35.
! !
36.
! !
37.
!
38.
39.
✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤
40.
41.
42.
✤ ✤ ✤ ✤ ✤
43.
44.
あ う A d y G 4 3 永 E 7 H z ら 漢
45.
永あ Aa
46.
47.
✤ ✤ ✤
48.
49.
永あ Aa
50.
永あ Aa
51.
- Step3 -
52.
✤ ✤ ✤
53.
54.
55.
56.
57.
58.
! !
59.
" ! ! ! " !
! !
60.
" ! ! !
61.
62.
63.
64.
65.
66.
67.
68.
69.
- HOW TO
STUDY -
70.
71.
✤ ✤ ✤ ✤ ✤ ✤ ✤
72.
73.
#
74.
- Result -
75.
76.
77.
Download now