代々木で働く19歳エンジニアのブログ

思ったこととか、技術的なこと書きます。

2017-08-11から1日間の記事一覧

SMACSS

命名規則 .alert { - .alert.success { + .alert-success { - .alert.warning { + .alert-warning { - .alert.error { + .alert-error { … .warning { // 汚染されてしまう ベースとなるコンポーネント名を名前空間として継承した命名にすること - クラス名…

sass, scss

Sass, also known as the indented syntax SCSS, a CSS-like syntax Initially, Sass was part of another preprocessor called Haml, designed and written by Ruby developers. // Variable !primary-color= hotpink // Mixin =border-radius(!radius) -we…

OOCSS(Object Oriented CSS)概要とその具体的な書き方

枠とモジュールという考え方 枠 モジュールをはめ込んでいくための枠組み モジュール レゴや積み木などの1ピース(部品) モジュール名さえかぶらなければスタイルの競合が起きない モジュールの一覧を作る モジュールの命名、抽象的(汎用的)⇄具体的(汎用…

フロントでコーディングをするときに困ったら見るべきドキュメント集

Google HTML/CSS Style Guide HTML5 HTML & CSS - W3C HTML5 CSS3 Cascading Style Sheets JS https://google.github.io/styleguide/javascriptguide.xml#Custom_toString___methods GitHub - airbnb/javascript: JavaScript Style Guide

デザイン、現場の手法

chapter1 デザインの作法 デザインにゴール地点を設定する どうすればデザイン案にOKが出るか、クライアントが期待している何か(要望)を正確に聞き出す レイアウトは枠組みから、最初にデザインの設計を済ませて、作るものの仕上がりに近いサイズの紙を用意…