###以下を実行した時の環境 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; | |
} | |
} | |