Pages

Subscribe:

Ads 468x60px

Labels

Labels

Unordered List

Ordered List

Sunday, 3 May 2015

Our favorite tweets of the week: April 27, 2015 – May 3, 2015

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.

Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.

To keep up to date with all the cool links, simply follow us @DesignerDepot

Japan-themed paper cup sleeves by Akira Yoshimura  via

 

The Legend of Zelda: A link to past – HTML5 Map

 

Creative by Yippie Hey

 

SXSW 2015 Gaming Awards

 

Dieter Rams talks

 

How to survive working from home

 

Podcasting on Soundcloud

 

Curated RFPs for web designers, developers and agencies

 

Some icons are verbs, some icons are nouns

 

Kickbox by : an innovation kit for organizations

 

Responsive vs. Adaptive Design: What’s the Best Choice for Designers?

 

Why the Golden Ratio matters

 

The Avengers Poster in Photoshop  via

 

Generate Fake Data for Your JavaScript Applications Using Faker

 

Buffer for Pinterest

 

You want great to happen. You want it now. And you want it all the time.  via

 

Is it worth paying for a Premium WordPress Theme or not?

 

Designing Apps for the Apple Watch  /

 

Want more? No problem! Keep track of all our tweets by following us @DesignerDepot

LAST DAY: 80+ Device & Print Mock-Ups with Depth of Field Effect
Our favorite tweets of the week: April 27, 2015 May 3, 2015


Source

si pide pass es: KUNLEXY

Our favorite tweets of the week: April 27, 2015 – May 3, 2015

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.

Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.

To keep up to date with all the cool links, simply follow us @DesignerDepot

Japan-themed paper cup sleeves by Akira Yoshimura  via

 

The Legend of Zelda: A link to past – HTML5 Map

 

Creative by Yippie Hey

 

SXSW 2015 Gaming Awards

 

Dieter Rams talks

 

How to survive working from home

 

Podcasting on Soundcloud

 

Curated RFPs for web designers, developers and agencies

 

Some icons are verbs, some icons are nouns

 

Kickbox by : an innovation kit for organizations

 

Responsive vs. Adaptive Design: What’s the Best Choice for Designers?

 

Why the Golden Ratio matters

 

The Avengers Poster in Photoshop  via

 

Generate Fake Data for Your JavaScript Applications Using Faker

 

Buffer for Pinterest

 

You want great to happen. You want it now. And you want it all the time.  via

 

Is it worth paying for a Premium WordPress Theme or not?

 

Designing Apps for the Apple Watch  /

 

Want more? No problem! Keep track of all our tweets by following us @DesignerDepot

LAST DAY: 80+ Device & Print Mock-Ups with Depth of Field Effect
Our favorite tweets of the week: April 27, 2015 May 3, 2015


Source

si pide pass es: Cameron Chapman

Saturday, 2 May 2015

Comics of the week #285

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Don’t ask

Comics of the week #285 

A new take on contrast

Comics of the week #285

 

The accessible designer

Comics of the week #285

Can you relate to these situations? Please share your funny stories and comments below…

Write: The Best Note Taking for Mac – only $5.99!
Comics of the week #285


Source

si pide pass es: Jerry King

Comics of the week #285

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Don’t ask

Comics of the week #285 

A new take on contrast

Comics of the week #285

 

The accessible designer

Comics of the week #285

Can you relate to these situations? Please share your funny stories and comments below…

Write: The Best Note Taking for Mac – only $5.99!
Comics of the week #285


Source

si pide pass es: KUNLEXY

Friday, 1 May 2015

Microsoft Edge: What designers need to know

This week Microsoft introduced its new browser, Edge, the project that had formerly been known as Project Spartan.

Much has been made of its Hub feature, and the ability to add personal annotations to websites. However, these features are aimed at regular users, web designers will use the browser in quite a different way; whilst it’s unlikely that the majority of web designers will switch to Edge as their primary browser, the majority of us will be using it on a daily basis to test code.

Whilst we don’t know exactly how Edge will perform until we get hands-on with it, there are some things we do know, and others that we can infer.

A change of approach

When I first saw the Edge announcement, what struck me most was the change in emphasis embodied by its logo. Brands are designed to a brief handed down from board level, and so the change of identity likely mimics similar briefs being handed down to development teams.

Microsoft Edge: What designers need to know

In Internet Explorer’s logo, the ‘e’ sits motionless as the rotation occurs around it; for Microsoft, IE was literally the center of the Web, with all other technologies orbiting it.

Microsoft no longer sees itself as the center of the Web

In Edge’s logo, the orbital ring has been dropped, and the rotation is now part of the ‘e’ itself; as well as being more minimal, it’s also more humble; Microsoft no longer sees itself as the center of the Web.

This change indicates a shift in approach and hints at an increasing awareness of a wider set of interests, from cross-corporation cooperation, to adherance to web standards.

The other notable thing about the logo is that the stroke on the ‘e’ opens up the aperture, making the character far more legible at smaller devices sizes. An indication that Microsoft has finally embraced mobile.

Mobile focus

Even the least informed companies are aware of the growth of the mobile web, so it’s hardly surprising that Microsoft Edge is aimed squarely at the mobile market.

