-
1:ID:p6XAZG · 2017-10-02

おすすめのコーディング時短テクニックをききたい。ちなみに自分はしょぼめのデザイナー兼コーダーなのですが、photoshopの機能でレイヤー準拠スライスとアクションによるグループを別ファイルに抽出するスライス方を最近しって感動したくらいの低レベルです。
フレームワークはものによって時短にならなかったり難しいけどうまく使えたらすごく武器になるよな…とは思っているところです。
時短の記事とか読んでみたりするけど、なかなか他の人に聞ける機会はないのでぜひ聞いてみたいです。

7 件の回答

2:ID:moCGA2 · 2017-10-02

数値的な計算を全てSassに任せる。
BEM等使いやすい命名規則を導入してクラス名等に迷いをなくす。
ある程度突き詰めると最後は集中力を切らさないようにするとか、使ってるソフトの軽さを求めるとかコーディング以外の所を改善した方が効果が得られる。
CSSのフレームワークはデザインがそれ使う前提で作られてないと時短にはならない。というか逆に時間かかる。

4:ID:D1nKQy · 2017-10-02

Sublime Textの複数選択(Ctrl+D)を覚えたら世界が変わった

5:ID:moCGA2 · 2017-10-02

Re:3
複雑な公式を適用する時はMixinのほうがいいと思うけど、普通に式を直接書いてる。
たとえばvwでフォントサイズを指定したいときは横幅750pxのデザインに対して24pxのフォントサイズだとすると、font-size:(24/750) * 100vw;ってやればOK。

7:ID:dp.0Lg · 2017-10-02

iconフォント → Sketch → Gulp → Sass → CSS の流れでかなり幸せになれるよ。
photoshopで例えるならば、レイヤーごとにiconを作っていって、ファイルを保存したら、css classとしてpsdのレイヤー名を指定したらそのままアイコンとして使える感じ。初めて使った時は衝撃的な時短に感じたよ。ただし、Sketch使えてGulpで多少のコードが書けることが前提だから、それがまったくない人は導入障壁はそこそこあると思う。

3 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る