frasm企画11発目は@chusuke311くんのブログブランディングしてみた
これがデジタルネイティブの実力かッ!
ダブルオーを見るたびに、いやいや、世代の違う(次世代型)の機体をつかって何むちゃくちゃしとんねんと、突っ込みをいれまくった。
ソレスタルビーイングやくざすぎるやろって。
それくらい世代が違うコトって奴は圧倒的ってコトで。ダブルオーわからんでも、ファーストiPhoneと4GSを比べてみなさいよってことよ。
それにしても高校生がこんなコトまで出来るんですか?マジで??マジなの、あーそう。
高2ってコトはあれじゃん、僕と歳が15とか違うってコトでしょ?いやいや先輩ぶるつもりはないよ。15違うってことはダブルスコアってコトだろ、凹むわ。まじで。
自慢じゃないですけどね、僕が高校生の時はパソコン持ってなかったよ、家にもなかったよ。
やっとPHSとか持ってたよ。友達普通にポケベルだったよ。懐古しても何も始まらないのでいきますけどね、おじさんいきますけどね。
前回暖めに暖めた2段階ネタが出来たので、もう結構満足してますが、いつだって今日が記念日的な、俵万智て、ああ、わかりました行きます。
早速行きますけどね。
ビフォー
アフター
ほとんど直すところはないです。
ここからは提案というか、こういうパターンもあるぞって感じかな。
リライトとかリビルドくらいの感じです。
一個だけ言うと、ハイスクールホニャララに関しては日本語にした方がいいんじゃないかな。
高校生でこれだけ出来るって、ブログに歳は関係ないとしても、結構すごいよ、大人でも出来ないよ。そこ、押していくためにも日本語の方がいいんじゃないかな。
実装編行きます、おじさん行きます。
#page {
border-radius: 1px;
box-shadow: 0px 0px 3px #666666;
background: white url(画像のurl) no-repeat 550px 0px;
width: 1000px;
}
header {
padding: 0px 5px 5px 5px;
color: white;
margin: 5px 5px 35px 5px;
text-align: left;
height: 120px;
position: relative;
}
header nav.h {
position: absolute;
top: 18%;
right: 20px;
}
section article.post h1.title {
background: navajoWhite;
background: -moz-linear-gradient(left, #FFC166 0%, navajoWhite 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFC166), color-stop(100%,navajoWhite));
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#FFC166), to(rgba(255, 222, 173, 0.8)));
background: -o-linear-gradient(left, #FFC166 0%,navajoWhite 100%);
background: -ms-linear-gradient(left, #FFC166 0%,navajoWhite 100%);
background: linear-gradient(left, #FFC166 0%,navajoWhite 100%);
margin: 0px 0 5px -40px;
padding: 12px 10px 12px 30px;
color: white;
font-size: 150%;
font-weight: 700;
box-shadow: inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
position: relative;
behavior: url(https://www.chusuke.com/script/PIE.htc);
}
a.more-link {
color: #333;
font-size: 85%;
padding: 5px 10px;
text-align: center;
text-decoration: none;
}
a {
color: #390;
text-decoration: underline;
}
こんな感じで大丈夫だと思います。
リンクの色に関しては好き好きだけれども、暖色のオレンジに寒色を当てるって言うのは、悪くない。全然悪くないけど、補色の緑系を使うという手もある。
現状リンクに下線がかかっているので、べつに何色でも問題はないけど、オレンジ系の茶色とかでもイケルと思う。水色は若々しくて全然悪くないね。
あと左上のアイコン部分が多分表記崩れだと思うのだけれども、修正しておきました。位置は適宜調整して下さい。
彼のテックになかなかビビったので、おじさんもちょっとだけ本気を出しました。
たぶん、自分で言わないと誰も気がついてくれないと思うので、自分で言います。恥ずかしげもなく。
マウスに関しては、Illustratorで書きました。写真ではありません。イラストです。
もちろんなんか早そうなエフェクトとかに関してはフォトショップでつけましたけど、マウス自体はイラストです。
写真をくりぬけば40秒で終わるところをあえて手書きしました。別に何の自慢にもなりません。
ただAIの腕は少し上がりました。礼を言う。俺はまだまだ上手くなれる。
画像のダウンロード
ツー訳で、仕事がちょっと忙しくなってきた@shintarowfreshです。どだどだ??
文:シンタロヲフレッシュ
一緒に読んで欲しい記事