Web Animation Weekly

Posted on Monday, August 8th, 2016

Web Animation Weekly is a weekly email newsletter written by Rachel Nabors featuring the latest in animation across the web. Issue #83 features an animated Squirtle I made because, well, Pokemon GO!

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.

Accessibility Guidelines

Posted on Tuesday, July 19th, 2016

Accessibility Guidelines – Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project.

CSS Quests

Posted on Tuesday, July 5th, 2016

CSS Quests – This is a place for people who are passionate about creating stuff with CSS. Every two weeks there is going to be a new CSS quest. Everyone is welcome to submit an entry or give other entries fancy carrots.

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

Four Challenges of Content-First Web Design

Posted on Wednesday, June 29th, 2016

When we talk about a “content-first approach” in relation to a website redesign project, we don’t mean getting all of the final content delivered before we start any design or development. Can you imagine that? It would be the holy grail of website projects.

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

EQCSS

Posted on Wednesday, June 22nd, 2016

EQCSS – A CSS Extension for Element Queries & More.

IMGIX

Posted on Wednesday, June 15th, 2016

IMGIX – Real-time Image Processing. Resize, crop, and process images on the fly, simply by changing their URLs.

Older Posts |