Stephany Cardet

Part designer, part developer; HTML, CSS, Js, Ux; creating potency with simplicity. Ux developer at CNN and instructor at General Assembly.

Select Work

STATE Magazine 2018 Honoree: Best Individual Editorial Experience, The Webby Awards
Patty Has A Gun
Women Who March: The Movement 2018 Winner: Best News or Event Feature Video, Editor and Publisher EPPY Awards
Family Meal: NYC 2018 Nominee: Special (on TV or Web), James Beard Awards
Women Who March 2018 Honoree: News & Politics: Individual Episode, The Webby Awards
Mostly Human
Picture This: New Orleans 2016 Honoree: Best Use of Photography, The Webby Awards

Resources for aspiring designers & developers

Step 2: Be an expert in HTML & CSS

W3Schools. When you're ready to get coding, start here.

Introduction to HTML by Mozilla

HTML/CSS ~ Girl Develop It

Interneting is Hard

Code Guide by @mdo

edX | W3C: HTML5 Coding Essentials & Best Practices

Learn CSS Layout

Modern Layouts: Getting Out of Our Ruts

Learn to Code Advanced HTML & CSS

edX | Microsoft: Advanced CSS Concepts

The New Code: Easy, Responsive Flexbox

Solved by Flexbox — Cleaner, hack-free CSS

A Complete Guide to Flexbox by CSS Tricks

CSS Transitions and Transforms for Beginners from @thoughtbot

CSS3 Transitions and Transforms From Scratch by Envato Tuts+

CSS3 Transitions, Transforms, Animations & Filters by @richbradshaw

Smooth as Butter: Achieving 60 FPS Animations with CSS3 by José Rosário

A free visual guide to CSS from cssreference.io

Web Design & Media

Design Principles

Material Design

A free book on modern image optimization techniques by Essential Image Optimization.

HTML5 Up. Responsive HTML5 and CSS3 site templates designed by @ajlkn.

Mazwai. Download free creative commons HD video clips & footages.

Unsplash. Beautiful high quality free images and photos you can download and use for any project.

A Five-Minute Guide to Better Typography by Pierrick Calvez

Microinteractions

Common webpage design mistakes by Tilda Publishing Blog

Reading, Tools & Resources

The Cost of JavaScript

The State of UX by UX Trends

Code Standards by Isobar

The Web Ahead

Sara Soueidan

Codrops. Useful resources and inspiration for creative minds.

CSS Tricks

Find Guidelines - The fastest way to brand assets.

CodePen. A front end web development playground

HTML Symbols, Entities and Codes

Can I use... Support tables for HTML5, CSS3, etc

Resizer. An interactive viewer to see and test how digital products respond to material design breakpoints across desktop, mobile and tablet.

Web Field Manual. A curated resource for web creators.

A List Apart: For People Who Make Websites

Web Design Resources for Web Designers.

Web Design Weekly is a newsletter and blog that will help you stay on top of all things related to web design.

CodyHouse - Free HTML, CSS, JS nuggets

David Walsh Blog - A blog featuring tutorials about JavaScript, HTML5, AJAX, PHP, CSS, WordPress, and everything else development.

Chroma, by Lúcuma labs

Smooth as Butter: Achieving 60 FPS Animations with CSS3 by José Rosário

Browser Diet - The definitive front-end performance guide