Frd Nrdb

12 Flips | 3 Magazines | 7 Likes | 1 Follower | @FrdNrdb | Keep up with Frd Nrdb 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 “Frd Nrdb”

Understanding Web Fonts and Getting the Most Out of Them

Thierry Blancpain is a brand and interaction designer at Informal Inquiry in New York City and co-founder of Grilli Type, a Swiss type foundry. While …

Web Development Top 10 Open Source (v.Feb 2018)

This is a new monthly series<p>For the past month<b>,</b> we ranked nearly 200 Web Development Open Source Projects to pick the Top 10.<p>We compared projects …

6 ways to get into creative coding

It's difficult to define exactly what 'creative coding' means. In broad terms, it refers to the production of something that is expressive in nature …

How you can train AI to convert design mockups into HTML and CSS

Currently, the largest barrier to automating front-end development is computing power. However, we can use current deep learning algorithms, along with synthesized training data, to start exploring artificial front-end automation right now.<p>In this post, we’ll teach a neural network how to code a …

Writing an easing function; a slightly interesting story

I should say at the outset that there’s no real point to this blog post. I had a thing to do, I did the thing, and was moderately pleased with the …

Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today

Today, I’m excited to introduce a new open-source tool from IBM called CSS Gridish!<p>CSS Gridish takes design specs of your product’s grid and builds …

The King vs. Pawn Game of UI Design

If you want to improve your UI design skills, have you tried looking at chess? I know it sounds contrived, but hear me out. I’m going to take a …

Meet Column Setter

Grid systems are fundamental to many visual design processes. They govern the spatial relationships in a layout by establishing a set of standard …

10 Laws Of UX, Illustrated

A handy guide for remembering Fitts’s Law, Jakob’s Law, and more.<p>Good design tends to follow general principles that give designers overarching guidelines to work within. But for user experience and interface designers, there are also laws that govern the nitty-gritty. For instance, it’s helpful to …

Sticky Progress

About the <head><p>In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things …

Exploded isometric via CSS 3D transforms

About External Resources<p>You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you …

CSS

Draggable JS – JavaScript drag and drop library

Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives …