Media Query Snippets - list of media queries
Landscape @media (max-device-width: 1024px) and (orientation: landscape) { } Portrait @media (max-device-width: 600px) and (orientation: portrait) { } @media (max-device-width: 1280px) and (orientation: landscape) { } @media (max-device-width: 800px) and (orientation: portrait) { }
500 Internal Server Error (What It Is and How To Fix It)
Updated March 31, 2016. The 500 Internal Server Error is a very general HTTP status code that means something has gone wrong on the web site's server, but the server could not be more specific on what the exact problem is. Are You the Webmaster? See Fixing 500 Internal Server Error Problems on Your Own Site towards the bottom of the page for some better advice if you're seeing the 500 Internal Server Error on one or more of your own pages.
That Web Guy - An introduction to responsive web design: using media queries
Written December 29, 2011. 4 comments. You’ve no doubt heard the term by now, but what exactly is Responsive Web Design? As the name suggests, Responsive Web Design (from hereon in referred to as RWD) is about designing your web site with the use of media queries so that it responds (changes the presentation) to the web browser width, or in the case of mobile devices, the capabilities of said device. Essentially it’s about building a web site that’s device unbiased.
Responsive Web Design Formula for Percentage - Easy Calculator
It's actually pretty easy with "the magic formula". target ÷ context = result We just enhance the formula with percentage, as follows (target / context) x 100 = result % You get the result in percentage, ex:- (900 / 960) x 100 = 93.75%
A pixel is not a pixel is not a pixel
Page last changed today Yesterday John Gruber wrote about the upped pixel density in the upcoming iPhone (960x640 instead of 480x320), and why Apple did this. He also wondered what the consequences for web developers would be. Now I happen to be deeply engaged in cross-browser research of widths and heights on mobile phones, and can state with reasonable certainty that in 99% of the cases these changes will not impact web developers at all. The remaining 1% could be much more tricky, but I expect Apple to cater to this problem by inserting an intermediate layer of pixels.
12 Ways to Become a Better Designer in 2012 - Designer Blog Designer Blog
Judging by the developments at 99designs, this year is going to be an important one. We’re growing and improving at an ever increasing pace and we want our designers to grow with us too. We have 12 months ahead — let’s use each month to become a better designer by learning a new skill and trying a new tip!
Responsive design – harnessing the power of media queries
Webmaster Level: Intermediate / Advanced We love data, and spend a lot of time monitoring the analytics on our websites. Any web developer doing the same will have noticed the increase in traffic from mobile devices of late. Over the past year we’ve seen many key sites garner a significant percentage of pageviews from smartphones and tablets. These represent large numbers of visitors, with sophisticated browsers which support the latest HTML, CSS, and JavaScript, but which also have limited screen space with widths as narrow as 320 pixels. Our commitment to accessibility means we strive to provide a good browsing experience for all our users.
Essential Sublime Text 2 Plugins and Extensions
Sublime Text 2 is a relatively new code editor that I've been trying out for a while now. While it's still in public beta, it already offers a great mix of features and performance that has convinced me to switch from my trusted Komodo. While I really do love the features available out of the box, as with most things in life, there is always room for more. With Sublime Text 2 being as extensible as it is, a big ecosystem has sprouted around it, catering to most of your web development needs, be they actually useful or catering to your whimsy.
