code,css

h1{
line-height:normal;
font-size:30px;/*タイトル文字サイズ*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
padding:4px 0px 15px 0px;
}
h2{
line-height:normal;
font-size:20px;/*タイトル文字サイズ*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
}
.........................
/*ページのタイトル部分のみのテキストリンク-----------------*/
h2 a:link       {color:#B61656; text-decoration: none;} /*メニュー・テキストリンクの色*/
h2 a:visited    {color:#B61656; text-decoration: none;} /*メニュー・訪問済みのリンクの色*/
h2 a:active     {color:#B61656; text-decoration: none;} /*メニュー・クリック時のリンクの色*/
h2 a:hover      {color:#B61656; text-decoration: none;} /*メニュー・マウス上にカーソルがある時のリンク色*/

hdgfg pc

2016.8

code,color

dark>light
#ffd5aa<#ff99cc<#ff99cc
#555555<#555555<#5f5f5f
#e27272<#b12323<#8d1d1d

TAG index Webサイト
http://www.tagindex.com/color/color_gradation.html

code,スマートフォンサイト

css3で作るスマートフォンサイト用、業種別ボタンデザイン配布！
最適化ノウハウコラム記事　
～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&SLIDEへ～

TOUCH&SLIDE
http://touch-slide.jp/column/691/


2-3 スマートフォンで押しやすいボタン型リンクを作るCSS [ホームページ作成] All About

All About
http://allabout.co.jp/gm/gc/382463/2/

.................
.btn {
   background: -moz-linear-gradient(top,#FFCC99 0%,#FFCC99 50%,#d56a00);
   background: -webkit-gradient(linear, left top, left bottom, from(#FFCC99),color-stop(0.50, #FFCC99),to(#d56a00));
   color: #B61656;
   display: block;
   width: 50%;
   text-align: center;
   padding: 0.1em 0.3em;
   text-decoration: none;
   margin: 5px 3em;
   line-height: 2em;
   white-space: nowrap;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #ffd5aa;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

gdfg pc

.btn {
   background: -moz-linear-gradient(top,#FFCC00 0%,#FF6600 50%,#FF8533);
   background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),color-stop(0.50, #FF6600),to(#FF8533));
   color: #FFF;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #FF6600;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

TOUCH&SLIDE
http://touch-slide.jp/column/691/

.................
xx {
   background: -moz-linear-gradient(top,#e27272 0%,#b12323 50%,#8d1d1d);
   background: -webkit-gradient(linear, left top, left bottom, from(#e27272),color-stop(0.50, #b12323),to(#8d1d1d));
   color: #FFCC99;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border: 2px solid #8d1d1d;
   -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
 }

TOUCH&SLIDE
http://touch-slide.jp/column/691/

NepocA(ネポカ)

ネットカフェポータルサイト「NepocA(ネポカ)」

NepocA(ネポカ)
http://www.nepoca.com/

メディアカフェポパイのウェブサイトへようこそ。

メディアカフェポパイ

http://www.media-cafe.ne.jp/guide/index.htm

FFFTP（64bit版）

FFFTP（64bit版）
v1.99a（16/05/14）
定番FTPクライアントソフト
フリーソフト
対応OS ： 64bit版のWindows Vista/7/8/8.1/10
ファイルサイズ 3.0MB
左右分割型の日本語FTPクライアント。
ウィンドウ内左右にローカルディスク側とホスト側のファイル一覧を表示し、
ドラッグ＆ドロップや右クリックメニューなどの操作で転送できる。
テキストファイルの漢字コードをEUCやJISコードに自動で変換したり、
半角カナ文字を自動で全角に変換といった国産ソフトならではの機能を備えている。
ホームページを一括転送できるミラーリング機能も備え、
ローカル側のフォルダの変更内容をそのままホスト側に反映できるため、
ホームページ転送専用ソフトのようにも使える。
転送や削除をしないファイルやフォルダをあらかじめ指定しておいたり、
アップロードするファイルの属性を指定しておくことも可能だ。
ミラーリング時に転送・削除するファイルを事前に一覧で確認することもできる。
また、中断と再開が可能なダウンロードレジューム機能にも対応している。

窓の杜
http://forest.watch.impress.co.jp/library/software/ffftp/