Best of JavaScript
Posted on Friday, October 20th, 2017
Best of JavaScript – The best of JavaScript, HTML and CSS. Check out the most popular open-source projects and the latest trends about the web platform and node.js.
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?
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.
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.
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.