Mobile appears to be one of the key areas to have persuaded the Microsoft board of the need for change. According to netmarketshare.com, IE has a 56% share of desktop browsing, but only a 2.05% share of the mobile browser market. A far cry from the days when the company boasted over 90% of all online traffic.

We’ve been told that Edge will be the only browser pre-installed on Windows mobile devices, and will be, for the time-being, an optional download on desktops. Many businesses are slow to upgrade desktop machines — it’s truly frightening how many are still using XP — so the decision to run two browsers in parallel frees up Edge to make ground in the mobile market, whilst still allowing luddites their comfort blanket.

What has not been made public is whether Edge will be available on Android or iOS devices. However, given that global Android sales are 400% that of Windows Mobile sales, it seems inevitable that in order to make inroads into the mobile market, Microsoft will have to port Edge to other platforms. An Android version is probably in the works, and an iOS version is likely to follow.

What this means is that we’ll be facing not one, but three new browsers to test on. How consistent they will be, or the timescale for their introduction is unknown, probably even by Microsoft.

Evolution, not revolution

Despite Microsoft’s marketing, Edge is not a revolutionary browser, at least not as far as web designers are concerned.

According to caniuse.com CSS support in Edge is roughly 6% better than IE11, exactly the same rate of progression from IE10 to IE11. The steady pace suggests that under the hood, Edge is very much IE12.

under the hood, Edge is very much IE12

However Edge still only supports 75% of what Chrome offers, and there are some extremely disappointing ommisions: Edge does not support the Picture element, which is central to plans to finally resolve responsive images. Thankfully there is partial support for srcset, albeit a subset of the full spec.

There is partial support for the Grid Layout specification, although support is for an older spec. This seems to mimic IE’s Flexbox support, which began as support for an older spec before full support was later added. This approach seems to work for Microsoft, but it will leave us dependent on browser prefixes for some years to come.

Unfortunately CSS Filters haven’t made it into the build, meaning Photoshop image effects are still dependent on Photoshop. But in keeping with the mobile push, Edge does offer support for touch events, the first Microsoft browser to do so.

Conclusion

Microsoft Edge is a lighter, faster browser than the unfairly maligned Internet Explorer, but most of its innovations come for users.

For web designers taking Edge into account when designing and building websites, the most significant thing about Edge may be the rate at which it encourages users to abandon legacy versions of Internet Explorer.

Edge’s advances don’t exceed those of the last two versions of Internet Explorer, but perhaps the change of name is the final piece of the puzzle required for web designers to accept the fact that Microsoft finally has a decent browser.

Get Photo Creative with 30 Textured Geometric Masks – only $12!
Microsoft Edge: What designers need to know


Source

si pide pass es: KUNLEXY

Microsoft Edge: What designers need to know

This week Microsoft introduced its new browser, Edge, the project that had formerly been known as Project Spartan.

Much has been made of its Hub feature, and the ability to add personal annotations to websites. However, these features are aimed at regular users, web designers will use the browser in quite a different way; whilst it’s unlikely that the majority of web designers will switch to Edge as their primary browser, the majority of us will be using it on a daily basis to test code.

Whilst we don’t know exactly how Edge will perform until we get hands-on with it, there are some things we do know, and others that we can infer.

A change of approach

When I first saw the Edge announcement, what struck me most was the change in emphasis embodied by its logo. Brands are designed to a brief handed down from board level, and so the change of identity likely mimics similar briefs being handed down to development teams.

Microsoft Edge: What designers need to know

In Internet Explorer’s logo, the ‘e’ sits motionless as the rotation occurs around it; for Microsoft, IE was literally the center of the Web, with all other technologies orbiting it.

Microsoft no longer sees itself as the center of the Web

In Edge’s logo, the orbital ring has been dropped, and the rotation is now part of the ‘e’ itself; as well as being more minimal, it’s also more humble; Microsoft no longer sees itself as the center of the Web.

This change indicates a shift in approach and hints at an increasing awareness of a wider set of interests, from cross-corporation cooperation, to adherance to web standards.

The other notable thing about the logo is that the stroke on the ‘e’ opens up the aperture, making the character far more legible at smaller devices sizes. An indication that Microsoft has finally embraced mobile.

Mobile focus

Even the least informed companies are aware of the growth of the mobile web, so it’s hardly surprising that Microsoft Edge is aimed squarely at the mobile market.

Mobile appears to be one of the key areas to have persuaded the Microsoft board of the need for change. According to netmarketshare.com, IE has a 56% share of desktop browsing, but only a 2.05% share of the mobile browser market. A far cry from the days when the company boasted over 90% of all online traffic.

We’ve been told that Edge will be the only browser pre-installed on Windows mobile devices, and will be, for the time-being, an optional download on desktops. Many businesses are slow to upgrade desktop machines — it’s truly frightening how many are still using XP — so the decision to run two browsers in parallel frees up Edge to make ground in the mobile market, whilst still allowing luddites their comfort blanket.

