ゆく年くる年♪ 年末のご挨拶

2017年12月26日
17
0
お知らせ

追記: 2018/07/30
弊記事で取り上げましたjQueryプラグインの「TwentyTwenty」は弊ブログに於いて利用度が低い為、ブログ表示速度アップの目的にて取り扱いを除外致しましたので表示崩れを起こしておりますが、ご了承ください ^^

年の瀬もだいぶ押し詰まって来ましたが皆さんはもう大掃除はお済みでしょうね、 クリスマスも過ぎたことだし。

師走に入ると、主婦さん方の大掃除模様を伝えるブログ記事が増えて、それと共にビフォーアフターって感じで「ほら、こんなに綺麗になりました~♪」とその比較をする2枚の画像を並べて載せますよね(笑)

筆者宅は常日頃から綺麗にしております(爆)のでそのようなリアルなお掃除画像は撮ってないんですけどね(笑)

新年も近くなりましたから、大掃除画像ではなくて、酉年から戌年へのバトンタッチ画像を作ってみました。

Before After

マウスで画像の右端のスライドバーを左に動かしてみてください。 ほらほら、酉から戌へ画像が替わるでしょ。 よく見かける画像表示テクニックですよね、これ(笑)
スマホ画面でも指でこのスライドバーを操作出来ます(iPhoneのSafariとChromeにて確認済み)から、スルスル~っと動かしてみてください ^^

この方法、弊ブログのお友達の「れんさん」 が ↓ この記事で使ってたものですから、真似して導入してみました。

新しいカメラがやってきた♪ - カメラのこと

先日娘達に「神戸イルミナージュ」に連れて行ってもらった時、娘婿が私が持っているデジ一カメラの後継種を持って来ていたので、私は自分のを使わずにそのカメラを借りて撮影しました。私のより3世代あとの機種なので夜景(イルミネーション)の画質もきれいに撮れる...

「TwentyTwenty」というjQueryのプラグインを利用しておりますが、せっかくスマホ表示対応なのにレスポンシブテンプレートでの利用にはひとクセあって、デフォルト(初期設定)ではなかなか使いにくいものですから、ちょっとだけカスタマイズ(レイヤー表示範囲等)して今回はじめて使ってみました。

使いにくい理由

  • jQuery3バージョンでは表示出来ない為JavaScriptの改変が必要(jQuery2バージョンならOK)
  • 記事欄の幅より小さい画像の時には、画像上にマウスホバーした時に右側の「After」文字の表示が画像上から外れて見えなくなる(レイヤー表示範囲が原因)為に、無理矢理に記事欄幅と同等かそれを超える大判画像で載せることを余儀なくされる

筆者はこの歳でも1年365日24時間体制での在宅仕事(もうそろそろ17年)をしておりますが、暇な時間の方が圧倒的に多いんです(爆) 従って、このようなWebテク遊びも楽しんでいられるものですからフラリーマンすることはありません(在宅だからリーマンじゃないし(爆))
この時期のコタツでの昼寝もとっても心地良いんですよね~♪ 専業主婦のみなさん (≧ω≦。)プププ
なんて言ってると、何処からか石でも飛んでくるかもしれませんからこの辺で、、、(笑)

年末の暇な時間に(笑)こんなことして遊んでますが、何かのネタが出来ましたらまだ年内も記事更新するかもしれませんが、ネタがなければこのまま新年を迎えるつもりでおります(笑)

