Monthly Archive:: June 2017

How to Design Banners That Clients Will Love

Before you start working on creating your client’s banners, you’ll need to understand who they are targeting and what they wish to achieve with their banners. Objectives can include the following: generating brand awareness; product awareness; increasing

Form Validation – Part 4: Validating the MailChimp Subscribe Form

Over the last few articles in this series, we’ve learned how to use a handful of input types and validation attributes to natively validate forms. We’ve learned how to use the Constraint Validation API to enhance the

Tech Community’s Very Own Domain Extension

Until 2012, the world only knew of .com, .net etc. Since then, 1200+ new domain extensions have been launched! Today, there are meaningful extensions for all kinds of communities including us, the tech folks! We now have

SASS Tutorials | 20 Useful Guides for Learning SASS

SASS (Syntactically Awesome Style Sheets) is a popular CSS pre-processor that was built to simplify and extend the CSS functionalities. For instance, various features, such as curly braces were eliminated from the syntax. With SASS, you’ll work

5 UX Truths Cats Can Teach Us

Cat pictures and GIFs make the web go round. That much is obvious to anyone who has used the web at all in the last couple of decades. But cats aren’t just great content. They’re great companions

Organic Shape Animations with SVG clipPath

After playing with some on-scroll morphing background shapes, we wanted to explore some hover effects in this demo. By morphing SVG paths we can create some organic, flowy movements on hover. Doing so on an SVG clipPath

Form Validation Part 3: A Validity State API Polyfill

In the last article in this series, we built a lightweight script (6kb, 2.7kb minified) using the Validity State API to enhance the native form validation experience. It works in all modern browsers and provides support IE

20 Whimsical Fonts You Will Fall in Love With

It’s always a good idea to have as many fonts as possible to use when the situation demands it. Creative fonts, with unique designs, such as these whimsical fonts, will surely come in handy in many situations.

Foundation 6.4 Released

Foundation 6.4 has been released by the team over at Zurb, and while it’s packed with tweaks and improvements that you’d expect from any release, the big news is that the Flexbox-based grid is now the default

Move Modal in on a Path

Have you seen those fancy interactions where a modal window flys down from the top of the page? Maybe it slides in from the side while it fades up to full opacity? Maybe it falls in from