<- [Previous Article] [Next Article] ->


レスポンシブ/Responsive

| コメント(0) | トラックバック(0)


Spending time since the year end to tweak the web site into a more responsive design. Luckily the website had been originally coded so the layout and design function is basically gathered to the stylesheets, which made the design change quite easy.
In addition to redesigning the site menu, work has been done to add a a new layout design for mobile devices (vertical screens ) basically only using CSS stylesheets. Lets see how this works.
Planning to do some site access analyzing and SEO experimenting.
(more in Japanese)
 



PC(Windows/Firefox) -pulldown menu/2column
200105responsive1.jpg

iPhone6(Safari) - hamburger menu/1column
200105responsive2.jpg  200105responsive3.jpg

iPad mini verticla view - hamburger menu/1column
200105responsive4.jpg

iPad mini horizontal view - pulldown menu/2column
200105responsive5.jpg

Twitter-blue-32

トラックバック(0)

トラックバックURL: http://www.atnak.com/blog/system/mt/mt-atnaktb.cgi/7222

コメントする

このブログ記事について

このページは、@nak(あ)がJanuary 5, 2020 9:18 PMに書いたブログ記事です。

ひとつ前のブログ記事は「Happy New Year 2020 !」です。

次のブログ記事は「サイトデザイン変更」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

アーカイブ

アイテム

  • 200126mercedesme_minatoya4.jpg
  • 200126mercedesme_minatoya3.jpg
  • 200126mercedesme_minatoya2.jpg
  • 200126mercedesme_minatoya1.jpg
  • 200126mercedesme_minatoya0.jpg
  • 200121english1.png
  • 200121japanese1.png
  • 20200111_nakcom_org.jpg
  • 20200111_nakcom_tmp.jpg
  • 200105responsive5.jpg

Amazon

OpenID対応しています OpenIDについて
Powered by Movable Type 7.1.4