Category Archives: Inbox

デフォルトのカテゴリー
振り分け前の投稿

SublimeText Settings

### list

– Setting

– Package

– Keymap

– Sunippet

– Projects

## Setting

**2018.11.28**

<pre>

{

“auto_indent”: true,

“color_scheme”: “Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme”,

“disable_tab_abbreviations”: false,

“draw_indent_guide”: true,

“draw_white_space”: “selection”,

“font_face”: “monaco”,

“font_size”: 16,

“ignored_packages”:

[

“Vintage”

],

“material_theme_accent_bright-teal”: true,

“material_theme_accent_indigo”: true,

“material_theme_accent_lime”: true,

“material_theme_accent_orange”: true,

“material_theme_accent_purple”: true,

“material_theme_accent_red”: true,

“material_theme_accent_yellow”: true,

“material_theme_bold_tab”: true,

“material_theme_compact_sidebar”: true,

“material_theme_disable_fileicons”: true,

“material_theme_disable_folder_animation”: true,

“material_theme_disable_tree_indicator”: true,

“material_theme_small_statusbar”: true,

“material_theme_small_tab”: true,

“material_theme_tabs_autowidth”: true,

“tab_size”: 4,

“theme”: “Material-Theme-Darker.sublime-theme”,

“translate_tabs_to_spaces”: false,

“indent_guide_options”: [ “draw_normal”, “draw_active” ],

“trim_automatic_white_space”: true

}

</pre>

<hr>

## Package

### list

**2018.11.28**

<pre>

{

“bootstrapped”: true,

“in_process_packages”:

[

],

“installed_packages”:

[

“A File Icon”,

“AutoFileName”,

“Browser Refresh”,

“Compass”,

“Emmet”,

“Git”,

“MarkdownLivePreview”,

“MarkdownPreview”,

“Markmon real-time markdown preview”,

“Material Theme”,

“Monokai Extended”,

“OmniMarkupPreviewer”,

“Package Control”,

“SCSS”,

“SFTP”,

“SideBarEnhancements”,

“SublimeLinter”,

“SublimeLinter-csslint”,

“Table Editor”,

“Terminal”,

“TrailingSpaces”,

“View In Browser”

]

}

</pre>

## How to use

#### A File Icon

<hr>

## key map

### sublime

###Package

####Emmet

<pre>

{

“snippets”: {

“html”: {

“abbreviations”: {

//ここから

// “paging”: “.pagination>.wp-pagenavi>span.previouspostslink{&lt;}+span.current+a[href=#]*4+span.nextpostslink{&gt;}”

//ここまで

}

},

“css”: {

“snippets”: {

//ここから

“inc”: “@include |;”,

“incfos”: “@include fos(|);”

// “@ib”: “@include inline-block;”,

// “@op”: “@include opacity(${1:0});”

//ここまで

}

}

}

}

</pre>

<hr>

Sunippet

<hr>

Projects

## ShrotCut key Default

移動 : **com + ↑ or ↓**

スクロール : **fn + ↑ or ↓**

カーソルを移動 先頭 or 最後 : **com + ← or →**

カーソルを移動 単語 : **opt + ← or →**

行の複製 : **com + shift + D**

行の移動 : **con + com + ↑ or ↓**

行の削除 : **con + shift + K**

改行の挿入 After : **com + enter**

改行の挿入 Before : **com + shift + enter**

繰り返し : **com + Y**

**com + shift + A**

ex : `<h1>Comand</h1>`

h1を選んだ状態で中身を選択できる

Command

選んだ状態でタグで囲む : **con + shift + W**

</section>

favicon

2018.12.12

1. 画像の準備

2. コードの追記

# Webサイトで用意しておくべきアイコン画像

700px and 180px

ファビコン(favicon)

スマホ用アイコン(apple-touch-icon)

Windows8, 10用アイコン

head に記述

<!-- favicon icon-mo-->
<link rel="icon" href="./favicon.ico">

or

<link rel="icon" type="image/png" href="/favicon.png">

or

<link rel="icon" href="/asset/img/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/asset/img//touch-icon.png">

`

Windows

<meta name="application-name" content="{サイト名}"/>
<meta name="msapplication-square70x70logo" content="small.jpg"/>
<meta name="msapplication-square150x150logo" content="medium.jpg"/>
<meta name="msapplication-wide310x150logo" content="wide.jpg"/>
<meta name="msapplication-square310x310logo" content="large.jpg"/>
<meta name="msapplication-TileColor" content="#FAA500"/>

いい作品を作るには

Evernote

手を動かして、どんどん作る
数多く作る
いいものをたくさん見て真似する

配置

固定配置
絶対指定
相対指定

position
relative : float 　との併用不可
absolute : float　との併用可能

デザイン手法

引き算で考える
ユーザー視点からのページ作り
SNS
ロングテール
双方向プロジェクト
バナーデザイン
大きさを考える　揃える　揃えない？
ページ全体のイメージから考える
何のためのバナーなのか？　からデザインする

上下でコントラストをつけすぎない　→ 浮いて見える

企画ページ

ほにゃらら　したくなる

健康　トイレに行きたくなる　

コメントアウト　コメントにする

ベンダープレフィックス　各ブラウザに対応させる

導線

GNAVは便利　深い階層には導かない
導線が確保されていない

解析をし、ユーザーが目的の情報に辿り着けるようにページ間のリンクを作る

最終的には、目的（ユーザーの目的）の情報ページに落とし込む前段階で悩ませない

メールの削除

正直、よく分かってないです。

ターミナルを立ち上げると

You have new mail.

メールを削除したい。

結論　全削除

cat /dev/null > /var/mail/[username]

全てのメールが削除される。
大事なメールは来てないはず（多分）。

概要

MACの内部で何者かがメールを送っているよう。
MAMPとかでワードプレスをインストールするとなるのかな？
？？？
よくわかっていない。

$mail メールを確認

$mail


[return]（ [enter] [改行]）
を連打してメールをすべて確認できる。
エラーかもしれないので、たまに確認する。

$mail を終了

exit

で mail を終了。

メールの確認

[username] を確認する。
誰に来ているのかな？

ls -al /var/mail


この結果の例:

total 0
drwxrwxr-x@  3 root      mail    196 4 9 10:20 .
drwxr-xr-x  35 root      wheel  1120 4 9 10:22 ..
-rw-------@  1 username  mail  16005 2 13 10:27 username

メールを削除

メールを削除します。

cat /dev/null > /var/mail/[username]

確認

mail

↓

No mail for [username]

これでOK！

全削除して問題ないのか？メールを止める手段は？
何回も削除してきましたが、問題ないようなので、気がついた時に全削除してます。