Screen Resolutions 2015 Edition

2015-02-04 14_19_45-Screen Resolutions 2015 Edition – CU_Answers Web Services

When I started at CU*Answers nearly 10 years ago, our web site designs targeted an 800×600 browser size. This was considered the standard at the time. This meant that we considered the viewable space on any monitor with the web browser at full screen as 800 pixels wide by 600 pixels tall.

Over the years, the best practice moved to 1024×768 resolution and many sites were designed with this in mind. If you can picture these dimensions in your head, and relate them to TVs, you’ll notice they are the older square shape of TVs. It’s nearly impossible to find these now. TVs, and likewise computer monitors have moved to the wider letterbox, rectangular shape like cinema movie screens. Read More »

What happens when you type google.com into your browser’s address box and press enter?

104241196

Do you know everything that goes into browsing to a web page? It’s amazingly complex with all the different pieces involved – hardware, software, operating system, network connections, wire and wireless infrastructure and transmission protocols – the list goes on.

This document on GitHub is a collaborative attempt at documenting the entire process. It’s really technical, and really interesting. And its currently being updated by many contributors.

When developing websites, Web Services has to consider the vast majority of this process. It affects speed and accessibility of the browsing experience. But the main web development components don’t even kick in until the bottom part of the process when you get to the web server and the HTML processing. And this document is just sketching out the process, hopefully it gets filled in with deeper detail.

Read the whole thing on GitHub and check back as its continually updated to be more and more complete.

How to take a screenshot

If you are getting an error on your website (or really any application) or you are seeing a funny browser rendering issue on your website, it helps us to see a screenshot.  This lets us see exactly what you are seeing.  Taking a screenshot is really easy and helps us out, especially when we can’t duplicate what you are seeing.

Lifehacker has a nice series called Emailable Tech Support.  They are simple and concise instructions on how to do certain computer tasks.  Last week they covered taking screenshots.  Take a read through to see how easy it is.