What has not been made public is whether Edge will be available on Android or iOS devices. However, given that global Android sales are 400% that of Windows Mobile sales, it seems inevitable that in order to make inroads into the mobile market, Microsoft will have to port Edge to other platforms. An Android version is probably in the works, and an iOS version is likely to follow.

What this means is that we’ll be facing not one, but three new browsers to test on. How consistent they will be, or the timescale for their introduction is unknown, probably even by Microsoft.

Evolution, not revolution

Despite Microsoft’s marketing, Edge is not a revolutionary browser, at least not as far as web designers are concerned.

According to caniuse.com CSS support in Edge is roughly 6% better than IE11, exactly the same rate of progression from IE10 to IE11. The steady pace suggests that under the hood, Edge is very much IE12.

under the hood, Edge is very much IE12

However Edge still only supports 75% of what Chrome offers, and there are some extremely disappointing ommisions: Edge does not support the Picture element, which is central to plans to finally resolve responsive images. Thankfully there is partial support for srcset, albeit a subset of the full spec.

There is partial support for the Grid Layout specification, although support is for an older spec. This seems to mimic IE’s Flexbox support, which began as support for an older spec before full support was later added. This approach seems to work for Microsoft, but it will leave us dependent on browser prefixes for some years to come.

Unfortunately CSS Filters haven’t made it into the build, meaning Photoshop image effects are still dependent on Photoshop. But in keeping with the mobile push, Edge does offer support for touch events, the first Microsoft browser to do so.

Conclusion

Microsoft Edge is a lighter, faster browser than the unfairly maligned Internet Explorer, but most of its innovations come for users.

For web designers taking Edge into account when designing and building websites, the most significant thing about Edge may be the rate at which it encourages users to abandon legacy versions of Internet Explorer.

Edge’s advances don’t exceed those of the last two versions of Internet Explorer, but perhaps the change of name is the final piece of the puzzle required for web designers to accept the fact that Microsoft finally has a decent browser.

Get Photo Creative with 30 Textured Geometric Masks – only $12!
Microsoft Edge: What designers need to know


Source

si pide pass es: Benjie Moss

Thursday, 30 April 2015

Let’s do it live! The impact of live data on UX

Few things in this world strike terror into the hearts of men (and women) quite like performing in front of a live audience. Thankfully, our computers and websites have no such qualms, and now they have the capacity to deliver live data like never before.

Live data — or real-time data — certainly isn’t new to the Web; but it’s increasingly pervasive, and with good reason. Today’s Internet users expect immediate gratification. They don’t just want a site to respond to their input; they expect sites to provide information without a click.

Social media is a big driver for these expectations. Users are accustomed to constantly updated content through their social feeds, so they presume this kind of performance from all sites. Today, failure to deliver up-to-date information can create a dissatisfying user experience.

The good news is that technology is making it easier for you to deliver real-time data to your site’s users.

How did we get here?

The biggest challenge for real-time data was the need for a constantly open client-server connection as opposed to request and response.

For years, the most popular commercial applications for live data were in the financial industry. Finance companies invested heavily in these technologies and closely guarded them as trade secrets. Eventually, independent developers caught up, creating Java applets to make real-time data more accessible for other applications, and later created native web-browser hacks to deliver consistent HTTP connections.

Today, improved servers, browsers, software and other tech advances make it easier to develop for and deliver real-time data. Libraries and services, like Firebase, Signalr, Parse, Meteor, and Socket.io enable us to build and deploy real-time mobile and web apps in minutes. Nearly every developer now has access to the tools necessary to incorporate live data into their projects.

Today’s real-time data landscape

Live data delivery is increasingly popular across all forms of digital products. It gives users the most up-to-date information, provides marketers with immediate feedback, and encourages effective communication. When everyone knows where they stand at the moment, they can collaborate more easily.

Real-time data offers benefits for a variety of web applications. E-commerce customers can monitor constantly updated quantities to order an item before it’s out of stock. Attendees can get real-time updates at events. News and sports information can be delivered without lag. Travelers can get live prices on airline tickets, hotels, rental cars and more. And that’s just the consumer side.

Marketers and product owners can utilize incoming real-time data to identify emerging market opportunities, help guide business decisions, monitor alerts for reputation management and more. Delivering real-time data to consumers also has business benefits. Thinking back to our e-commerce example, that diminishing inventory list uses scarcity to create urgency and entice consumers to act quickly.

Exciting real-time web applications like gaming and communication are evolving daily, as are opportunities involving the Internet of Things. Studies project that by the year 2020, there will be more than 200 billion Internet-connected objects worldwide. Imagine the possibilities of a network of devices collecting and distributing data in real-time.

Is real-time data right for your project?

When considering incorporating real-time data into your next project, simply ask yourself two questions:

  1. Will the user benefit from live information?
  2. Is there value in back-and-forth interaction between users?

If the answer to either of those questions is yes, your audience will be well served with real-time data.

So, don’t wait another minute to build your first live-data project. After all, with each passing second, more valuable data goes unseen.

 

Featured image, live connection image via Shutterstock.

LAST DAY: 65 Handcrafted Fonts + 200 Ornaments – only $29!
Let’s do it live! The impact of live data on UX


Source

si pide pass es: Damion Wasylow