Akiko kashiwabara moritamoriko

## gist:a1e64fd76ea00d529bbf016fcca3af61
# 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

## configuration.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                moritamoriko
                / configuration.md
            
            
              Last active
              August 29, 2015 14:07
            
              
                PCを乗り換えた時につまづかないメモ 〜Ruby・Rails 開発環境 編
              
          
    ###以下を実行した時の環境
MacBook Pro　Retina, 15-inch, Mid 2014
OS X 10.9.5（Mavericks）
##TinkerTool入れる
http://www.bresink.com/osx/TinkerTool.html
macの隠しファイルが見られるようになるツール
インストールしたら立ち上げて↓の設定

  
## moriko_o.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                moritamoriko
                / moriko_o.md
            
            
              Last active
              August 29, 2015 14:01
            
          
    ##名前
@moriko_o （柏原あきこ）
##職業
現在は、スマホアプリのUIデザインをやっています
##Gitで思い入れのあるコマンド
まだ使い始めたばかりなので特にありません
##Rails4.0

  
## gist:10592288
= link_to image_tag( 'header_logo.png', name: "あああ", class: ""), :root

## gist:9875438
%body{class: "#{signed_in? ? 'yes' : 'no'}"}

## Preferences.sublime-setting ー User

{
    "font_face": "ゆたぽん（コーディング）",
    "font_size": 18
}

## box-shadow ぼかし

*｛
    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);
｝

## html5マークアップ
<!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>

## Media Queries
/*Max Width*/
/*クラスXXXXXXが指定したサイズ（Npx）より小さい場合にスタイルが適用される*/

@media screen and (max-width: Npx) {
	.XXXXXX {
		background: #F9C;
	}
}
	# 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

	{
	"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;
	}
	}