マークアップは下準備が80% - SaCSS

2019年4月13日に開催されたSaCSSでのサトウ ハルミさんの発表のツイートをまとめました。
sacss CSS HTML
197view 0コメント
2
うぇびんさん @webbingstudio
二人目はコーディング専門の制作会社FLATの代表をしているサトウハルミさん @uzu 札幌にもかつてコーディング専門の会社がありました。懐かしさ… #sacss
うぇびんさん @webbingstudio
ファミリーレストランがとても早く料理を出せるのは、下準備を済ませていて、決められた調理をすればできるようにしているから #sacss
Вёе @bee_d2b
マークアップによってそのあとWPに落とし込むときの工数も変わるから下準備大事 #SaCSS
うぇびんさん @webbingstudio
「使い回しなどで作業を効率化してコストダウンすることで、クォリティに時間をかけたり、浮いた時間で新しいチャレンジができる」ほんこれ #sacss
半田@24-7/パンセ @assialiholic
手打ちがいいのは「蕎麦」と「うどん」だけw #sacss pic.twitter.com/H1W7Lh9z9A
 拡大
池田 泰延 / ICS @clockmaker
手打ちがいいのは蕎麦と饂飩だけ HTMLのマークアップは手打ちは効率よくない #sacss pic.twitter.com/c5IHAoAvmM
 拡大
コモモ先生 @komomoaichi
マークアップは下準備が8割 #sacss
akahappa @akahappa
サイトのメニューとか、使いまわしたいのになんだかんだいっつも一から書く羽目になって使いまわせる書き方できる人尊敬しかない #sacss
シュンヤ @bonobono0804
コーディングは料理と同じで「仕込み」が大事 #sacss pic.twitter.com/YPBxLDjCZx
 拡大
半田@24-7/パンセ @assialiholic
ご参考までに、半田流のAdobe XDを使用したマークアップの下準備の例です(札幌のAdobe XD meetingにて) #sacss #XDUG thinkingsalad.com/technology/sap…
Вёе @bee_d2b
自分もコーディングはぺーぺーなので紙に印刷してからブロック分けや余白計算なんかを書き込んでからやってる 頭の中で描けないけどそれなら視覚的に作りやすくできる #SaCSS
全部入りしないりん @mamiline6
印刷して全部書き出してたなぁー #sacss
うぇびんさん @webbingstudio
全体の構造とfont-sizeやline-heightなどを紙に書きだしておく。CMの絵コンテのように。PSDなどのカンプからコーディングをしつつ調べる作業がはぶける #sacss
全部入りしないりん @mamiline6
1ページデザインずつコーディングする流れだったからモジュールで考えるコーディングするのだいぶ後だった #sacss
うぇびんさん @webbingstudio
bodyの背景に薄くしたカンプ画像を表示してぴったり合うようにコーディングする…というのを一時やったことがあるのですが、要素に背景色を指定すると見えなくなってしまうので諦めました #sacss
うぇびんさん @webbingstudio
フレームワークの自作はほんとおすすめ。スキルアップになるし、これまでなんとなくやっていた作業の根本からの見直しになります。よかったら私のecho.cssもみてー cms-skill.com/echo-css/ #sacss
半田@24-7/パンセ @assialiholic
自作フレームワーク問題は、個人の癖とか、どこまで作り込むとか、その辺りのバランス感覚がとても難しい(半田意見) #sacss
西畑一馬@to-R @KazumaNishihata
うちのスタッフがBulmaの解説本だしてますよ。 booth.pm/ja/items/493575 #sacss
全部入りしないりん @mamiline6
フレームワークから組み方を学んだりする #sacss
うぇびんさん @webbingstudio
あ、透かしコーディング出てきたw #sacss
残りを読む(21)
ログインして広告を非表示にする
ログインして広告を非表示にする