HTML HTML_Quotation_Marks - -<a class='maia-button maia-button-secondary'>Sign in</a> + +<a class="maia-button maia-button-secondary">Sign in</a> CSS Shorthand_Properties -/* Not recommended */ -border-top-style: none; -font-family: palatino, georgia, seri…

チーム チームは個人の生産性や幸福に直接影響する ソフトウェア開発はチームスポーツ 素晴らしいアイデアを隠しておいて、それが完成するまで誰にも話さないというのはリスクの高い大きな賭け 検証を重視した「早い段階で、高速に、何度も失敗せよ」の精神 …

なんかhtmlとかって実際同じビューを作ろうとおもえば、例えばheaderとかfooter作る上だといくらでも書ける。でも使うタグもたくさんあるし、こういうレイアウトのときはどうしたほうがいいか。そういうのは、w3cのdocsを読むか、google のseo周りの部分を見…

engageinteractive.co.uk zellwk.com zellwk.com

MCSS(Multilayer CSS) OOCSSとBEM BEMでいうところのBlockとそのElementとModifierはまとめて同じ場所に記述されるべき。 可能な限りクラス名を略称にする 1.Foundation SMACSSでいうところのBase 2.Base SMACSSでいうところのModule Baseレイヤーコンポーネ…

Mixins A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. @mixin message($color) { border: 1px solid #ccc; padding: 10px; color: $color; } .success { @include message(#333); border-color: green; }…

6.4.2 !important rules CSS attempts to create a balance of power between author and user style sheets. By default, rules in an author's style sheet override those in a user's style sheet (see cascade rule 3). cssはauthorとuserでバランスを…

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

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…

枠とモジュールという考え方 枠 モジュールをはめ込んでいくための枠組み モジュール レゴや積み木などの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が出るか、クライアントが期待している何か(要望)を正確に聞き出す レイアウトは枠組みから、最初にデザインの設計を済ませて、作るものの仕上がりに近いサイズの紙を用意…

fugaのcommit messageを編集したい。 $ g log --oneline 068bc0b bar 19b06a6 fuga 6f04c12 hoge rebaseする。 $ git rebase -i HEAD~3 vimが開くので、該当コミットをpickからeに変えて保存(:wq) pick 6f04c12 hoge - pick 19b06a6 fuga + e 19b06a6 fuga p…

Getting Started Install $ brew install terraform Configuration provider "aws" { access_key = "ACCESS_KEY_HERE" secret_key = "SECRET_KEY_HERE" region = "us-east-1" } resource "aws_instance" "example" { ami = "ami-2757f631" instance_type = "…