＼フォロワーさん感謝企画／
■あなたのブログを読んで感想をツイート&デザイン修正のCSSを提案します
■参加条件
(1)あなたのブログのURLをリプライ条件はこれだけです
感謝企画なので、RT、いいね！は不要です■期限
2/28(木) 23:59まで■注意事項
応募者多数時は抽選にするかもしれません— サンダー@電気系エンジニア (@thunder5178) 2019年2月27日
企画の概要
twittterのフォロワーさんが1,000人を超え、初企画として、ブログ紹介にプラスして何か付加価値を付けたいと思いました。
ブログのデザイン相談される事があったので、ブログのデザイン修正案も添えるという企画にしました。
総勢26名の方に応募して頂き、それぞれブログの紹介とCSS提案をさせていただきました。
それぞれの方を紹介させて頂きます。
CSS提案するにあたり、気を付けたことを紹介します。
CSS提案で気を付けたこと
CSS提案で気をつけたこと
- プロフィール、最新記事のアイキャッチ、人気記事を重視
- ブログのイメージに合った色を使用する
- 動きをつける
この3点です。
プロフィール、人気記事、アイキャッチを重視
初めて訪れたブログでは「プロフィール」、「人気記事」、「最新記事のアイキャッチ」を最初に目にすると思います。
これらのパーツが目立つかどうかはブログを読んでもらえるかどうかにも影響します。
ブログのイメージにあった色を使用する
0
次に、デザイン変更する上で、「ブログのイメージに合った色かどうか」は重視しています。
一部のパーツが目立っても、違和感を感じる配色ならば、それはマイナスイメージになります。
上部左のリングは色相環と呼びますが、対角線の色の組み合わせは避け、隣同士を組み合わせて配色するように心がけています。
動きをつける
当ブログのトップメニューはマウスカーソルを重ねると、文字色を黄色になるように変更し、あたかも電気が点いているような演出をしています。
動きがあると面白いので、ついつい色々と触りたくなりますよね。
このような点に気をつけて、CSS提案を行いました。
ココナラ 
ではデザイン変更の相談を受けておりますので、宜しければご相談を！
チョコさん
デザイン修正案
人気記事４位以下のカラーを分かりやすい色になるように提案しました。
ブログ紹介
アイキャッチも見やすく、ブログのテーマに一貫性（仕事の人間関係、パワハラなど）があるので、仕事の人間関係に悩みを抱えている人の味方になってくれます。
チョコさんのブログ：https://sigoto-turai.com
チョコさんのツイッター：https://twitter.com/cho_kolog/
はにわお！さん
デザイン修正案
カエレバのリンクが横に狭くなっていたので、横幅を広げました。
ブログ紹介
歯科衛生士の立場から歯の豆知識や、育児に関する事をご自身のイラストを交えてブログを書かれています。
はにわお！さんのブログ：https://hahatoha.net/
はにわお！さんのツイッター：https://twitter.com/haniwao319/
呑杉よっぱさん
Rinkerの商品名を大きく＆太くなるようにしてみました。
ブログ紹介
育児漫画や料理の作り置きなど、主婦の方々にオススメのブログです。
呑杉よっぱさんのブログ：https://kyoutaki.com/
呑杉よっぱさんのツイッター：https://twitter.com/kyoutaki_blog/
Kmamaさん（ブログ２つ）
Kmamaさんからは2つのブログでご応募頂きました。
- メニューバーにマウスカーソルを重ねたら、そこの部分の背景色が黄色になるようにしました。
- SNSシェアボタンを大きく横長に変更しました。
ブログ紹介
ポイント活動やアフィリエイトに関する内容のブログがこちら。
https://seikatsuno-tane.com/
お子さんにオススメな絵本や妊娠時の悩みなど妊婦さんに役立つブログで、1才までのお祝い行事スケジュールは嬉しい！
Kmamaさんのツイッター：https://twitter.com/k_fam3mama/
マテウシュさん
サイドメニューのボーダー線を横に長くしてみました。
ブログ紹介
RL回路(Rは抵抗で、Lはコイルです。抵抗とコイルで構成された回路のこと）などの数式もキレイで、学ばせてもらっています。
マテウシュさんのブログ：https://poland-it-blog.com/
マテウシュさんのツイッター：https://twitter.com/poland_it/
まーちゃんさん
プロフィール欄のツイッターに合わせてカラーを変更しました。
ブログ紹介
妊娠活動（妊活）、保育園活動（保活）といったママさんが気になる内容や、新しい体操のお兄さん・お姉さんの情報などの「おかあさんといっしょ」ネタもあります。
まーちゃんさんのブログ：https://machannoie.com
まーちゃんさんのツイッター：https://twitter.com/machannoie/
カノンさん
テーブルの奇数行をピンクにしてみました。
ブログ紹介
旦那様が、うつで休職されている状況でもポジティブで、時短料理や生活費の節約など紹介されています。
カノンさんのブログ：https://ponchann.com/
カノンさんのツイッター：https://twitter.com/58melonn/
ゆいりさん
サイドメニューにマウスカーソルをONしたら、背景色がピンクに変わるようにしてみました。
ブログ紹介
スキンケアなどの外見、自己啓発など内側の両方から美しくなるためのブログです。
ゆいりさんのブログ：http://aiwoomoisire.com/
ゆいりさんのツイッター：https://twitter.com/yuiri76334671/
Pookyさん
人気記事にマウスカーソルを重ねたら、背景がピンクになるようにしました。
ブログ紹介
アメリカ人のGarfieldさんと社内恋愛の末、お付き合いされているので、国際恋愛悩みなど国際恋愛されている方は参考になりそうです。
Pookyさんのブログ：https://international-renai.com/
Pookyさんのツイッター：https://twitter.com/Hanamaru872
みあさん
アイキャッチ画像にマウスカーソルを重ねたら画像が大きくなるようにしました。
ブログ紹介
作り置き食材を写真で掲載されているので、その作り置き食材のレシピを公開して頂けると嬉しいと思います。
みあさんのブログ：https://yururi-mom.com/
みあさんのツイッター：https://twitter.com/yk_8322/
アロハポスト編集長さん
メニュー表にマウスカーソルを重ねると、画像サイズを拡大し、少しだけ透明度を下げてみました。
ブログ紹介
ハワイ地域別の食事、アクティビティ、お土産など、ハワイ旅行に行くなら抑えておきたい情報がたくさんあります！
アロハポスト編集長さんのブログ：https://alohapost.info/
アロハポスト編集長さんのツイッター：https://twitter.com/russell_lio/
三好さん
プロフィール欄のツイッターアイコンとfacebookアイコンをブランドカラーに合わせました。
ブログ紹介
婚活からパートナー探しに意識を変更されてから素敵な彼と出会えたとの事なので、パートナー探しをされている方は参考にしてみてはいかがでしょうか。
三好さんのブログ：http://miyoshimariko.com/
三好さんのツイッター：https://twitter.com/mariko_344/
SUZUMEさん
SNSアイコンをブランドカラーに変更しました。
ブログ紹介
仙台大好きを公言されているように仙台の子連れグルメ、観光スポットなど仙台を訪れる際にはぜひともチェックして欲しいSUZUMEさんのブログです。
SUZUMEさんのブログ：https://2525eiyou4.com/
SUZUMEさんのツイッター：https://twitter.com/2525eiyou43/
みこしばさん
SNSアイコンをブランドカラーに変更しました。
ブログ紹介
サロンメンバーの最新記事を自動更新するトラッカーや、アイキャッチの作成講座など、参考になる記事がたくさんあります。Youtubeもぜひ！
みこしばさんのブログ：https://lionken.net/
みこしばさんのツイッター：https://twitter.com/mikoshibax/
キツネさん
SNSアイコンをブランドカラーに変更しました。
ブログ紹介
Youtube等で放映の「真相深入り！虎ノ門ニュース」についてまとめたブログです。
キツネさんのブログ：https://toranomonnewsblog.com/
キツネさんのツイッター：https://twitter.com/goodinfo2270/
tokentokenさん
アイキャッチ画像にマウスカーソルを重ねたら、画像サイズが大きくなるようにしました。
ブログ紹介
自作のiPhoneアプリの紹介、およびそれらのiPhoneアプリと電子ドラムを連携させる記事などワクワクする記事がたくさんあります。
tokentokenさんのブログ：http://tokentoken.com/blog/
tokentokenさんのツイッター：https://twitter.com/tokentoken/
チカさん
SNSシェアボタンを横に大きくしてみました。
ブログ紹介
仮想通貨の資産運用と、普段の生活における節約などこれからの時代に必要になる内容です。
チカさんのブログ：https://chikalight.com/
チカさんのツイッター：https://twitter.com/alohanuiloa18/
Kaeruさん
人気記事の4位以下を明るい色に変更してみました。
ブログ紹介
埼玉県の浦和をどっと盛り上げる「浦和どっとサイト」の名の通り、浦和の飲食店（ラーメンランキング等）や保育園の情報など浦和に特化した情報が掲載されています。
Kaeruさんのブログ：https://urawa.site/
Kaeruさんのツイッター：https://twitter.com/eiyokaeru/
福どんさん
カエレバのボタンにマウスカーソルを重ねると、サイズが小さくなっていたので、小さくならないように変更しました。
ブログ紹介
妊娠中のデートスポットや育児など良き旦那＆パパさんである事が伺えます。
福どんさんのブログ：https://the-good-life.hatenablog.com/
福どんさんのツイッター：https://twitter.com/fukudon_don/
おさちさん
最新記事にマウスカーソルを重ねたら、背景をメニューと同じ薄い黄色になるようにしてみました。
ブログ紹介
マネマネライフというブログ名から分かる通り、ふるさと納税や投資について解説されています。
おさちさんのブログ：https://sachichi.com/
GIOCOLEさん
ボタンの端でもマウスカーソルがハンド形状になるようにしました。
ブログ紹介
カメラやガジェットに関する記事が多く、奈良県の撮影スポットについても紹介されています。
GIOCOLEさんのブログ：https://giocole.com/
GIOCOLEさんのツイッター：https://twitter.com/gioco_le/
wakipediaさん
googleの無料ブログbloggerはCSS拡張しやすいので、色々と変更させてもらいました。
ブログ紹介
googleの無料ブログbloggerのカスタマイズについて書かれています。
元bloggerユーザーで、この頃にCSSカスタム能力がつきました。
wakipediaさんのブログ：https://tokutokulife.blogspot.com/
wakipediaさんのツイッター：https://twitter.com/wakipedia_otoku/
ババロアさん
文字にマウスカーソルを重ねたら灰色になるようにしました。
ブログ紹介
英語の教え方、不定詞と動名詞の使い分けといった英文法についても解説されています。
ババロアさんのブログ：https://blogstudy.hateblo.jp/
ババロアさんのツイッター：https://twitter.com/toshishoshinsha/
ちーだーさん
マウスカーソルを重ねたらアイキャッチ画像拡大、記事タイトルはアンダーラインを引くようにしてみました。
ブログ紹介
歩いて日本一周という物凄く興味を引く内容で、日本各地のキレイな風景が楽しめます。
ちーだーさんのブログ：https://www.daichi22.com/
ちーだーさんのツイッター：https://twitter.com/TIDA_I_W_A_J/
めっくさん
SNSアイコンを大きくしてみました。
ブログ紹介
クラウドワークスやランサーズなどいわゆるクラウドソーシングでの在宅ワークなどこれからの副業を始めようと思っている人にはとても参考になります。
めっくさんのブログ：https://homemaker.work/
めっくさんのツイッター：https://twitter.com/abdemeckt/
けいさん
アフィリエイトボタンのバランスを調整しました。（真ん中寄せ、ボタン端でもクリックできるように変更）
ブログ紹介
つみたてNISAなどの資産運用から、格安SIM移行や保険費の削減などこれからの時代絶対に必要なお金の知識を分かりやすく解説してくれているので要チェックです。
けいさんのブログ：https://xn--fct007eqoj.jp/blog/
けいさんのツイッター：https://twitter.com/key_fp12/
最後に
皆さんのブログとデザインを拝見して、記事の内容やブログの書き方、デザインなど人それぞれでとても参考になりました。
またこの企画中にも私自身もスキルアップできたかなと思います。
なお、ココナラ ではデザイン変更の相談を受けておりますので、宜しければご相談ください！
