Noel Whitmore

28 Flips | 1 Magazine | 2 Likes | 1 Following | @noelwhitmore | Keep up with Noel Whitmore on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Noel Whitmore”

Animated Letters | Demo 1

Animocons: Animated Icons with mo.js

Add a whole new dimension to your website designs with the first tool that lets you create 3D CSS transforms — without writing code. Get started for free.

See what you can do with 3D transforms<p>Do anything a developer can. Without writing code. And combine your transforms with Webflow Interactions.

Off-Canvas Menu Effects | Codrops

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.<p>Today we’d like to share a couple of styles and …

5 Nightmare Clients And How To Deal With Them

It doesn’t really matter whether you’re a freelancer or a design agency – nightmare clients unfortunately come with the territory. Sure, they are the …

Web Design

Brickapic

Freelance front-end Web developer, author speaker

The viewBox attribute takes four parameters as a value: <min-x>, <min-y>, width and height.<p>The <min-x> and <min-y> values determine the upper left …

Fullscreen Form Interface

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form …

Best of Behance: Orlando Arocena | Create

Orlando doesn’t obscure the tools he uses to create the art, either. On the Behance project page, he spells them out: an iMac, a Wacom tablet, and …

Hover Effect Ideas | Set 1

Understanding The CSS3 transition-timing-function Property

The CSS3 transition-timing-function Explained<p>It’s one of the less obvious animation-based CSS properties, whereas most of its counterparts are rather …

Sassy Z-Index Management For Complex Layouts

Every z-index instance raises a number of questions:<p>Why does this element have this z-index value? What does it mean in the context of every other …

Form Follows Function

Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and …

25 Trendy Websites with Header Images

Web designers seek new features to adopt in their projects all the time. True professionals perfect their designs to make the projects cool and …

Vertical align anything with just 3 lines of CSS

With just 3 lines of CSS (excluding vendor prefixes) we can with the help of <i>transform: translateY</i> vertically center whatever we want, even if we …

CSS

101 essential free fonts for web designers

Every designer knows that free fonts are a godsend when working on a project, but truly valuable free fonts can be tough to find.<p>With this list we’ve …

Exploring Current Web Design Trends

The funny thing about current web design trends is that they are both helpful and detrimental. Trends set the standard for design elements and styles …

Behance

SLOMO

Disillusioned with his life, Dr. John Kitchin abandons his career as a neurologist and moves to Pacific Beach. There, he undergoes a radical …

Making your own mobile app is now super quick and easy

Look, making an app that will run on your iPhone is hard.<p>Luckily, adsy.me just made it chimp simple for normal folks like you or I to make a mobile app right on your iOS, Android or computer. You don’t need to download anything, learn to code, or even leave your touchscreen.<p>Make an app to show off …

Apps

Design You Trust

UK-based paper artist Lisa Lloyd builds dazzling birds, floral arrangements, and feasts from multi-colored layers of precisely cut paper. Her …

Simon Pegg and Nick Frost's 'Star Wars'

Simon Pegg

A-Z of Dance

This is "A-Z of Dance" by Jacob Sutton on Vimeo, the home for high quality videos and the people who love them.

Stellar.js

Easy.<p>Parallax has never been easier.<p>Add some simple data attributes to your markup, run $.stellar().<br>That's all you need to get started. Scroll right …

Animate.css

Web Design & Development News: Collective #109

Collective #109<p>March 30, 2014 View All<p>devices.css * WTF, HTML and CSS? * Clean CSS * Srcset and sizes * Dribbbox * Velositey * Soundslice<p>Cover design …

Web Design