プロフィール
最終学歴 ＊＊工業高校 電気科卒 ＊＊職歴 ＊＊普通のサラリーマン ＊＊
職場履歴 ＊＊東京→名古屋→大阪→名古屋 と転勤勤務 （大阪は、単身赴任）＊＊
現職 ＊＊現在 T 市で、 職業ー 無職 生活ー 年金生活＊＊
2015年１月
浮かぶ朝日を、ワクワク見ながら目標や願いを、昔は、念じたものですが！今は、寒いと言う理由で、布団から出ない、家から出ない！ それでは、いけないと、老化が、始まっている脳みそに、鞭を振り、小さく拳を振り上げ［やるぞ！] ホームページの再挑戦です。 今では、綺麗で、見やすい、無料ホームページソフトが、沢山出回り、洗練された、HPが、多くなりました。 逆に、ド素人のダサい手作りのHPが、少なくなってきました。 ここにも、自然淘汰の原理原則が、働いてい少し寂しですが！ 以前、カミサンに、けちょんけちょんに、けなされ不評を、頂きました。言い訳もいいたいんですけれど 男は、黙って、、、、、我慢！！！！手作りのB級HPですから暇と時間が掛かります。まあ、それを考えると年金生活者にもってこいですけれども！ 作っては、気に入らず、再トライの繰り返し出て、なかなか、満足出来ませんが、時間もたっぷり有る身 焦らず、作って行きたいと思います。！！！！！！！
//////////////////////////////////////////
2016年7月18日
ＨＰ(株式会社グラビティ・ワークス)をカスタマイズにして2015/11/6から使っていましたが、フレームワークが、難しく、 今回更新致しました。
【skrollr】のプラグインを使い更新しました。 【skrollr】を作った人は、ドイツ人だそうです、説明書は、英文があります。
//////////////////////////////////////
浮かぶ朝日を、ワクワク見ながら目標や願いを、昔は、念じたものですが！今は、寒いと言う理由で、布団から出ない、家から出ない！ それでは、いけないと、老化が、始まっている脳みそに、鞭を振り、小さく拳を振り上げ［やるぞ！] ホームページの再挑戦です。 今では、綺麗で、見やすい、無料ホームページソフトが、沢山出回り、洗練された、HPが、多くなりました。 逆に、ド素人のダサい手作りのHPが、少なくなってきました。 ここにも、自然淘汰の原理原則が、働いてい少し寂しですが！ 以前、カミサンに、けちょんけちょんに、けなされ不評を、頂きました。言い訳もいいたいんですけれど 男は、黙って、、、、、我慢！！！！手作りのB級HPですから暇と時間が掛かります。まあ、それを考えると年金生活者にもってこいですけれども！ 作っては、気に入らず、再トライの繰り返し出て、なかなか、満足出来ませんが、時間もたっぷり有る身 焦らず、作って行きたいと思います。！！！！！！！
//////////////////////////////////////////
2016年7月18日
ＨＰ(株式会社グラビティ・ワークス)をカスタマイズにして2015/11/6から使っていましたが、フレームワークが、難しく、 今回更新致しました。
【skrollr】のプラグインを使い更新しました。 【skrollr】を作った人は、ドイツ人だそうです、説明書は、英文があります。
//////////////////////////////////////
sample1 プロバイダは、、CATV
プロバイダは、、CATVであり、ケーブル契約しているので、おまけ（無料）で １５０Mバイトのサーバーを貸してくれますので、それにアップロードいたしました。容量は、とても足りなくて、 写真、動画は、制限されますが、無料だから、何とか工夫して作っています。 このホームページは、限定公開ですので、 広告掲示は、ありません。 （気が小さいので！悪しからず！/Facebookで、限定公開します。） ＝試験＝ Microsoft Expression Web４ で、作りましたので、通常確認は、IEで、問題なく動作致します。 ただ、何分素人ですので、自分のパソコン内での試験は、いたしましたが、いろいろな、条件による 試験は、実施出来ませんので、MACなど画面の互換は、不明です悪しからず。////////////////////////////////////////////////////////
2016年１月
中華８インチタブレットを購入しました。 それにより、アンドロイド、８インチタブレットによる、デバックが、可能となりましたので、アンドロイド系も大まかでありますが、対応可能になりました。
順次改善してより良くしていくつもりです。
////////////////////////////////////////////////////////
パララックス１
パララックス（parallax）、直訳すると「視差」という意味です。
パララックスは、スクロールといった動作に応じて、複数のレイヤー（層）にある視覚要素を異なるスピードで動かすことで視差を生み出し、立体感・奥行きを演出する手法のことを指します。
最近では、本来の多重スクロール遠近効果の定義を超え、スクロール操作による視覚的エフェクト全般を「パララックス」と呼ぶこともあります。
パララックス（parallax）は、長いページは、作ることが、難しく、、限定的に使っていますが、今回、プロフィール画面のリニューアルともない、全面的に多用していきたいと思います。
ＨＰを制作する人にとっては、一度は、使ってみたいツールです。公開されている、ＨＰ(株式会社グラビティ・ワークス)をカスタマイズにして作成。2015/11/6
//////////////////////////////////////////
2016年7月18日
【skrollr】のプラグインを使い更新しました。
///////////////////////////////
2016年7月21日
色々な、動きを試します。
パララックス２
図形 縮小/拡大/縮小【top１０％→center１００％→bottom１０％】
相対位置で指定
パララックス３
図形 left移動【top/left０％→bottom/left１００％】
相対位置で指定
パララックス４
図形 上下移動【top/top0px→bottom/top/840px】
相対位置で指定
パララックス5
背景 【20p-top/height:500px→40p-top/height:0px】
相対位置で指定/文字指定白
相対位置で指定
パララックス６
style=" fill: none; stroke: #333333; stroke-width: 7; stroke-linecap: round; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-dasharray: 6000; stroke-dashoffset:0 "
fill ... 塗りの指定です。noneは塗りつぶしなし。
stroke ... 図形の外側に指定の色で線を引く
stroke-width ... 外側の線（ストローク）の幅
stroke-linecap ... ストロークの端の表示処理
stroke-linejoin ... ストロークの角の表示処理
stroke-miterlimit ... ストロークの継ぎ目の表示処理
stroke-opacity ... ストロークの透明度
stroke-dasharray ... ストロークを破線にし、その長さと間隔を指定
stroke-dashoffset ... 破線の開始位置を指定
ストローク 範囲
data--50p-top="stroke-dashoffset:0;" data-0p-bottom="stroke-dashoffset:6000;"