{"id":4,"date":"2013-07-03T17:57:54","date_gmt":"2013-07-03T17:57:54","guid":{"rendered":"http:\/\/www.webmasterninjas.com\/design\/?p=4"},"modified":"2019-04-22T21:48:05","modified_gmt":"2019-04-22T21:48:05","slug":"whats-new-in-design","status":"publish","type":"post","link":"https:\/\/www.webmasterninjas.com\/design\/whats-new-in-design","title":{"rendered":"What&#8217;s new in Design"},"content":{"rendered":"<p>So I&#8217;m mostly been on the other side in the web development process. &nbsp;Getting PSD&#8217;s from &nbsp; designers and converting them into a website. &nbsp;So the latest thing I&#8217;ve been exploring is called flexible design, also called fluid design, or even responsive design and by the very technicaly term progressive linearization. &nbsp;Now as far as i can tell it all revolves around tags like<\/p>\n<p>@media only screen and (max-width : 360px) and (orientation : portrait)<\/p>\n<p>These let the designer specify certain css tags based on a particular screen width, so you can use the same front end code base to create multiple views for devices with different screen sizes. &nbsp;I love the idea&#8230;it&#8217;s way better then having to create a separate mobile website and is way more reusable. &nbsp;It seems like most of them are using %&#8217;s and em&#8217;s as well for variable size text and buttons, but I&#8217;m still getting a handle on that aspect. &nbsp;There are also a new css &nbsp;meta language called SASS that is getting very popular and a bunch of new css frameworks that support these flexible designs, like YAML. &nbsp;My next new project is converting my affiliate website <a href=\"http:\/\/www.bestcellphonespyapp.com\/\">http:\/\/www.bestcellphonespyapp.com\/<\/a>&nbsp;to YAML because most of the traffic there is coming from mobile phones, and the current layout is horrid for a phone sized screen. &nbsp; Let me know your thoughts and experience on the subject.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I&#8217;m mostly been on the other side in the web development process. &nbsp;Getting PSD&#8217;s from &nbsp; designers and converting them into a website. &nbsp;So the latest thing I&#8217;ve been exploring is called flexible design, also called fluid design, or &hellip; <a href=\"https:\/\/www.webmasterninjas.com\/design\/whats-new-in-design\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,8],"tags":[9,11,10],"_links":{"self":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/4"}],"collection":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":4,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/4\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/4\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/media?parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/categories?post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/tags?post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}