ホームページのCSS

トップページのサムネイル

	<base target="_blank">
	<style>
	* { transition: 0.5s; }
	a.app:hover * { transition: 0.1s; }
	a.app { position: relative; }
	a.app:hover { opacity: 0.75; }
	img.app {
	border-width:1px; border-color:rgba(127, 96, 255, 0.5); border-style:solid; }
	a.app:hover > img.app {
	border-color: rgba(255, 128, 32, 1); }
	span.app {
	padding:5px; width:241px;
	font-size:14px; font-weight:bold; color:#ffd;
	background-color: rgba(48, 32, 255, 0.75); }
	a.app:hover > span.app {
	color:#fff;
	background-color: rgba(255, 104, 16, 0.92); }
	</style>
	<table class="app">
	<tr class="app"><td class="app" style="vertical-align: bottom; padding: 3px;">
	<a class="app" href="https://sites.google.com/site/fpaintnagato/paint/icpaint">
	<img class="app" width=250px src="https://sites.google.com/site/fpaintnagato/_/rsrc/1380516389567/paint/icpaint/icpaint3.PNG">
	<span class="app" style="position:absolute; bottom:1px; left:1px;">キーボードで簡単に操作できる「IcPaint」</span></a>
	</td>

view raw top_page_thumbnail.htm hosted with ❤ by GitHub

ダウンロードボタン

	<style>
	* { transition: 1s; }
	a:hover * { transition: 0.3s; }
	div.pa {
	padding: 8px;
	display: inline-block; }
	div.big {
	position:absolute; top:-2px; left:-2px; width:100%; height:100%; z-index:-1;
	border-width:1px; border-style:solid; border-radius:3px; }
	div.fg {
	border-color: #4cf;
	background: linear-gradient(to bottom, #fef 1%, #eff 50%, #adf 60%, #9ff 100%); }
	a:hover div.fg { opacity:0; }
	div.bg {
	border-color: #4fc;
	background: linear-gradient(to bottom, #aff 0%, #efc 50%, #cf8 60%, #ff7 100%); }
	font {
	position:relative; padding:6px 14px;
	font-size:24px; font-weight:bold;
	color: #00f; }
	a:hover font { color:#0f0; }
	</style>
	<a href="http://bit.ly/18xA9Xi">
	<div class="pa">
	<span><div class="bg big"></div><div class="fg big"></div>IcPaint_v0.2.zip をダウンロード</span>
	</div>
	</a>

view raw download_button.htm hosted with ❤ by GitHub

vimのチートシート

! warnings を無視
(action)(times)(object) actionをtimes回objectにする

** Insert
i a カーソルの前/後に挿入
I A 行頭/行末に挿入
O o 今/次の行に挿入

** Visual-mode
v V C-v char/line/block visual mode
u U lower/uper case
~ inver case
> < increase/decrease indent
iw iW inner word/Word
aw aW word with space
is as inner/a sentence
ip ap inner/a paragraph
i( i) a( a) inner/a (...)
i< i> a< a> inner/a <...>
i" a" inner/a "..."
i` a` inner/a `...`


** Move
( ) sentence back/forward
{ } paragraph back/forward
%
| 0 $ begin/end line
gg G begin/end file
nG nth line
H M L top/middle/bottom screen
zt zz zb where cursor is top/middle/bottom
C-e C-y scroll down/up line
C-d C-u scroll down/up half page
C-f C-d scroll down/up page
0 ^ g_ $ begin/first char/last char/end of line
gE ge w W previous/next word
B b e E begging/end of word
[( ]) goto ( )
[{ ]} goto { }
(this is { a test (once more ) middle} end)
fc Fc forward/backward of c
; repeat char
, reverse char
# prev identifier
* next identifier


** Edit
x X delete forward char/backword char
D delete end of line
dd delete line
yy Y yank line
y$ yank end of line
yw yank word
C change enf of line
cc change line
cw change word
R replace mode
r replace char
s substitute
S substitute line
p P paste before/after
. repeat
u U undo last change/ all changes of line


** Replace
:s/pattern/string/gc
g all
c comfirm
& repeat :s


** Marker
mc marker c
`c goto beggining in c
'c goto first non-blank char in c

** Search
/ ? search forward / backward
n N search forward / backward

** Macro
qc record macro
@c do macro


** Command
:w 保存
:zz 保存して終了
:r 読み込み
:n 次のファイルへ
:p 前のファイルへ
:e 編集

C-] goto definition (VsVim)