Submit Search
Upload
a-blog cms Training Camp 2019 spring
•
0 likes
•
568 views
Kasumi Morita
Follow
a-blog cms Training Camp 2019 Springで話したテーマとUIの変更です。
Read less
Read more
Report
Share
Report
Share
1 of 23
Download now
Download to read offline
Recommended
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
onigiri764
CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
PHPカンファレンス2014「baserCMSとベーサーマーケット」
PHPカンファレンス2014「baserCMSとベーサーマーケット」
Masaharu Takishita
PHPカンファレンス2014で発表したCMS LTのスライドです。
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
Toru Miki
Presentation date: 6 July 2012
Apiドキュメンテーションツールを使いこなす【api blueprint編】
Apiドキュメンテーションツールを使いこなす【api blueprint編】
dcubeio
https://d-cube.connpass.com/event/60587/ で発表した内容です
20130225 pronet study
20130225 pronet study
Six Apart
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
SPS 開発から SPO 開発に変わる際に気をつけなければならないポイント 3 選
SPS 開発から SPO 開発に変わる際に気をつけなければならないポイント 3 選
Oshitari_kochi
第 3 回 Japan M365 Dev User Group 勉強会でのLT資料です。 https://jpm365dev.connpass.com/event/207225/
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
Recommended
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
onigiri764
CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
PHPカンファレンス2014「baserCMSとベーサーマーケット」
PHPカンファレンス2014「baserCMSとベーサーマーケット」
Masaharu Takishita
PHPカンファレンス2014で発表したCMS LTのスライドです。
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
Toru Miki
Presentation date: 6 July 2012
Apiドキュメンテーションツールを使いこなす【api blueprint編】
Apiドキュメンテーションツールを使いこなす【api blueprint編】
dcubeio
https://d-cube.connpass.com/event/60587/ で発表した内容です
20130225 pronet study
20130225 pronet study
Six Apart
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
SPS 開発から SPO 開発に変わる際に気をつけなければならないポイント 3 選
SPS 開発から SPO 開発に変わる際に気をつけなければならないポイント 3 選
Oshitari_kochi
第 3 回 Japan M365 Dev User Group 勉強会でのLT資料です。 https://jpm365dev.connpass.com/event/207225/
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
フロントエンド実装者から見た PowerCMS X
フロントエンド実装者から見た PowerCMS X
Hideki Abe
2018年12月12日に開催された「PowerCMS X 製品発表会」での発表スライドです。
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CakePHP × 国産! baserCMS3の深化と今後の拡がり
Daisuke Abe
「神戸ITフェスティバル2013〜今話題のいろんなCMSを少しずつ見てみよう!」で使用した講演資料です。
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Seiko Kuchida
2012年11月22日・23日に開催された「a-blog cms Training Camp 2012 Autumn」の発表スライドです。
OSC2013@FUKUOKA
OSC2013@FUKUOKA
Ryuji Egashira
baserCMS3の新機能と今後の展望
Rails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3edition
Satomi Tsujita
2479
2479
schoowebcampus
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
7/7にwordbench神戸で使ったDreamweaverの資料です。
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
Shingo Iwahori
DIST.17 「Webデザインの現場のための効率化術」2017/08/25
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
Garyuten
2012/03/10 BaserCMS勉強会 Vol.6のLTのスライド。 テーマの考え方とか触るポイントとか。
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
CSS Nite in OSAKA, Vol.32
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
Kasumi Morita
Frontend Nagoya #9で発表した内容です
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
Kasumi Morita
WCAN 新潟出張版 2018でお話しした内容です。
a-blog cms が与える体験
a-blog cms が与える体験
Kasumi Morita
contents.nagoyaのオープンセッションの時間でお話しした内容です。CMS選びに困っている方に向けて、a-blog cmsが与える独特な体験についてご紹介しています。
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
Kasumi Morita
将来ウェブ業界に入りたい学生さん向けのイベント、アップルップルのWeb技術の学び方講座 OthloEvent#29( https://othlotech.connpass.com/event/85253/ )で話した内容です。
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
Kasumi Morita
Frontend Nagoya #3 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、1ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 https://frontend758.doorkeeper.jp/events/67960
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
Kasumi Morita
a-blog cms Training Camp 2017 Autumn でご紹介した2017年テーマの紹介です。
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Kasumi Morita
SaCSS Special 13で話した内容です。
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
Kasumi Morita
名古屋マークアップ勉強会 The Final で話した内容です。
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
Kasumi Morita
CSS Talk vol.2 で登壇した内容です。CSSのみを使って動的コンテンツに対応したレイアウトを提供できるQuantity Queriesについてお話ししました。
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
Kasumi Morita
Nagoya.js #1 で発表した内容です。
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
WCAN 2016 Winter のライトニングトーク枠でお話しした内容です。わたしがAMP対応したときに困った点についてエンジニア目線で主にピックアップしています。
Sassを使いこなそう
Sassを使いこなそう
Kasumi Morita
2016年11月21日(月)に開催したアップルップル公開社内勉強会vol.30でお話した内容です。
More Related Content
Similar to a-blog cms Training Camp 2019 spring
フロントエンド実装者から見た PowerCMS X
フロントエンド実装者から見た PowerCMS X
Hideki Abe
2018年12月12日に開催された「PowerCMS X 製品発表会」での発表スライドです。
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CakePHP × 国産! baserCMS3の深化と今後の拡がり
Daisuke Abe
「神戸ITフェスティバル2013〜今話題のいろんなCMSを少しずつ見てみよう!」で使用した講演資料です。
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Seiko Kuchida
2012年11月22日・23日に開催された「a-blog cms Training Camp 2012 Autumn」の発表スライドです。
OSC2013@FUKUOKA
OSC2013@FUKUOKA
Ryuji Egashira
baserCMS3の新機能と今後の展望
Rails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3edition
Satomi Tsujita
2479
2479
schoowebcampus
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
7/7にwordbench神戸で使ったDreamweaverの資料です。
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
Shingo Iwahori
DIST.17 「Webデザインの現場のための効率化術」2017/08/25
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
Garyuten
2012/03/10 BaserCMS勉強会 Vol.6のLTのスライド。 テーマの考え方とか触るポイントとか。
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
CSS Nite in OSAKA, Vol.32
Similar to a-blog cms Training Camp 2019 spring
(10)
フロントエンド実装者から見た PowerCMS X
フロントエンド実装者から見た PowerCMS X
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
OSC2013@FUKUOKA
OSC2013@FUKUOKA
Rails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3edition
2479
2479
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
あるマークアップエンジニアの初期制作時のテンプレ事情
あるマークアップエンジニアの初期制作時のテンプレ事情
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
More from Kasumi Morita
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
Kasumi Morita
Frontend Nagoya #9で発表した内容です
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
Kasumi Morita
WCAN 新潟出張版 2018でお話しした内容です。
a-blog cms が与える体験
a-blog cms が与える体験
Kasumi Morita
contents.nagoyaのオープンセッションの時間でお話しした内容です。CMS選びに困っている方に向けて、a-blog cmsが与える独特な体験についてご紹介しています。
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
Kasumi Morita
将来ウェブ業界に入りたい学生さん向けのイベント、アップルップルのWeb技術の学び方講座 OthloEvent#29( https://othlotech.connpass.com/event/85253/ )で話した内容です。
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
Kasumi Morita
Frontend Nagoya #3 でお話しした内容です。 デザインカンプをそのまま実装するんじゃなくて、1ユーザーとして、エンジニアとして意見を出すきっかけになったらいいなと思います。 https://frontend758.doorkeeper.jp/events/67960
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
Kasumi Morita
a-blog cms Training Camp 2017 Autumn でご紹介した2017年テーマの紹介です。
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Kasumi Morita
SaCSS Special 13で話した内容です。
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
Kasumi Morita
名古屋マークアップ勉強会 The Final で話した内容です。
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
Kasumi Morita
CSS Talk vol.2 で登壇した内容です。CSSのみを使って動的コンテンツに対応したレイアウトを提供できるQuantity Queriesについてお話ししました。
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
Kasumi Morita
Nagoya.js #1 で発表した内容です。
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
WCAN 2016 Winter のライトニングトーク枠でお話しした内容です。わたしがAMP対応したときに困った点についてエンジニア目線で主にピックアップしています。
Sassを使いこなそう
Sassを使いこなそう
Kasumi Morita
2016年11月21日(月)に開催したアップルップル公開社内勉強会vol.30でお話した内容です。
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
Kasumi Morita
名古屋マークアップ勉強会でお話しした内容です。「マークアップの最適解を見つけ出す方法」でお話しした内容を実際にどうやって体験していたのか、体験して何を感じたのかを共有しています。
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
a-blog cms Training Camp 2016 でお話しした、 a-blog cms でAMP対応する方法について解説したセッションのスライドです。
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
Kasumi Morita
WCAN 2016 Autumn で発表した内容です。 マークアップの最適解を見つけ出す方法( http://www.slideshare.net/mkasumi/ss-66363251 )をすこしWCAN用に調整したものです。
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
Kasumi Morita
DevLOVE 「webサイトをマークアップするということ」で発表した内容です。
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
Kasumi Morita
2016年 a-blog cms 勉強会で更新方法のカスタマイズについて紹介したスライドです。
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
Kasumi Morita
2016年版 a-blog cms 勉強会でa-blog cms を説明するために発表した内容です。
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
Kasumi Morita
WCAN mini 2016 Vol.2のライトニングトークで発表した内容です。
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
Kasumi Morita
a-blog cms Training Camp 2016 OKINAWA で発表した内容のスライドです。
More from Kasumi Morita
(20)
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
a-blog cms が与える体験
a-blog cms が与える体験
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
数が増えてもこわくない!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 Training Camp 2019 spring
1.
a-blog cms Training
Camp 2019 Spring 有限会社アップルップル 森⽥かすみ テーマとUI について の
2.
森⽥ かすみ 有限会社アップルップル デザイナー @KasumiMorita
3.
まずはテーマから
4.
3つはほぼ同じ変更
5.
サイト系テーマの変更点 • Bootstrapのバージョンを v4.3.1に •
お問い合わせのエラー⽂を改善 • オフキャンバスの廃⽌ • Tag_Relationalのデモを追加 • ユニットグループに背景⾊を追加 • メインカラムのサイズを820pxに • Facebookのロゴ変更
6.
フォームの連続投稿のエラー
7.
オフキャンバスやめました オフキャンバス の実装サンプルは ブログテーマで!
8.
メインカラムを820pxに 1/1幅 1/2幅 1/3幅 820px
400px 260px 820pxは魔法の数字🌟☺ 1/1幅 1/2幅 1/3幅 857.5px 418.75px 272.5px
9.
Facebookのアイコン変更 https://ja.facebookbrand.com/assets/「f」ロゴ/ Facebookの ガイドラインも 要チェック!
10.
ブログテーマについて
11.
ブログテーマの変更点 • デザインを⼀新 • メインカラムのサイズを選べるように •
スマホのデザインパターンを3つ⽤意 • キーカラーの設定 • カレンダーの実装 • ライター紹介
12.
幅4パターン メインカラム幅 1/1幅 1/2幅
1/3幅 820px 820px 400px 260px 760px 760px 370px 240px 700px 700px 340px 220px 640px 640px 310px 200px コンフィグセット あり◯
13.
スマホレイアウト3パターン サムネイル1カラム サムネイル2カラムそのまま class属性の 変更だけ!
14.
そのほかブログテーマだけの設定 カレンダー キーカラーの設定 ライター紹介
15.
UIの変更 https://developer.a-blogcms.jp/blog/kaizen/admin-ui-kaizen-20190214.html
16.
UIの変更点 • 作成ボタンを緑に • ラベルとバッジのコントラスト⽐を改善 •
ファイルアイコンデザイン変更 • エントリー保存ボタンの固定化 • スマホエントリー⼀覧の編集ボタン
17.
「作成」ボタンを緑に
18.
ラベルとバッジのコントラスト⽐を変更 青 赤 黄
緑 灰 以前のラベル 3.03 3.36 1.98 2.24 2.85 現在のラベル 5.4 5.68 4.67 5.36 7.71 レベルAAを11pxの⽂字サイズのときに達成するためには、4.5以上のコントラスト⽐が必要になります。
19.
ファイルアイコンの変更
20.
エントリーの保存ボタン
21.
スマートフォンのエントリー⼀覧
22.
ぜひ最新バージョン、お使いください!
23.
ありがとうございました #acmscamp
Download now