Responsive Design in 2015

With the proliferation of many devices with access to the internet, web designers have been playing catchup to make sure websites look good on all devices. Gone were the days where web designers would only design for the desktop. Today’s designers have to account for big screens, tablets as well as smart phones.

The design has to be flexible, fluid and accessible to all. This means objects, images and videos are fluid increasing and decreasing in size as the screen expands and retracts. In some cases, certain objects are turned off or displayed off screen. Responsive design wouldn’t be possible without the help of CSS 3, in particular the use of media queries.

Media queries allow designers to specify certain objects to behave a certain way based on the screen resolution. For example, an image that is flexible will have a CSS element such as this, img { max-width: 100% }. As the screen size increases and decreases, the images will shrink and grow, always maintaining a width of 100%.

Another trick is to use flexible layouts. In the past, most layouts would use fixed widths such as #page { width: 760px; }. In responsive designs, layouts would often use percentages instead of fixed number of pixels. In this case, the element would look like this, #page { width: 65%; }.

Another trick is to turning off elements on certain resolutions. For example, if you were to turn off the sidebar on small screens, you would set the display to none like this, @media (max-width: 480px) { #sidebar { display: none; } }. Or you can also set the element to be completely off screen such as this, @media (max-width: 480px) { #sidebar { margin-left: -3000px; } }.

If you want to learn how to design responsive websites, there are many tutorials out there. Most importantly, learn how to code in CSS, learn how to use media queries, learn how to manipulate elements within CSS. There are many responsive sites out there. In technology, Sony, Squarespace, Microsoft and Twitter Bootstrap come to mind. In e-Commerce, there’s Indochino, Skinny Ties, eBags, Garmin and PureCostumes are great examples.

Feel free to look around the web and look for ideas and inspirations.

Amtrak’s Wifi

You knew WiFi on trains and buses were not good. What you didn’t know is they are really bad, according to a review by Dan Berman of “In some stretches between DC and New York, you basically don’t have the Internet at all.”

Apple TV Drops to 4th Place

Apple TV has dropped to fourth place in the streaming-media market. Roku, Chromecast and Apple Fire are outselling Apple TV this year. Rumor has it that Apple will be releasing a new Apple TV in the fall. Apple is trying to regain some of the loss market share. Part of the reason for the loss of sales is neglect from Apple. Apple TV hasn’t had a major upgrade in four years. The announcement in a few weeks can’t come soon enough.

OnHub Router

Google is in partnership with TP-Link to release a new router called OnHub.

Here are some of it’s features.

Despite the unassuming look, there are 13 antennas inside the OnHub, with the 2.4GHz and 5GHz bands getting six each, plus a congestion-sensing antenna to make a baker’s dozen. They’re arranged in a circular pattern to ensure reliable coverage throughout your home. OnHub is an 802.11ac router powered by a 1.4GHz dual-core processor and 1GB of DDR3L memory. It also has 4GB of eMMC flash and 8MB of NOR flash, a USB 3.0 port, built-in 3W speaker, WPA2-PSK security, Bluetooth 4.0, and 802.15.4 conformance. It supports speeds of up 1,900Mbps.

OnHub will retail at $199. It will be available in a few weeks.