尚、このTwentyTwentyの設置情報はネット上にたくさん解説記事がありますからそれらをご参照ください。
ただWordPressで書かれている記事は、FC2ブログのようなブログサービスでの設置や記事内表示記述とは異なる部分もありますからあまり参照には適しませんが、でもWordPressでの設置情報の方が多いんです、何故か (^_^; アハハ…

いま振り返ると、今年もハチャメチャな記事やコメント応対もしてしまってまして、きっと「ん? ん?」って混乱させてしまった人達が多かったことでしょう(爆) そんな皆様にはお詫び申し上げます m(_ _)m
来年こそもっとまともなブログ記事を書きたいと思っておりまして日々の精進も続ける所存でございます、ボケ予防にも(笑)
どうぞ皆様、来年も宜しくお願い致します。
良いお年をお迎えくださいね~♪ m(_ _)m


あなたのブログはモバイルフレンドリーですか?
Google モバイルフレンドリーテスト

あなたのブログ内分析はGTmetrixが強力です!
GTmetrix


検索からの方はトップページへもどうぞ



関連記事
ぼっちん

Comments 17

There are no comments yet.

mochi  

今年は大変お世話になりました

こんばんは。ぼっちんさん。

今年はブログカードを始めlivedoor相互RSSのSSL対応の件など、
いろいろアドバイスをいただきありがとうございました。 ☆⌒(*^-゚)v Thanks!!

僕の方は、あと3つ4つほど電子ゴミをネットに垂れ流してから今年を終えようと思います。 ヾ(・・ )ォィォィ

来年もまたよろしくお願いします。
それでは良いお年をお迎えください。ヾ(=^▽^=)ノ

2017/12/26 (Tue) 21:48

れん  

ぼっちん先生、こんばんは♪

今年はぼっちん先生に出会えたことが私にとって「2017年うれしい出来事」の一つでした♪

記事中で私のブログの紹介をしてくださってありがとうございます。
メールでご相談したかったこと…ここにちゃんと書いてありました( *´艸`)
「使いにくい理由」の2番です。
どこを触れば、小さな画像でもきっちりと表示されるのかわからなくて、結局大きな画像で……(T_T)
ぜひぜひ解決方法をお教えくださいませm(_ _)m

それにしてもこのTwentyTwentyをこんな風に使われるなんて!
さすがはぼっちん先生!
この使い方は思いつきもしませんでした( *´艸`)

一昨日ようやく家と両実家の年賀状の作成・印刷と息子家族の年賀状の印刷を終え、昨日は仕事でなにもできず…、そして今日やっと会社の年賀状と台所の大掃除(?)と窓拭きが完了しました!
もう台所の掃除が済んだので、毎年のことですが、たぶんあとは手抜きになりそうです( *´艸`)

来年も仲良くしてくださいねm(_ _)m
良いお年をお迎えください(*^^*)

2017/12/26 (Tue) 22:55

ぼっちん  

mochiさんへ

mochiさん、おはようございます ^^
ご丁寧にコメントをありがとうございました m(_ _)m

今年はブログカードを始めlivedoor相互RSSのSSL対応の件など、
いろいろアドバイスをいただきありがとうございました。 ☆⌒(*^-゚)v Thanks!!

いえいえ、私は逆にmochiさんを惑わすようなことばっかり言ってた気がしてます (゜゜☆\(--メ)ポカッ
しかし、mochiさんのハイレベルな知識力と確実な技術力にはほんとに感服しております ^^
それを目の当たりにして「もっともっと精進せねば!」と、より気力も湧いた今年でした(笑)
ほんとに良い出会いをさせて頂いて、嬉しくて仕方がありません (^_^)ニコニコ 

僕の方は、あと3つ4つほど電子ゴミをネットに垂れ流してから今年を終えようと思います。 ヾ(・・ )ォィォィ
ゴミって、、、(〃^▽^〃)oあはははっ♪
私もなにか急にでもネタが出来ましたら書くかもしれません(笑)
ただ、私の仕事は皆さんがお休みの時には忙しい仕事(笑)ですから、連休中にはたぶん記事も書けないと思います (^^ゞポリポリ

私こそ、来年もどうぞよろしくお付き合いくださいまし。
mochiさんも良いお年をお迎えくださ~~~い♪

2017/12/27 (Wed) 08:23

ぼっちん  

れんさんへ

れんさん、おはようございます~♪

今年はぼっちん先生に出会えたことが私にとって「2017年うれしい出来事」の一つでした♪
いやぁ、私も実はれんさんと同じ気持ちなんですよ (^_-)-☆パチッ
女性でれんさん程のWebスキルを持った人ってそうそう出逢ったことはなく、限られた人数なんです、正直言って。
だから「私と話が合う人」って感じで嬉しく楽しく思ってるんです (^_^)ニコニコ 

メールでご相談したかったこと…ここにちゃんと書いてありました( *´艸`)
「使いにくい理由」の2番です。
どこを触れば、小さな画像でもきっちりと表示されるのかわからなくて、結局大きな画像で……(T_T)

やっぱりビンゴでしたね~♪ れんさんの質問メールがまだ来てなかった(笑)けど「きっとたぶんこれのことだろう」って予測が出来ましたからあえて記事で取り上げてみましたよ(爆)

ぜひぜひ解決方法をお教えくださいませm(_ _)m
いえね、記事では問題クリアーしたかのように書いたんですけど、夕べ寝てから夢の中で「ん? なんか変!」って思ったんです、ほんとに(笑)
で、今朝起きて真っ先に確認したら「まだ完全な方法じゃなかった!」って発覚しましてね (゜゜☆\(--メ)ポカッ
結局、私がやったことは「やっつけ仕事」の急場しのぎ的でしかなかったんです (^^;; アセアセ
ですから、もうちょっとお時間くださいな、もっと確実な方法を研究してみますから (^^ゞポリポリ
ハッキリ言いますと、TwentyTwentyの作者さんには「画像は記事欄幅一杯に表示する」と言う概念しかない気がしました (^_^; アハハ…
CSSを読むとそういう構造でしか書いてないんですよね、特に画像の描画開始ポイントとレイヤー処理が。
それがよりハッキリと見えるのは「TwentyTwentyの設置解説」記事を書いてる皆さんの殆どの人達が「画像は記事欄幅目一杯に表示されている」ことで、小さい表示のリアルサンプルは1つも見当たらないんです(爆)

もう台所の掃除が済んだので、毎年のことですが、たぶんあとは手抜きになりそうです( *´艸`)
私は年がら年中手抜きですけどね~ (〃^▽^〃)oあはははっ♪

私こそ、来年にはもっともっとれんさんとお友達になりたいと思っております (*^.^*)エヘッ
れんさんも、よいお年をお迎えくださいね~♪

■追記 2017/12/27 17:25
問題、やっとクリアー出来ましたよ~(笑)
後刻に年末のご挨拶にお邪魔させて戴きますから、その時に~ ('◇')ゞラジャ~

2017/12/27 (Wed) 08:44

はんのすず  

とてもお世話になりました。

ぼっちん先生、今年はSSLをはじめとして、とてもとてもお世話になりました。
おかげで、カギマークのビックリが消え、何とか継続しています。
ブログカードの記事も利用させていただきました。

今年も、年末のお掃除はそれなりの予定で、まだこれからです。
又、いろいろ質問させていただきたいことがあり、別便で送信させていただきます。
お忙しいところ、お世話になります。
これからもよろしくお願いします。

2017/12/27 (Wed) 20:45

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/27 (Wed) 21:46

ぼっちん  

はんのすずさんへ

はんのすずさん、おはようございます ^^
ご丁寧に年末のご挨拶をありがとうございます♪

はんのすずさんもWebテクニックへの積極的な取り組みを楽しんでおられて、ほんとにアクティブで素敵ですよね~♪
私も先人の皆さんのマネと改変を実践しつつちょっとずつ覚えて来ましたから、やっぱり「いろいろと実践してみる、尻込みはしない!」ってスタンスが好きなんです(笑)
はんのすずさんの様子にもそんな姿が見えて「おっ(・_・)/\(・_・)ナカマダネ~♪」って思いますよ(笑)

又、いろいろ質問させていただきたいことがあり、別便で送信させていただきます。
ハーイ(^O^")/ 鍵コメのご質問、なにやら楽しそうなスクリプトですよねぇ、笑っちゃいましたよ「こんなこと考える人が居るんだぁ」って(笑)
私も後ほど仮設定して検証してみますので、ちょっとお時間くださいね~ ^^

お忙しいところ、お世話になります。
これからもよろしくお願いします。

ハーイ(^O^")/ 私こそ、これからも仲良くしてくださいね~。
それでは良いお年をお迎えください♪

2017/12/28 (Thu) 09:09

よつば  

出会いに感謝です💕

ぼっちん先生 ヾ(^∇^)こんにちは♪

今年は、ぼっちん先生に出会えて、レスポンシブテンプレートからSSL化、ブログカート等々
多くのことを学ばせて頂きました♡ ありがとうございましたm(_ _)m
我儘な生徒で何度も面倒をおかけしてしまったのに、快く対応して下さって感謝しています💕

ぼっちん先生のコメント欄に集う素晴らしい方々と交流が出来たことも大きな喜びです♡
2017年、素晴らしい出会いに心から感謝しています💕
また、来年も♡((ノ(_ _ ノ)ヨロシクオネガイシマス♡ 良いお年を~(^▽^)/

2017/12/28 (Thu) 13:03

ぼっちん  

よつばさんへ

ハーイ(^O^")/ よつばちゃん、こんにちは~♪
北海道地方の爆弾低気圧の影響、大変だったね~ ヽ(^^ ) ヨシヨシ

我儘な生徒で何度も面倒をおかけしてしまったのに、快く対応して下さって感謝しています
うんうん(^-^) なんのなんの、あれしきのこと~ (_ _)ノ彡_☆バンバン!!
でも、自力でいろいろと解決もしてたし、なかなか優秀で努力家な生徒さんでしたよ~ (^_^)ニコニコ
そこからの応用力もとっても素晴らしいし (^-^)//""パチパチパチ 

私って自己努力する姿勢が見えない人(答えだけ教えてぇぇぇって調子の人)にはスパッ!っと遠慮無くヤダ!って言っちゃうのよ、昔からそういうスタンスで(笑)
それじゃ絶対いろいろと覚えられないんだから、お手伝いする気にもならないしね(笑)

ぼっちん先生のコメント欄に集う素晴らしい方々と交流が出来たことも大きな喜びです♡
2017年、素晴らしい出会いに心から感謝しています

そそそ、ほんとに皆さんとの出会いがあったから、より皆さんを見て自身の向上心にも繋げられたよね~。
それはよつばちゃんだけじゃなくて、当然私もだし、他の皆さんも同じ気持ちになれたことでしょう ^^
ほんとにネットでの出会いの素晴らしさに感謝ですよね~ うんうん(^-^)

私こそ、来年も仲良くしてくださいね~♪ m(_ _)m
よつばちゃんも、極寒の地(笑)でお身体大切に、よいお年を迎えてくださ~い♪

2017/12/28 (Thu) 14:05

ミー  

こんばんは

いつもお世話になります。困った時にだけ駆け込み寺のように、ぼっちんさんに質問攻めにしているにもかかわらず、いつも親切丁寧に対応してくださってありがとうございました(;'∀') よいお年をお迎えくださいね♪

2017/12/29 (Fri) 00:35

うにトラ  

No title

おはようございます、ぼっちんさん♪

穏やかなお正月を迎えられるかどうかはお天気に左右されるところが大きいですが、こちらは何とか年明けまでは気温高め・降雪少なめでいい感じのようです。

新参者の私ですが、他の皆さん同様大変お世話になりました。そして温かいコメント・アドバイスのおかげで、この5年はただ足踏み状態だったのに来年からはゆっくりとステップを上がっていけるそんな予感がします(^O^)
ほんと出会いに感謝!!
ぼっちんさんも、良いお年を~♪♪

2017/12/29 (Fri) 06:23

ぼっちん  

ミーさんへ

ミーさん、おはようございます ^^
ご丁寧に年末のご挨拶までしてくださって、ほんとにありがとうございます~♪

いつも親切丁寧に対応してくださってありがとうございました(;'∀')
いえいえいえ (^_^; アハハ…
ミーさんには満足して戴けてたかな? なんて自問してたこともあったんですけどね~ (゜゜☆\(--メ)ポカッ
きっと中途半端なこともあったかもしれませんで、そう言ってくださると(^。^;)ホッとします (^^ゞポリポリ

これからも仲良くしてくださいね~♪
ミーさんもインフルエンザ等気をつけられて、よいお年をお迎えくださ~い ^^

2017/12/29 (Fri) 09:48

ぼっちん  

うにトラさんへ

うにトラさん、おはようございます ^^
お早い時間のコメントをありがとうございます~♪ 私はまだ寝てた時間でしたよ~ なんせ布団の中が温かくて心地良いもんですから(爆)

当地は雪は降りませ~ん(笑) 仮に降って積もっても1cm積もったら大騒ぎになりますからねぇ、テレビニュースにもなってしまいますし (^_^; アハハ…

ここにコメントくださってる殆どの皆さんが今年出会ったばかりの皆さんですよ~ (^_^)ニコニコ 
だから、うにトラさんも新参者にはなりません、皆さんとお仲間です~(笑)

この5年はただ足踏み状態だったのに来年からはゆっくりとステップを上がっていけるそんな予感がします(^O^)
ほんと出会いに感謝!!

いやぁ、それは私にとっても嬉しいお言葉です。
ブログって自己満足な世界ですけど、基本は「楽しむ」為に運営してるんですから、やっぱり楽しむ気持ちを萎えさせてはいけませんよね。
自分の今まで知り得ないWebテクを見つけて「あっ これ良いなぁ♪」なんて思ったらマネしてブログに取り入れたりするだけでも「楽しく」なりますしね ^^

うにトラさんもお身体気をつけて、よいお年をお迎えくださいね~ ^^

2017/12/29 (Fri) 10:06

はんのすず  

No title

ぼっちん先生、お忙しいところをいろいろ調べていただき、ありがとうございました。
作者への質問、やはり敷居が高いです。もう少し時間をおいて、やってみます。

なにはともあれ、気持ち的には、大根ネギなどお送りしたいです。
れんさまにならって、many many Thanks です。

2017/12/29 (Fri) 20:24

ぼっちん  

はんのすずさんへ

こんばんは~ ^^

あららら、作者さんが「FC2はわかりません」なんちゃって逃げちゃってますねぇ (´ヘ`;)ハァ
もっとも、作者さんの記事はWordPressですから、やっぱり何か変数の違いに問題ありな気がしますねぇ、やっぱり(^^;; アセアセ
作者さんに答える気がないんじゃ仕方ないから、私もそれなりに時間のあるときにもっとあれこれ考えてみます。
期待しないで(笑)暫~~~く待ってみてくださいね~。

なにはともあれ、気持ち的には、大根ネギなどお送りしたいです。
れんさまにならって、many many Thanks です。

嬉しいお言葉をありがとうございます~ (*^.^*)エヘッ

2017/12/29 (Fri) 21:29

りんりん♪  

今年もありがとう♡

ぼっちんさん

こちらのブログ、活気が出て来ましたね(^^) 私には難しい内容が多いのでなかなかコメント出来ませんでしたが(^^;;

また時間は作るのでよろしくお願いします!
よいお年を(^^)



2017/12/31 (Sun) 18:13

ぼっちん  

りんりん♪ちゃんへ

りんりん♪ちゃん、こんばんは~♪

こちらのブログ、活気が出て来ましたね(^^)
ねっねっ(笑) 
今回、この記事にコメントくださってる皆さんの殆どが今年後半になってから出会った皆さんで、やれレスポンシブテンプレート化とかSSL化へ積極的に取り組んで結果を出した皆さんなのよ (^_^)ニコニコ
来年にはWebの世界でGoogleのMFI(モバイル ファースト インデックス)ってのが始まる(笑)けど、これらの皆さんはもうそれにも対応出来ちゃってて全然焦る必要がないくらいで、これからのブログ運営をより積極的に楽しまれることでしょうね (^_^)ニコニコ

また時間は作るのでよろしくお願いします!
ハーイ(^O^")/ LINE待ってるからね~(笑)

よいお年を(^^)
うんうん(^-^) ご丁寧にありがとです~♪
りんりん♪ちゃんも、ご家族の皆さんとよいお年を~~~♪ (^_-)-☆パチッ

2017/12/31 (Sun) 19:55

Leave a reply