Responsive Design With WordPress  ## Metadata - Author: [[Joe Casabona]] | [[3. Resources/Authors/Joe Casabona|Joe Casabona]] - Full Title: Responsive Design With WordPress - Category: #books - Kindle: [Open in Kindle](https://www.amazon.com/dp/B00H8RTT8C) - Document Tags: [[WordPress]] ## Document Notes ## Highlights - If you’re designing a website, you ultimately have no control over how it’s viewed; you don’t get to decide where it’s viewed or what it’s viewed on or the connection on which it’s viewed. ([Location 143](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=143)) - This is very important to remember: pixels are absolute values. ([Location 265](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=265)) - where instead of using pixels, we use ems to define where our design changes. ([Location 268](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=268)) - Determining px to em is pretty simple: Em represents 16px, so 1em = 16px. ([Location 271](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=271)) - Chrome extension called Window Resizer, ([Location 294](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=294)) - Modifying anything that is not in/wp-content/ is known as modifying the Core, and is a mortal sin in WordPress development. ([Location 419](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=419)) - http://rwdwp.com/9 ([Location 448](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=448)) - The Web Designer’s Guide to WordPress does a fantastic job of covering many aspects of WordPress not explicitly covered here. ([Location 449](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=449)) - http://rwdwp.com/10 ([Location 466](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=466)) - http://rwdwp.com/11 ([Location 479](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=479)) - http://rwdwp.com/12 ([Location 480](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=480)) - Building WordPress Themes from Scratch ([Location 485](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=485)) - http://rwdwp.com/16 ([Location 748](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=748)) - http://rwdwp.com/17 ([Location 762](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=762)) - Responsive Design + Server Side Components (RESS), ([Location 837](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=837)) - Lazy loading is a longstanding development technique where the program (or in this case, website) will hold off loading something until it’s needed. ([Location 842](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=842)) - you have two vastly different navigation methods—one for desktop and one for mobile—you can use RESS to detect the device and serve up the proper navigation. ([Location 858](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=858)) - Wireless Universal Resource FiLe (WURFL) to your server, which then gives you access to device/feature detection functions. ([Location 861](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=861)) - http://rwdwp.com/20 ([Location 864](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=864)) - http://rwdwp.com/21 ([Location 865](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=865)) - http://rwdwp.com/22 ([Location 880](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=880)) - picturefill.js: ([Location 953](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=953)) - respond.js: ([Location 957](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=957)) - fitvid.js: ([Location 960](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=960)) - Responsive ([Location 962](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=962)) - http://rwdwp.com/28 ([Location 981](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=981)) - http://rwdwp.com/29 ([Location 983](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=983)) - http://rwdwp.com/30 ([Location 1219](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1219)) - http://rwdwp.com/31 ([Location 1221](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1221)) - http://rwdwp.com/32 ([Location 1308](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1308)) - http://rwdwp.com/34 ([Location 1521](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1521)) - http://rwdwp.com/26 ([Location 1532](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1532)) - http://rwdwp.com/35 ([Location 1655](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1655)) - http://rwdwp.com/23 ([Location 1717](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1717)) - http://rwdwp.com/38 ([Location 1800](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=1800)) - What does picturefill.js do? ([Location 2001](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2001)) - The main difference between the two is that categories organize posts by topic and tags serve as keywords that describe the post. ([Location 2517](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2517)) - SearchAutocomplete ([Location 2550](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2550)) - Open Device Lab ([Location 2663](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2663)) - make sure to test in IE 8, 9, and 10! ([Location 2694](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2694)) - Adobe Edge Inspect (http://rwdwp.com/58), ([Location 2711](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2711)) - Ghostlab (http://rwdwp.com/59), ([Location 2712](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2712)) - BrowserStack (http://rwdwp.com/61). ([Location 2717](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2717)) - WP-Bootstrap by 320press (http://rwdwp.com/71). ([Location 2822](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=2822)) - Portfolio CPT ([Location 3571](https://readwise.io/to_kindle?action=open&asin=B00H8RTT8C&location=3571)) ## Related - [[3. Resources/Readwise/Books/Learning PHP, MySQL & JavaScript|Learning PHP, MySQL & JavaScript]] - [[3. Resources/Readwise/Books/Learning PHP|Learning PHP]] - [[3. Resources/Readwise/Books/Professional WordPress Plugin Development|Professional WordPress Plugin Development]] - [[3. Resources/Readwise/Books/WordPress Development in Depth|WordPress Development in Depth]]