Analyzing Network Characteristics Using JavaScript And The DOM, Part 2

In Part 1 of this series, we had a look at how the underlying protocols of the Web work, and how we can use JavaScript to estimate their performance characteristics. In this second part, we’ll look at DNS, IPv6 and the new W3C specification for the NavigationTiming API.

Analyzing Network Characteristics Using JavaScript And The DOM, Part 2

Every device attached to the Internet is identified by a numeric address known as an IP address. The two forms of IP addresses seen on the open Internet are IPv4, which is a 32-bit number often represented as a series of four decimal numbers separated by dots, e.g. 80.72.139.101, and IPv6 which is a 128-bit number represented as a series of multiple hexadecimal numbers separated by colons, e.g. 2607:f298:1:103::c8c:a407.

Read more...

Mojo Motors’ Responsive Redesign With Fireworks: UX And Interaction Design

Thanks to strong mobile Web adoption worldwide, we have seen the launch of even more responsive designs in 2012 and 2013. Most of these have been in the publishing category, but lately we are starting to see complex transactional websites, such as Currys UK, take a brave step into this new world.

Mojo Motors Responsive (Re)Design With Adobe Fireworks: UX And Interaction Design Stage

For very well thought out reasons, Mojo Motors (a startup created in 2010 to provide shoppers with a better way to buy used cars) also just launched the first responsive website in the automotive market space.

Read more...
Advertisement Advertise with us!

Upcoming Web Design Events (Sept. 2013 – Feb. 2014)

This year has already offered us lots of fantastic Web conferences and events, and guess what, it still hasn’t come to an end! You can continue to plan ahead and make sure that you don’t miss your chance to get away from your desk and meet some brilliant minds and peers — face to face!

Nodeland Conference 2013

In this roundup of conferences, we are more than happy to present to you all the upcoming Web-related conferences. We start with September (which is actually just around the corner) but nevertheless, there still might be a chance for you to grab that ticket!

Read more...

Designing For Digital Products

In digital culture, we are beginning to think of our output as products and of our clients as users. “Products” might be websites, apps or communities, and they might be created by startups, agencies or a couple of people at a hackathon.

Designing For Digital Products

This shift mainly means that we have gotten serious about asking how to better serve users, which reflects a significant change in the designer’s skill set. Designers will use the same tools they have always used, but they are now responsible for more than just the interface.

Read more...

WebKit Has Implemented srcset, And It’s A Good Thing

WebKit has made some serious news by finally implementing the srcset attribute. As Chair of the W3C’s Responsive Images Community Group, I’ve been alternately hoping for and dreading this moment for some time now. It turns out to be good news for all involved parties—the users browsing the Web, most of all.

Responsive Images

As with all matters pertaining to “responsive images”: it’s complicated, and it can be hard keeping up with the signal in all the noise. Here’s what you need to know. As originally proposed, the srcset attribute allowed developers to specify a list of sources for an image attribute, to be delivered based on the pixel density of the user’s display:

Read more...

Semantic CSS With Intelligent Selectors

“Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan. For architects not wishing to crush hundreds of innocent people under the weight of a colossal building, this rule of thumb is pretty good.

Semantic CSS With Intelligent Selectors

In design, you should always lead with function, and allow form to emerge as a result. If you were to lead with form, making your skyscraper look pretty would be easier, but at the cost of producing something pretty dangerous. So much for architects. What about front-end architects — or “not real architects,” as we are sometimes known?

Read more...

Key Ingredients To Make Your App Go Viral

A viral app is the highest achievement on iTunes and Google Play. It’s an app that customers eagerly share across the Internet, through social networks, email, chat and word of mouth. It’s like rocket fuel, and it is the best case scenario for an app developer because word of mouth is far more powerful than any paid advertising.

Key Ingredients To Make Your App Go Viral

Ad clutter is everywhere, and people just ignore it. No one trusts ads, and they cost too much for developers anyway. But humans have shared stories since we’ve been using rocks as tools. We’re naturally built for viral sharing.

Read more...

↑ Back to top