###以下を実行した時の環境 MacBook Pro Retina, 15-inch, Mid 2014 OS X 10.9.5(Mavericks)
##TinkerTool入れる http://www.bresink.com/osx/TinkerTool.html
macの隠しファイルが見られるようになるツール インストールしたら立ち上げて↓の設定
| # project下にgemをインストールする手順 | |
| # プロジェクトフォルダ直下に移動 | |
| $ bundle init | |
| Writing new Gemfile to /Users/kashiwabara/archive/project/chitei-lp/Gemfile | |
| # Gemfileをエディタで開いて編集 | |
| 例) | |
| # Middleman Gems | |
| gem 'middleman', '>= 4.0.0' |
| .fa-hatena | |
| &:before | |
| content: "B!" | |
| font-family: Verdana | |
| font-weight: bold |
###以下を実行した時の環境 MacBook Pro Retina, 15-inch, Mid 2014 OS X 10.9.5(Mavericks)
##TinkerTool入れる http://www.bresink.com/osx/TinkerTool.html
macの隠しファイルが見られるようになるツール インストールしたら立ち上げて↓の設定
##名前 @moriko_o (柏原あきこ)
##職業 現在は、スマホアプリのUIデザインをやっています
##Gitで思い入れのあるコマンド まだ使い始めたばかりなので特にありません
##Rails4.0
| = link_to image_tag( 'header_logo.png', name: "あああ", class: ""), :root |
| %body{class: "#{signed_in? ? 'yes' : 'no'}"} |
| { | |
| "font_face": "ゆたぽん(コーディング)", | |
| "font_size": 18 | |
| } |
| *{ | |
| box-shadow: 10px 10px 10px rgba(0,0,0,0.25); | |
| -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.25); | |
| -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.25); | |
| } |
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="keywords" content=""> | |
| <meta name="description" content=""> | |
| <link rel="stylesheet" href="css/XXXX.css" media="all"> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script src="js/XXXX.js"></script> |
| /*Max Width*/ | |
| /*クラスXXXXXXが指定したサイズ(Npx)より小さい場合にスタイルが適用される*/ | |
| @media screen and (max-width: Npx) { | |
| .XXXXXX { | |
| background: #F9C; | |
| } | |
| } | |