スキンサイトのデザインをアップデートしました

スキンサイトのデザインをアップデートしました
表題がすべてを語っています。

デザインを変えたといいましても、それを生成する部分にもかなりの変更を入れました。
coreの部分はphpで書かれているんですけれど、そこの部分にも手をかなり入れました。やばいです。
3年ぶりぐらいにコード見たけどかなり不安になるようなコードばっかり書いてますね。当時の自分……。

cssも青基調のデザインから白系に戻しました。
何となく最近のgoogleなんかをちょっと見た目を参考にしました。ヘッダーが付いてくるタイプでヘッダーの中に検索ボックス埋め込んじゃうタイプ。
※Google翻訳なんかもUI結構変わってて驚きましたが。

念願の、レスポンシブルデザインに完全対応です。cssのtransitionタグをちょっと使えるようになりました。本当に良かったです。レスポンシブルデザインには本当にこれ必須ですね。
あとsnsのシェアにLINEを追加しました。いつの間にか、LINEのシェアリンクが使えるようになってたので、それを適用してシェアできるようにしました。

よくよくいろんなブラウザでテストしたら、Edgeではうまく動かなかったのでそこの部分もちょっと修正しました。
ここら辺は主にjavascriptの修正になりますね。javascriptも多めにminifyしておきました。いろいろ、javascriptも修正しました。
そういえば、Edgeが独自エンジンをやめるというニュースを聞きました。結構イケてるエンジンだと思ってたんですが……。残念です。とはいえ、私は普段使いではFirefox使いなんですけどね。
Webkit系は気持ちの速さが好きです。正直、各ブラウザでcssの誤差が生まれちゃいけないとは思いますが、やっぱりライバルがいるから成長するんですよね。まあ今後も動向が気になりますね。

Web開発って、いろいろな知識を総合的に必要とするのでかなり熟練度が必要ですよね。やっぱ難しい。

バグがもしあったらこっそり教えてくださいね。直します。
(あと画像が古いのでちょっとづつ直していきたい……と思っていたりします)

当時の私、よくこんなの作ったなぁと思えます。すごい今は直すだけで精一杯です。
けっこう厳しい。次はもっとかっこいいフレームワーク使ってやりたいと思います。

p.s.先ほど、一部のファイルのアップロードし忘れていることに気づき、アップロードしました。それまでは一部機能がうまく使えなくなってました。本当にすいません。