Category Archives: Learn

Dirty CSS Hacks for Responsive Emails

Posted on Friday, January 13th, 2017

Shopify complies a list of some very helpful tricks you can use when developing responsive email newsletters. Check it out here.

CSS Reference

Posted on Monday, November 28th, 2016

CSSreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

YouTube channels for frontend developers

Posted on Monday, November 21st, 2016

YouTube channels for frontend developers – A collection of useful YouTube channels for javascript developers and web designers.

Learn X in Y minutes

Posted on Monday, November 21st, 2016

Learn X in Y minutes – Take a whirlwind tour of your next favorite language. Community-driven!

Web Design in 4 minutes

Posted on Wednesday, July 27th, 2016

Let’s say you have a product, a portfolio, or just an idea you want to share with everyone on your own website. Before you publish it on the internet, you want to make it look attractive, professional, or at least decent to look at.

What is the first thing you need to work on?

Read more

iOS 10 Introduces Autoplay Videos in Safari

Posted on Tuesday, July 26th, 2016

If you ever worked on a website that featured large, full-screen video backgrounds, you probably had to fall back to a still image or animated GIF on mobile. The main reason for this was that iOS did not honour the autoplay functionality that the desktop experience offered. A user interaction was required to trigger the playback of the video, and on the iPhone the video would then play in full screen mode — obscuring the rest of the webpage by default. The best solution at the time was to display an image file on these devices instead.
 
With the rollout of iOS 10 this fall, developers will now be able to use inline autoplay videos on their webpages (as long as there is no audio track, or the audio is muted). This is a big step forward for mobile design and development.
 
To get the full details, check out Jer Noble’s post on the WebKit Blog.

SVG Vector Effects

Posted on Tuesday, July 5th, 2016

In this snippet, we’re going to look at the lesser known vector effect SVG attribute that helps us scale SVGs without scaling their strokes.

Read more

Improving UX For Color-Blind Users

Posted on Thursday, June 23rd, 2016

According to Colour Blind Awareness 4.5% of the population are color-blind. If your audience is mostly male this increases to 8%. Designing for color-blind people can be easily forgotten because most designers aren’t color-blind. In this article I provide 13 tips to improve the experience for color-blind people – something which can often benefit people with normal vision too.

Read more

Autofill: What web devs should know, but don’t

Posted on Monday, June 13th, 2016

Until recently, there were no standards when it came to autofill. Each browser implemented their autofill features differently and there was little documentation on how a browser determines what content a field expects. Despite this chaotic situation, browsers seem to have settled on two main approaches.

Read more

Learn Git in 30 Minutes

Posted on Friday, June 3rd, 2016

Git has exploded in popularity in recent years. The version control system is used by huge open source projects like Linux with thousands of contributors, teams of various sizes, solo developers and even students.

Read more

Older Posts |