Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details

All Projects → IgnaciodeNuevo → Personal Goals

IgnaciodeNuevo / Personal Goals

List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.

Programming Languages

184084 projects - #8 most used programming language

Labels

html css performance svg sass css3 ux books flexbox typography a11y refactoring grid-layout webdesign

Projects that are alternatives of or similar to Personal Goals

GainTime é um framework de HTML, CSS e JS para desenvolvimento de projetos responsivos, focado na simplicidade.

Stars: ✭ 19 (-74.67%)

Mutual labels: grid-layout, sass, css3

🍱 A minimal CSS framework for web.

Stars: ✭ 117 (+56%)

Mutual labels: grid-layout, sass, css3

CSS library for easier work with flex boxes

Stars: ✭ 17 (-77.33%)

Mutual labels: grid-layout, sass, flexbox

Reactsimpleflexgrid

A way to quickly add a Grid Layout to your React app 🚀

Stars: ✭ 181 (+141.33%)

Mutual labels: grid-layout, sass, flexbox

A CSS Grid Framework

Stars: ✭ 215 (+186.67%)

Mutual labels: sass, css3, flexbox

☁️ The CSS framework for the modern web.

Stars: ✭ 716 (+854.67%)

Mutual labels: sass, css3, flexbox

Programming Book Recommendations List

My personal list of books that I recommend to read if you are a software developer

Stars: ✭ 22 (-70.67%)

Mutual labels: refactoring, ux

🌈 Generate the nearest accessible color with Sass.

Stars: ✭ 24 (-68%)

Mutual labels: a11y, sass

Stars: ✭ 9 (-88%)

Mutual labels: sass, css3

Html Sass Babel Webpack Boilerplate

Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload

Stars: ✭ 35 (-53.33%)

Mutual labels: sass, css3

Vue Music Player

🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js

Stars: ✭ 729 (+872%)

Mutual labels: sass, css3

A sass mixin to make responsive typography easy

Stars: ✭ 862 (+1049.33%)

Mutual labels: typography, sass

Overwatch Hero Picker

Let's build the overwatch hero picker UI with CSS grid & flexbox

Stars: ✭ 37 (-50.67%)

Mutual labels: grid-layout, flexbox

Drexel IDM Web Authoring I

Stars: ✭ 25 (-66.67%)

Mutual labels: css3, webdesign

Use Web Animations

😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.

Stars: ✭ 802 (+969.33%)

Mutual labels: performance, ux

📐 Quickly create angled section edges using only Sass

Stars: ✭ 969 (+1192%)

Mutual labels: svg, sass

Beautiful and accessible math in all browsers

Stars: ✭ 8,551 (+11301.33%)

Mutual labels: svg, typography

🍋 Minimal and responsive CSS framework for fast building websites.

Stars: ✭ 51 (-32%)

Mutual labels: sass, flexbox

Vue Mobile Mint

🍔 🍖 🍴基于mint-ui的饿了么外卖平台混合app(仿饿了么)

Stars: ✭ 59 (-21.33%)

Mutual labels: sass, css3

💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥

Stars: ✭ 1,187 (+1482.67%)

Mutual labels: typography, sass

View All Similar Projects ➔

Personal Goals

Personal goals made open source across computers I use.

Overarching Goals for 2019

📚 JavaScript!
📚 Web Perf
📚 Accessibility
📚 Web Typography

Legend

😍 MUST Read (📄) / Watch (🎥) / Listen (🎼)
📚 Study!
📚 Book
💡 Project
🚀 Things to do
🎥 Video
📄 Article
🎼 Audio
💊 Resource or CodePen

Index

Projects

Big Improvements

🚀 Flexbox
🚀 Curso Intensivo CSS3 Wakkos
🚀 Review Trazos Master's theme
🚀 Read HTML&CSS - John Duckett
🚀 CSS GuideLines - Harry Roberts
🚀 Sass-Lang Documentation
🚀 Sass for Web Designers Resources
🚀 Awesome Sass - Hugo Giraudel
🚀 Jekyll
🚀 Markdown
🚀 YAML
🚀 Liquid

Books

📚 Designing for Performance
📚 Mobile First
📚 SMACSS
📚 Web Form Design
📚 Best of 9 Smashing years
📚 Colour Accesibility
📚 CSS Secrets
📚 CSS3 for Web Designers
📚 Design is a Job
📚 Front-end Style Guides
📚 HTML5 for Web Designers
📚 Responsible Responsive Design
📚 Responsive Web Design
📚 Sass for Web Designers
📚 Smashing Book 5
📚 JavaScript Inspírate
04/08/2018 - 📚 Webfont Handbook
29/08/2018 - 📚 On Web Typography
04/09/2018 - 📚 Flexible Typesetting
12/09/2018 - 📚 Practical SVG
15/12/2018 - 📚 Practical Responsive Images
26/12/2018 - 📚 Better Web Typography for a Better Web

Podcasts

HTML

02/10/2017 - 📄 I’ve seen the future, it’s full of HTML.
27/12/2017 - 😍 📄 An Overview of HTML5 Semantics
12/01/2018 - 📄 What’s New in HTML 5.2?
31/01/2018 - 😍 📄 Autofill - What web devs should know, but don’t
17/03/2018 - 📄 Labels Required
30/09/2018 - 📄 Conversational Semantics
03/10/2018 - 📄 HTML5 articles and sections: what’s the difference?
19/10/2018 - 📄 Unbuttoning Buttons
22/10/2018 - 📄 The dialog element
29/10/2018 - 📄 You're using <em> wrong
31/10/2018 - 📄 The details and summary elements
25/11/2018 - 📄 Security and Performance Benefit from the rel=”noopener”
27/11/2018 - 📄 Native Lazy Loading on the Web
25/12/2018 - 📄 HTML Imputs
09/01/2018 - 📄 Los Orígenes del lenguaje HTML
17/01/2019 - 📄 HTML5 Input Types: Where Are They Now?
19/02/2019 - 📄 Revisiting the abbr element
26/02/2019 - 🎥 12 - Etiqueta Http equiv
26/02/2019 - 📄 Progressively enhanced menu buttons with details/summary [updated]

Cascade and Specificity

07/11/2017 - 😍 📄 CSS Specificity - Things You Should Know
07/11/2017 - 📄 CSS Specificity And Inheritance
09/11/2017 - 📄 Inherit, Initial and Unset Values for CSS Properties
07/11/2017 - 📄 CSS Inheritance, The Cascade And Global Scope - Your New Old Worst Best Friends
13/11/2017 - 💊 Specificity Image by Andy Clarke
13/11/2017 - 😍 💊 Specificity Calculator
13/11/2017 - 💊 Specificity Graph Generator
13/11/2017 - 📄 Hacks for dealing with specificity
29/12/2017 - 😍 📄 Link Specificity
12/01/2018 - 📄 The latest ways to deal with the cascade, inheritance and specificity
15/11/2018 - 📄 The “C” in CSS: The Cascade
16/11/2018 - 📄 Optimizing CSS: ID Selectors and Other Myths
24/11/2018 - 📄 How CSS works: Understanding the cascade

CSS

01/11/2016 - 🎥 CSS in 2016 and Beyond
03/11/2016 - 🎥 Lessons Learned From Building Your Own CSS FrameworkN
30/11/2016 - 🎥 Lourdes Montano - Methods to Organize Your Learning Process in CSS - CascadiaFest 2016
06/12/2016 - 🎥 CSS Tips and Tricks #1 - CSS-only Christmas Lights
02/12/2016 - "Real Art Direction on the Web" - View Source Conference talk by Jen Simmons
27/05/2017 - 📄 Progressing Our Layouts
27/05/2017 - 🎥 Becoming Responsible for CSS
08/07/2017 - 📄 CSS vs. JavaScript - Trust vs. Control
08/07/2017 - 📄 The Unexpected Power of Viewport Units in CSS
08/07/2017 - 📄 Handling Long and Unexpected Content in CSS
11/07/2017 - 📄 Did CSS get more complicated since the late nineties?
18/07/2017 - 📄 CSS Pro Tips
26/07/2017 - 🎥 ALAN MOOIMAN CSS is dead, long live CSS | CascadiaFest 2015
26/07/2017 - 🎥 Stephanie Hobson - Flipping Tables Displaying Data on Small Screens - CascadiaFest 2016
28/07/2017 - 🎥 The Power of CSS – Una Kravets / Front-Trends 2017
30/07/2017 - 📄 Writing the Correct CSS Once is Pretty Easy
30/07/2017 - 📄 What’s happening in CSS?
31/07/2017 - 📄 5 CSS Properties That You Probably Don’t Know
31/07/2017 - 📄 Using viewport units to scale fixed layouts
31/07/2017 - 📄 Perfect Full Page Background Image
01/08/2017 - 🎥 Eric Portis on Contain Your Excitement
02/08/2017 - 🎥 Automating CSS Regression Testing - Joan León #scbcn16
11/08/2017 - 🎥 Razvan Caliman (Adobe) - CSS for decoration / infoShare 2016
12/08/2017 - 📄 The Best Way to Implement a “Wrapper” in CSS
20/08/2017 - 📄 The Nine Principles Of Design Implementation
20/08/2017 - 🎥 Ire Aderinokun — Progressive Enhancement and CSS
23/08/2017 - 📄 How to create fancy revealing animations with these simple CSS tricks
06/09/2017 - 📄 How to build a responsive grid system
06/09/2017 - 📄 Designing grids
17/09/2017 - 😍 📄 Sub-Pixel Problems in CSS
17/09/2017 - 😍 📄 12 Little-Known CSS Facts
02/10/2017 - 📄 Why there is no CSS4 - explaining CSS Levels
11/10/2017 - 🎥 Aspect Ratio Hack - Micro Tip #17 - Supercharged
20/10/2017 - 😍 📄 Sizing (Web) components
08/11/2017 - 🎥 Rachel Andrew — The New CSS Layout Technologies
09/11/2017 - 📄 How we adapted the Booking.com mobile site for the iPhone X notch.
19/11/2017 - 🎥 CSS en tiempos modernos
21/12/2017 - 😍 📄 Vertical Percentages in CSS
27/12/2017 - 📄 Stunning examples of CSS pseudo-classes in action
28/12/2017 - 📄 Understanding CSS Layout And The Block Formatting Context
28/12/2017 - 📄 Calc() function with Use Cases
28/12/2017 - 📄 Breaking Out With Viewport Units and Calc
29/12/2017 - 📄 CSS element() function
17/01/2018 - 🎥 dotCSS 2017 - Adam Detrick - Write Less CSS
18/01/2018 - 🎥 dotCSS 2017 - Jackie Balzer - Schrödinger's Website
31/01/2018 - 😍 📄 Advanced CSS-Only Form Styling
14/02/2018 - 📄 CSS Basics: The Syntax That Matters & The Syntax That Doesn’t
16/02/2018 - 📄 Using Media Queries For Responsive Design In 2018
18/02/2018 - 📄 How Big Is That Box? Understanding Sizing In CSS Layout
20/02/2018 - 🎥 Into the Weeds of CSS Layout
22/02/2018 - 🎥 HTML Source Order and When There’s No CSS
24/02/2018 - 📄 Handling long titles with truncation
26/02/2018 - 🎥 Introduction to Resilient CSS – 1/7
26/02/2018 - 🎥 Introduction to Resilient CSS – 2/7
27/02/2018 - 🎥 Introduction to Resilient CSS – 3/7
28/02/2018 - 🎥 Introduction to Resilient CSS – 4/7
01/03/2018 - 🎥 Introduction to Resilient CSS – 5/7
01/03/2018 - 🎥 Introduction to Resilient CSS – 6/7
02/03/2018 - 🎥 Introduction to Resilient CSS – 7/7
02/03/2018 - 📄 Lesser known CSS quirks & advanced tips
07/03/2018 - 📄 Responsive Design’s Dirty Little Secret
07/03/2018 - 😍 📄 What No One Told You About Z-Index
07/03/2018 - 😍 📄 My approach to using z-index
14/03/2018 - 😍 📄 What’s the Deal with Margin Collapse?
03/04/2018 - 🎥 Cropping images with Object Fit
10/04/2018 - 🎥 Designing for A Viewport
11/05/2018 - 📄 How display: contents; Works & How display: contents affect some HTML Elements
15/06/2018 - 📄 CSS3’s ‘space’ and ‘round’ Values for background-repeat
26/06/2018 - 🎥 Where is CSS4? When is it coming out?
11/07/2018 - 📄 What You May Not Know About the Z-Index Property
11/07/2018 - 📄 Handling z-index
21/07/2018 - 🎥 Even More CSS Secrets
03/08/2018 - 🎥 The web is ready for great graphic design | CSS Day 2018
12/08/2018 - 📄 On Switching from HEX & RGB to HSL
14/09/2018 - 📄 Drop Caps in CSS Using first-letter & initial-letter
21/09/2018 - 🎥 Box Alignment | CSS Day 2018
11/10/2018 - 📄 Stuff you can do with CSS pointer events
20/10/2018 - 📄 When to use display:contents to improve semantics in your HTML
21/10/2018 - 📄 Creating a simple form with Flexbox
23/10/2018 - 📄 Apply a Filter to a Background Image
23/10/2018 - 📄 CSS Border-Radius Can Do That?
24/10/2018 - 📄 Flexbox: How Big Is That Flexible Box?
25/10/2018 - 📄 Use Cases For Flexbox
26/10/2018 - 📄 Stacking Contexts: z-index
26/10/2018 - 📄 Nested Links
30/10/2018 - 📄 Nested Links Without Nesting Links
30/10/2018 - 📄 :empty and :blank
31/10/2018 - 📄 Concise Media Queries with CSS Grid
01/11/2018 - 🎥 Text Experiments with CSS
01/11/2018 - 🎥 Be like water Applying Bruce Lee's philosophy to web design
02/11/2018 - 🎥 Layouts & Beyond
03/11/2018 - 🎥 Smashing Case Study
05/11/2018 - 📄 Understanding Logical Properties And Values
07/11/2018 - 📄 Styling better focus states
08/11/2018 - 📄 Sticky, Smooth, Active Nav
10/11/2018 - 🎥 Teaching CSS to a Coder 🙀 (How to Lazy Load Images)
17/11/2018 - 😍 📄 Level up your CSS selector skills
24/11/2018 - 😍 📄 Hardcore CSS calc( )
25/11/2018 - 📄 :visited
03/12/2018 - 📄 A look at CSS Resets in 2018
03/12/2018 - 📄 Styling Underlines on the Web
20/12/2018 - 📄 Styling a Select Like It’s 2019
21/12/2018 - 📄 My CSS Reset/Base
21/12/2018 - 📄 Media Queries Level 4: Detect a touch device with only CSS
22/12/2018 - 📄 Keep Math in the CSS
24/12/2018 - 📄 When do the :hover, :focus, and :active pseudo-classes apply?
24/12/2018 - 📄 Multi-Line Padded Text
27/12/2018 - 📄 Unitless line-heights
02/01/2019 - 😍 🎥 Line breaking
02/01/2019 - 🎥 Write Less CSS
02/01/2019 - 🎥 What CSS taught me
02/01/2019 - 🎥 Don't write HTML the way George Lucas wrote Star Wars
02/01/2019 - 🎥 i18n: A Brief Primer of Web Internationalization
03/01/2019 - 🎥 Not your usual CSS counters
03/01/2019 - 🎥 Read color hex codes
10/01/2019 - 📄 Gradient Borders in CSS
10/01/2019 - 📄 Multi-Line Inline Gradient
10/01/2019 - 😍 📄 Common CSS Issues For Front-End Projects
11/01/2019 - 📄 How to check if an input is empty with CSS
12/01/2019 - 📄 An Initial Implementation of clip-path: path();
12/01/2019 - 📄 Keeping aspect-ratio with HTML and no padding tricks
16/01/2019 - 📄 Use the :lang pseudo-class over the lang attribute selector for language-specific styles
16/01/2019 - 📄 Complex Layouts with CSS Grid or Flexbox… or neither?
17/01/2019 - 📄 How Well Do You Know CSS Layout?
22/01/2019 - 📄 CSS doesn’t suck
23/01/2019 - 📄 2019 CSS Wishlist
23/01/2019 - 📄 Practical CSS Scroll Snapping
18/02/2019 - 📄 Position: stuck; — and a Way to Fix It
18/02/2019 - 📄 CSS Position Sticky - How It Really Works!
19/02/2019 - 📄 A look at CSS hyphenation in 2019
27/02/2019 - 📄 Gradient Borders and Border Images in Pure CSS
14/03/2019 - 🎥 The State of CSS
20/03/2019 - 📄 Building Robust Layouts With Container Units
20/03/2019 - 😍 📄 Aspect Ratio Boxes
21/03/2019 - 📄 Stacked “Borders”
24/03/2019 - 😍 🎥 Overwatch Hero Picker
24/03/2019 - 🎥 The Impossible CSS Layout: Grid? Flexbox? Floats? Columns? JS!
26/03/2019 - 📄 Finally, a CSS only solution to :hover on touchscreens
27/03/2019 - 📄 Text Wrapping & Inline Pseudo Elements
14/04/2019 - 📄 CSS debugging is hard

CSS Units

02/08/2017 - 😍 📄 The EMs have it: Proportional Media Queries FTW!
15/08/2017 - 📄 R.I.P. REM, Viva CSS Reference Pixel!
20/10/2017 - 📄 Confused About REM and EM?
28/12/2017 - 😍 📄 Comprehensive Guide: When to Use Em vs. Rem
29/12/2017 - 📄 Is text sizing dead?
15/06/2018 - 😍 💊 EMs vs REMs
15/05/2018 - 📄 The new (and old) CSS units you've never heard about
01/10/2018 - 📄 Confused About REM and EM?
13/11/2018 - 📄 The trick to viewport units on mobile
13/11/2018 - 📄 There’s no reason to use pointer-events for HTML elements
27/12/2018 - 📄 A tale of two viewports — part two
20/03/2019 - 📄 Designing An Aspect Ratio Unit For CSS

Feature Queries

27/05/2017 - 📄 Using Feature Queries in CSS
28/05/2017 - 📄 Cascading Web Design with Feature Queries
08/11/2018 - 📄 Using Feature Detection to Write CSS with Cross-Browser Support

Container Queries

06/09/2017 - 📄 Element Queries: the Future of Responsive Web Design
12/01/2018 - 🎥 dotCSS 2017 - Jonathan Snook - Container Queries
12/01/2018 - 📄 Thoughts on a Syntax for Element Queries
25/11/2018 - 📄 Responsive Components: a Solution to the Container Queries Problem
27/02/2019 - 📄 How @supports Works

Responsive Images

02/11/2016 - 🎥 Responsive Images Are Here. Now What? by Jason Grigsby
09/10/2017 - 📄 Fundamentals of Responsive Images
17/11/2018 - 📄 Image Inconsistencies: How and When Browsers Download Images
24/11/2018 - 📄 Why and how to use WebP images today
28/11/2018 - 😍 📄 image-set to support retina images - CSS background image-set test
04/12/2018 - 😍 📄 Responsive Images: Use Cases and Documented Code Snippets to Get You Started
04/12/2018 - 📄 Guía práctica de imágenes responsive
18/02/2018 - 📄 Responsive Images in CSS
27/03/2019 - 📄 Serve Responsive Images
01/04/2019 - 📄 The anatomy of responsive images

Flexbox

01/01/2016 - 🎥 What the Flexbox?
05/03/2018 - 📄 Space-between, por favor
13/11/2018 - 📄 The peculiar magic of flexbox and auto margins
25/11/2018 - 📄 Flex-grow 9999 Hack
23/12/2019 - 📄 The Flexbox Holy Albatross

Grid vs Flexbox

20/10/2017 - 📄 Should I use Grid or Flexbox?
25/12/2017 - 📄 How should we resolve percentage margins and padding on grid and flex items?
12/01/2018 - 📄 Fun Times With Sizing Grid Elements

CSS Grid Layout

01/11/2016 - 🎥 CSS4 Grid: True Layout Finally Arrives (Jen Kramer) - Full Stack Fest 2016
27/05/2017 - 📄 CSS Grid Layout Module Level 1 Specification
27/05/2017 - 📄 Grids
27/05/2017 - 📄 CSS Grids Guides on MDN
27/05/2017 - 📄 CSS Grid Layout
27/05/2017 - 📄 CSS Grid Layout and Progressive Enhancement
27/05/2017 - 😍 📄 A Complete Guide to Grid
27/05/2017 - 😍 📄 Grid by Example
27/05/2017 - 😍 📄 Grid Fallbacks
27/05/2017 - 😍 📄 Box Alignment Cheetsheet
27/05/2017 - 📄 CSS Grid Cheat Sheet
17/06/2017 - 😍 📄 How the minmax() function works
27/05/2017 - 💊 Griddy
27/05/2017 - 💊 LearnCSSGrid
27/05/2017 - 💊 Grid Talk examples
27/05/2017 - 💊 Grid Layout Collection
27/05/2017 - 💊 CSS Grid Layout
27/05/2017 - 🎥 CSS Grid Layout | Frontend NE: Video & CSS Grid Layout | Frontend NE: Slides
27/05/2017 - 📄 Grid Exercises
01/08/2017 - 🎥 Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)
18/08/2017 - 😍 📄 Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid
19/06/2017 - 📄 Building Production Ready CSS Grid Layout
27/05/2017 - 📄 CSS Grid Layout Terminology, Explained
27/05/2017 - 📄 Getting Started with CSS Grid
27/05/2017 - 📄 Basic concepts of grid layout
27/05/2017 - 🎥 Announcing CSS Grid & the Firefox Grid Inspector Tool
27/05/2017 - 📄 Should I try to use the IE implementation of CSS Grid Layout?
27/05/2017 - 📄 Edge starts work on their Grid implementation update
27/05/2017 - 📄 Learn CSS Grid Layout
27/05/2017 - 📄 Labs - Jen Simmons
27/05/2017 - 📄 Wow, Grid has so many properties. Do we need them all?
27/05/2017 - 📄 CSS Grid Layout: El futuro ya está aquí
27/05/2017 - 🎥 CSS Grid Layout ya está aquí!
27/05/2017 - 🎥 Entendiendo CSS Grid Playlist
27/05/2017 - 📄 Getting to know CSS Grid Layout
27/05/2017 - 📄 Practical CSS Grid: Adding Grid to an Existing Design
27/05/2017 - 📄 Grid + Flexbox: the best 1-2 punch in web layout
27/05/2017 - 📄 Case Study: My First Practical CSS Grid Layout
27/05/2017 - 📄 CSS Grid Ask Me Anything
27/05/2017 - 📄 Breaking Out With CSS Grid Layout
27/05/2017 - 📄 Learn CSS Grid
27/05/2017 - 📄 Mozilla - CSS Grid
27/05/2017 - 📄 Accurately checking for CSS Grid support in Microsoft Edge
27/05/2017 - 💊 Animating CSS Grid Layout properties
27/05/2017 - 💊 CSS Grid Layout - New Terminology
27/05/2017 - 💊 Grid 12 Column experiments
07/06/2017 - 📄 Breaking out with CSS Grid explained
20/06/2017 - 📄 CSS Grid Layout: A cornucopia of options
12/08/2017 - 📄 Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins
12/08/2017 - 📄 Responsive Design’s Dirty Little Secret
23/08/2017 - 📄 Breakpoints: Don’t Box Me In
23/08/2017 - 📄 PX, EM or REM Media Queries?
31/08/2017 - 📄 Breaking Down a CSS Grid Layout
31/08/2017 - 💊 The CoffeeCup Guide to liberating layout through CSS Grid
19/09/2017 - 📄 Web truths: CSS is not real programming
27/09/2017 - 📄 Intriguing CSS Level 4 Selectors
29/09/2017 - 🎥 CSS Grid Layout
20/10/2017 - 📄 Grid is all about the container
28/10/2017 - 😍 📄 CSS Grid Starter Layouts
29/11/2017 - 🎥 Joan León - CSS Craftsmanship | BCN Software Craftsmanship
02/12/2017 - 🎥 Rachel Andrew | What I discovered about layout via CSS Grid
18/12/2017 - 🎥 dotCSS 2017 - Florian Rivoal - Media Queries 4
18/12/2017 - 🎥 dotCSS 2017 - Benjamin De Cock - CSS Grid in Production
25/12/2017 - 📄 Building Better UI Designs With Layout Grids
26/12/2017 - 📄 11 Things I Learned Reading the CSS Grid Specification
28/12/2017 - 🎥 Jen Simmons Designing with grid
12/12/2017 - 🎥 Don't Use My Grid System (or any others) by Miriam Suzanne
28/12/2017 - 📄 Notes on vertical writing and CSS grid
29/12/2017 - 📄 Aspect Ratios for Grid Items
29/12/2017 - 📄 Practical uses for the aspect-ratio media query
29/12/2017 - 😍 📄 Auto-Sizing Columns in CSS Grid - auto-fill vs auto-fit
17/01/2018 - 🎥 Incredibly Easy Layouts with CSS Grid Playlist
18/01/2018 - 🎥 Designing for 4-sided viewports with CSS Grid
23/01/2018 - 🎥 Responsive Mondrian – a demo of CSS Grid
25/01/2018 - 🎥 Internet Explorer exists. Use CSS Grid?
31/01/2018 - 📄 Contextual Callouts with CSS Grid
07/02/2018 - 🎥 Internet Explorer exists. Use CSS Grid?
07/02/2018 - 📄 How I design with CSS grid
08/02/2018 - 📄 Obliterate Boxiness with CSS Shapes
13/02/2018 - 📄 Basics of CSS Grid - The Big Picture
15/02/2018 - 📄 Combine Flexbox & Grid in a common layout made easy
20/02/2018 - 🎥 Whitespace on The Web! — with CSS Grid
28/02/2018 - 🎥 Why CSS Grid is a game changer for web design
03/03/2018 - 📄 Usando Grid Layout y Flexbox como fallback en Fotocasa
03/03/2018 - 😍 📄 Basic grid layout with fallbacks using feature queries
03/03/2018 - 📄 How to combine Flexbox and CSS grids for efficient layouts
03/03/2018 - 📄 Styling Empty Cells With Generated Content And CSS Grid Layout
03/03/2018 - 📄 CSS Grid Gotchas And Stumbling Blocks
08/04/2018 - 📄 Rock' n' Grid - Diana Aceves WeCodeFest 2018
29/05/2018 - 🎥 CSS Grid Eliminates Margin Collapsing?!?
13/09/2018 - 🎥 “Designing with Grid” by Jen Simmons – An Event Apart Denver 2017
21/09/2018 - 📄 Will we be flattening our HTML for CSS Grids?
07/11/2018 - 📄 CSS Grid Level 2: Here Comes Subgrid
10/11/2018 - 📄 Changes on CSS Grid Layout in percentages and indefinite height
15/11/2018 - 🎥 CSS Grid Changes EVERYTHING
15/11/2018 - 📄 CSS Grid Crash Course
15/11/2018 - 📄 Building Production-Ready CSS Grid Layouts Today
24/11/2018 - 📄 Grid Tile Layouts with auto-fit and minmax
17/01/2019 - 📄 Solving a Tricky Layout Problem with CSS Grid
19/02/2019 - 📄 My CSS Grid Wishlist
06/05/2019 - 🎥 Trying CSS Grid for the first time
21/05/2019 - 🎥 Jen Simmons on Thinking With Grids at SmashingConf SF 2019

Multi Column Layout

09/08/2017 - 📄 Changes to the Grid Spec and taking on Multi-Column layout
20/10/2017 - 😍 📄 Exploring Multi-Column Layouts in CSS
09/02/2018 - 📄 CSS Grid + CSS Multi-Columns = ♥
18/01/2019 - 📄 When And How To Use CSS Multi-Column Layout

Animation

28/12/2017 - 📄 Stop Leaving Animation to the Last Minute
28/12/2017 - 📄 Animating Border
14/01/2018 - 📄 Can CSS Custom Properties update animation durations on the fly?
09/02/2018 - 📄 Animation principles in UI
24/02/2018 - 😍 📄 How to animate "box-shadow" with silky smooth performance
25/02/2018 - 📄 Get started with motion design in 9 steps
07/03/2018 - 📄 Good to great UI animation tips
11/03/2018 - 🎥 Animaciones SVG
27/04/2018 - 📄 How JavaScript works: Under the hood of CSS and JS animations + how to optimize their performance
27/04/2018 - 😍 📄 Smooth as Butter: Achieving 60 FPS Animations with CSS3
27/04/2018 - 😍 📄 FLIP Your 60 FPS Animations, FLIP ’Em Good
27/04/2018 - 📄 Native-Like Animations for Page Transitions on the Web
11/05/2018 - 😍 📄 FLIP Your Animations
05/10/2018 - 🎥 CSS Animation with Physics Simulation 📈 (so much over-engineering ⚙️)
07/10/2018 - 🎥 Sarah Drasner on Building an SVG Animation from Start to Finish
17/10/2018 - 🎥 How to make an awesome text reveal effect with just CSS!
04/11/2018 - 🎥 githubuniverse.com animations audit
07/11/2018 - 🎥 Creating a circular reveal animation with JavaScript and CSS!
08/11/2018 - 📄 Improve your motion
08/11/2018 - 😍 📄 60fps animations and hacks
09/11/2018 - 📄 On translate3d and layer creation hacks
09/11/2018 - 📄 Increase Your Site’s Performance with Hardware-Accelerated CSS
11/11/2018 - 📄 Make your animations perform well
11/11/2018 - 🎥 Vanilla JS Graphics and Animations
14/11/2018 - 📄 Getting those saucy UI animations for mobile and web
24/11/2018 - 📄 A Comparison of Animation Technologies
28/11/2018 - 📄 Toggling Animations On and Off
28/11/2018 - 😍 📄 CSS Animations with Finite State Machines
18/02/2019 - 📄 A Detailed Guide to CSS Animations and Transitions
26/02/2019 - 📄 Writing Animations That Bring Your Site to Life
10/04/2019 - 🎥 [Pure JS FLIP Transition ⛰️🎷 Migrating Magna Saxa | @keyframers 2.1.0

Custom Properties

08/07/2017 - 📄 Locally Scoped CSS Variables - What, How, and Why
11/07/2017 - 📄 Using CSS variables correctly
11/07/2017 - 📄 Conditions for CSS Variables
11/07/2017 - 😍 📄 It’s Time To Start Using CSS Custom Properties
11/07/2017 - 📄 What is the difference between CSS variables and preprocessor variables?
20/08/2017 - 🎥 Lea Verou - CSS Variables - var(--subtitle);
31/08/2017 - 📄 Building Skeleton Screens with CSS Custom Properties
08/11/2017 - 📄 The CSS attr() function got nothin’ on custom properties
15/11/2017 - 📄 CSS Environment variables; how to deal with the software bezel of iPhone X
27/12/2017 - 📄 Getting Hardboiled with CSS Custom Properties
03/03/2018 - 📄 Everything you need to know about CSS Variables
27/08/2018 - 📄 Create your design system, part 1/6: Typography
30/09/2018 - 📄 Create your design system, part 2/6: Grid & Layout
30/09/2018 - 📄 Create your design system, part 3/6: Colors
01/10/2018 - 📄 Create your design system, part 4/6: Spacing
01/10/2018 - 📄 Create your design system, part 5/6: Icons
01/10/2018 - 📄 Create your design system, part 6/6: Buttons
07/10/2018 - 🎥 Rachel Andrew on Pattern Library First: An Approach For Managing CSS
13/10/2018 - 📄 Let’s make multi-colored icons with SVG symbols and CSS variables
02/11/2018 - 🎥 Building Inclusive Experiences with CSS and SVG
02/11/2018 - 🎥 4½ Methods for Theming in (S)CSS
05/11/2018 - 📄 Pragmatic, Practical, and Progressive Theming with Custom Properties
05/11/2018 - 📄 CSS Custom Properties and Theming
05/11/2018 - 📄 Control CSS loading with custom properties
05/11/2018 - 😍 📄 A Strategy Guide To CSS Custom Properties
06/11/2018 - 📄 Bridging CSS and JS with Custom Properties
06/11/2018 - 📄 Unlocking the Benefits of CSS Variables
06/11/2018 - 📄 Using CSS variables correctly
07/11/2018 - 📄 Advanced CSS Theming with Custom Properties and JavaScript
07/11/2018 - 📄 Redesigning your product and website for dark mode
15/11/2018 - 📄 CSS dark mode
16/11/2018 - 📄 Spacings and CSS Custom properties
17/11/2018 - 📄 Practical tips for working with CSS variables
24/11/2018 - 📄 Difference between currentColor & Custom Properties
25/11/2018 - 📄 Contextual styling with custom properties
28/11/2018 - 📄 Everything about CSS environment variables - iPhone X Notch ones
20/12/2018 - 😍 📄 Typography Scale with Custom Properties
11/01/2019 - 📄 Animation principles for UX and UI designers
15/03/2019 - 🎥 Las reglas han cambiado, Custom Properties
21/03/2019 - 📄 How to combine SASS color functions and CSS Variables
25/03/2019 - 📄 Responsive Designs and CSS Custom Properties: Building a Flexible Grid System
25/03/2019 - 📄 Do CSS Custom Properties Beat Sass Loops?
03/01/2019 - 📄 Performance of CSS Variables

CSS Architecture and Naming

23/11/2016 - 🎥 Manage large CSS projects with ITCSS
24/11/2016 - 🎥 Managing CSS Projects with ITCSS
26/07/2017 - 🎥 Organizing CSS with OOCSS, SMACSS, and BEM
29/07/2017 - 📄 Building a responsive timeline in CSS with Sass and BEM
01/08/2017 - 🎥 Breaking Good Habits - Harry Roberts
01/08/2017 - 🎥 SmashingConf Freiburg - CSS For Software Engineers For CSS Developers
02/08/2017 - 😍 📄 Extending silent classes in Sass
02/08/2017 - 😍 📄 When to use @extend; when to use a mixin
02/08/2017 - 😍 📄 Code Smells in CSS Revisited
23/08/2017 - 😍 📄 BEMIT - Taking the BEM Naming Convention a Step Further
15/09/2017 - 📄 CSS Utility Classes and "Separation of Concerns"
17/09/2017 - 📄 CSS in JS is like replacing a broken screwdriver with your favorite hammer
13/10/2017 - 📄 Tomando decisiones para estructurar los componentes en CSS
08/11/2017 - 😍 📄 Naming CSS Stuff Is Really Hard
08/11/2017 - 📄 Sass Variable Architecture
08/11/2017 - 🎥 Organizing CSS with OOCSS, SMACSS, and BEM - Matt Stauffer
08/11/2017 - 😍 📄 BEM by Example
08/11/2017 - 📄 Writing modular CSS (Part 1) — BEM
08/11/2017 - 📄 Writing modular CSS (Part 2) — Namespaces
09/11/2017 - 📄 Modular CSS naming conventions
13/11/2017 - 📄 Sass Variable Architecture
13/11/2017 - 🎥 Organizing CSS with OOCSS, SMACSS, and BEM - Matt Stauffer
13/11/2017 - 📄 Object Oriented CSS
13/11/2017 - 📚 SMACSS
13/11/2017 - 😍 📄 More Transparent UI Code with Namespaces
13/11/2017 - 📄 Suit CSS
13/11/2017 - 📄 Enduring CSS
13/11/2017 - 📄 NCSS
13/11/2017 - 📄 A Scalable CSS Reading List
13/11/2017 - 📄 20 Tips For Writing Modern CSS
13/11/2017 - 📄 CSS Architecture and the Three Pillars of Maintainable CSS
13/11/2017 - 📄 Airbnb CSS / Sass Styleguide
13/11/2017 - 📄 CSS Architecture for design systems
13/11/2017 - 📄 CSS Architecture Guidelines
13/11/2017 - 📄 Building Scaleable CSS
13/11/2017 - 📄 Code Guide by @mdo
13/11/2017 - 📄 8 simple rules for a robust, scalable CSS architecture
13/11/2017 - 📄 CSS AND SCALABILITY
13/11/2017 - 😍 📄 Cyclomatic Complexity - Logic in CSS
13/11/2017 - 😍 📄 Principles of writing consistent, idiomatic CSS
13/11/2017 - 📄 Methods to Organize CSS
13/11/2017 - 😍 📄 Organize your CSS properties however you dang like
13/11/2017 - 😍 📄 About HTML semantics and front-end architecture
13/11/2017 - 💊 Buenas prácticas en CSS
13/11/2017 - 📄 An Introduction To Object Oriented CSS - OOCSS
13/11/2017 - 😍 📄 Thoughtful CSS Architecture
18/11/2017 - 🎥 Arquitectura CSS - Sé eficiente con tus estilos
19/11/2017 - 😍 🎥 Dressing ITCSS - Video - 💊 Dressing ITCSS - Slides
30/11/2017 - 🎥 dotCSS 2014 - Nicolas Gallagher - Thinking beyond “Scalable CSS”
03/03/2018 - 📄 Patterns for writing manageable CSS without a framework
26/03/2018 - 📄 How to organize your CSS? Methodologies, style guides & architectures.
26/10/2018 - 📄 Keys to maintainable CSS: Order
06/11/2018 - 📄 In Defense of Utility-First CSS
12/11/2018 - 📄 CSS and Network Performance
12/11/2018 - 📄 .u-glue: A positioning pattern (algorithm? API?)
21/12/2018 - 📄 What do you name color variables?
24/12/2018 - 📄 Generic First CSS: New Thinking On Mobile First

Refactoring CSS

31/12/2016 - 🎥 Harry Roberts - Refactoring CSS Without Losing Your Mind
27/06/2017 - 🎥 Refactoring CSS Without Losing Your Mind
26/07/2017 - 🎥 Refactoring Legacy CSS
20/10/2017 - 📄 Are you writing legacy CSS code?
20/10/2017 - 📄 5 Tips for Starting a Front-End Refactor
26/10/2017 - 📄 Refactoring Tunnels
28/12/2017 - 📄 Refactoring >14,000 lines of CSS into Sass
28/12/2017 - 📄 Refactoring CSS - The Three I’s
28/12/2017 - 📄 Starting a Refactor with CSS Dig
28/12/2017 - 📄 How to Refactor CSS – A Guide
29/01/2017 - 📄 Finding Dead CSS

Sass

31/07/2017 - 📄 Susy 3
31/07/2017 - 📄 Advanced SCSS
31/07/2017 - 📄 The Sass Ampersand
02/08/2017 - 📄 Fix 90% of Your Problems With Susy by Getting This One Concept Right
13/10/2017 - 📄 Use a Sass Variable for a Selector
28/12/2017 - 📄 V6 - Typography and Proportions
17/11/2018 - 📄 How and Why We Unit Test Our Sass
23/01/2019 - 📄 Sass Techniques from the Trenches
18/02/2019 - 📄 Mastering Maps: Build a Flexible Variable System in Sass

Stylable

28/12/2017 - 📄 Styling Components - Typed CSS With Stylable

General Frontend

25/12/2016 - 😍 🎥 What Comes Next Is the Future 2016
26/11/2017 - 🎥 ¿Qué es un Senior Developer? - LUIS G. VALLE
30/11/2017 - 🎥 dotCSS 2014 - Harry Roberts - 10 Principles for effective Front-end Development
30/11/2017 - 🎥 EnhanceConf - Aaron Gustafson - Learn from the Past, Enhance for the Future
01/12/2017 - 🎥 Google I/O 2015 - The next generation mobile web
28/12/2017 - 📄 Advice From A 19 Year Old Girl & Software Developer
16/01/2018 - 🎥 ¿Quién es quién? ¿Maquetadores? ¿Front-end? ¿Full-stacks?... (Noemi Medina y Vanessa skywalker)
16/02/2017 - 📄 Learning to code quickly
16/02/2017 - 📄 Understanding And Using REST APIs
11/03/2018 - 🎥 PostCSS
11/03/2018 - 🎥 All you need is front | T3chFest 2018
15/05/2018 - 🎥 Análisis Forense de una web
11/05/2017 - 📄 What’s wrong with CSS-in-JS?
23/05/2018 - 🎥 Herramientas Frontend
22/06/2018 - 🎥 The All-Powerful Front-End Developer
06/07/2018 - 🎥 CSS-in-JS: FTW || WTF?
20/07/2018 - 🎥 Using Netlify, Part 1: Setting Up, Deploying, and Poking Around
21/07/2018 - 🎥 Using Netlify, Part 2: Forms & API, Notifications, and Configuration
08/08/2018 - 😍 📄 Cookies
26/08/2018 - 🎥 Designer + Developer Workflow
26/08/2018 - 🎥 Design+Developer Workflow - Pattern Lab Development
05/09/2018 - 🎥 James Hughes - The Twelve Factor App Methodology
19/09/2018 - 🎥 Working with Time is Easy Jon Skeet
20/09/2018 - 🎥 CSS for the next billion users | CSS Day 2018
05/10/2018 - 🎥 My LIGHTWEIGHT build tooling setup
05/10/2018 - 🎥 Hacker Way: Rethinking Web App Development at Facebook
13/10/2018 - 📄 Base, iniciando proyectos desde cero
13/10/2018 - 📄 Imágenes responsive y WebP
03/11/2018 - 📄 Designing Progressive Web Apps
08/11/2018 - 📄 Refactoring an inherited codebase
11/11/2018 - 🎥 Creando las aplicaciones del futuro hoy
17/11/2018 - 📄 Your Brain on Front-End Development
21/12/2018 - 📄 Supporting older browsers 1/4
21/12/2018 - 📄 Supporting older browsers 2/4: CSS
21/12/2018 - 📄 Supporting older browsers 3/4: JavaSript
21/12/2018 - 📄 Stop Learning Frameworks
27/12/2018 - 📄 Taking care of your dependencies
10/01/2019 - 📄 A comprehensive look back at front-end in 2018
18/02/2019 - 📄 Rendering on the Web
22/03/2019 - 🎥 Guardianes de la galaxia front | T3chFest 2019
27/03/2019 - 📄 Cache-Control for Civilians
13/04/2019 - 📄 Split
24/05/2019 - 🎥 El Frontend del Futuro: EcmaScript Modules, Import Maps, Web of Things y más
28/05/2019 - 🎥 Performance: Real Time User Monitoring
04/06/2019 - 🎥 Pregúntame algo
04/06/2019 - 🎥 Pregúntame algo 2
15/06/2019 - 😍 📄 HTML is the Web

General UX Engineering

14/04/2019 - 📄 20 Skills Needed to Become a UX Engineer in 2019
14/04/2019 - 📄 UX Engineering

Task tools

21/10/2016 - 🚀 Crea tu workflow front-end con Gulp.js
13/10/2018 - 📄 Working with Gulp step by step
13/10/2018 - 📄 Working with Gulp (2)
21/10/2018 - 📄 Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers
24/10/2018 - 📄 Migrating to gulp 4 by example
24/10/2018 - 📄 Gulp 4: The new task execution system - gulp.parallel and gulp.series
24/10/2018 - 🎥 Intro to Gulp 4, Totally Tooling Tips (S3 Mini Tip #1)
24/10/2018 - 📄 How do I update to Gulp 4?
24/10/2018 - 📄 Getting Started with the Prettier Plugin for ESLint
24/01/2019 - 📄 What is tree shaking and how does it work?
25/01/2019 - 🎥 Component Library: Tree Shaking CSS solution
13/03/2019 - 🎥 ESLint + Prettier + VS Code

a11y

01/01/2016 - 😍 🎥 A11ycasts
25/11/2016 - 🎥 Accessibility for developers - Alistair Duggin
19/06/2017 - 📄 CSS as a Testing / Accessibility-enforcing tool
01/08/2017 - 😍 📄 Disabled buttons suck
02/08/2017 - 📄 Make site accessible screen magnifiers
12/08/2017 - 📄 Removing that ugly focus ring (and keeping it too)
12/08/2017 - 😍 📄 10 guidelines to improve your web accessibility
17/08/2017 - 📄 Is online shopping more accessible than health care?
22/08/2017 - 📄 How icons are ruinning interfaces
23/08/2017 - 😍 📄 Links vs. Buttons in Modern Web Applications
31/08/2017 - 📄 How not to misuse aria states, properties and roles
02/09/2017 - 📄 Fonts don't matter
06/09/2017 - 📄 Floating Labels Are Problematic
06/09/2017 - 📄 7 solutions for creating more accessible SVGs
06/09/2017 - 📄 Best Way to Programmatically Zoom a Web Application
06/09/2017 - 📄 Color blind accessibility on the web - Fail and success cases
06/09/2017 - 📄 Accessible datepickers
17/09/2017 - 📄 Skip the WCAG! User test with people with disabilities instead
26/09/2017 - 😍 📄 Tips for Creating Accessible SVG
27/09/2017 - 📄 Building Inclusive Toggle Buttons
27/09/2017 - 📄 Writing CSS with Accessibility in Mind
12/10/2017 - 📄 How to Ensure Accessibility for Every Online Audience
18/10/2017 - 📄 Usability and Accessibility
18/10/2017 - 😍 📄 Alt-texts: The Ultimate Guide
20/10/2017 - 📄 Trends that exclude
08/11/2016 - 🎥 Totally Tooling Tips: Accessibility Testing
17/11/2017 - 📄 Happier HTML5 Form Validation
19/11/2017 - 📄 iPhone X – Welcome Screen Inaccessible to Blind Users
25/12/2017 - 📄 So You Want to Become an Accessibility Specialist
25/12/2017 - 📄 Accessibility Testing Tools for Desktop and Mobile Websites
25/12/2017 - 📄 Accessibility Testing Tools
25/12/2017 - 📄 How “invert brightness” can improve accessibility and help us use our devices
25/12/2017 - 📄 Our Users Have no Disabilities
27/12/2017 - 📄 Color Contrast, Beyond the Basics
27/09/2017 - 😍 📄 SVG, Icon Fonts, and Accessibility: A Case Study
27/12/2017 - 📄 Accessibility Through Semantic HTML
28/12/2017 - 📄 Web Content Accessibility Guidelines—for People Who Haven't Read Them
28/12/2017 - 📄 Accessibility in Resizing Text
28/12/2017 - 📄 A Developer’s Guide to Better Accessibility
28/12/2017 - 😍 📄 Accessible Links Re visited
28/12/2017 - 😍 📄 Maintaining Accessibility in a Responsive World
28/12/2017 - 📄 Advocating for Accessible UI Design
29/12/2017 - 📄 Practical Examples of Accessibility Improvements
12/01/2018 - 📄 Little steps for accessibility at N26
14/01/2018 - 📄 Using ARIA to enhance SVG accessibility
14/01/2018 - 📄 Accessible Footnotes with CSS
14/01/2018 - 📄 Writing with accessibility in min 1/3 - HTML
14/01/2018 - 📄 Writing with accessibility in min 2/3 - JavaScript
14/01/2018 - 📄 Writing with accessibility in min 3/3 - CSS
06/02/2018 - 📄 Accessible UI Components For The Web
03/03/2018 - 📄 Accessible Landmarks
05/03/2018 - 📄 Improving the Accessibility of 24 ways
12/03/2018 - 📄 Building a fully-accessible help tooltip
04/04/2018 - 📄 :focus-visible and backwards compatibility
11/05/2018 - 📄 Display: Contents Is Not a CSS Reset
11/05/2018 - 📄 Improve The Accessibility of Your Designs With ARIA
14/05/2018 - 🎥 Meeting Web Accessibility Guidelines
18/07/2018 - 📄 Don’t Use The Placeholder Attribute
01/09/2018 - 🎥 The Links vs. Buttons Showdown
30/09/2018 - 🎥 Managing focus for accessibility
07/10/2018 - 🎥 Marcy Sutton on Accessibility Audit (Live)
13/10/2018 - 🎥 Peeling Back the Layers of Web Accessibility
18/10/2018 - 📄 Cómo diseñar una web o una app accesible
18/10/2018 - 📄 Page Scrolling in Mobile Safari & VoiceOver
25/10/2018 - 😍 📄 Customise radio buttons without compromising accessibility
30/10/2018 - 📄 ARIA States
30/10/2018 - 📄 ARIA Properties
31/10/2018 - 📄 Describing aria-describedby
01/11/2018 - 📄 Designing Accessible Content: Typography, Font Styling, and Structure
01/11/2018 - 📄 Accessible Breadcrumb Navigation Pattern
08/11/2018 - 📄 Supporting users who change colours on GOV.UK
12/11/2018 - 📄 The Web Accessibility Introduction I Wish I Had
12/11/2018 - 📄 LGBTQ-inclusive web design
13/11/2018 - 📄 Implementing a reduced-motion mode
13/11/2018 - 📄 On Designing and Building Toggle Switches
14/11/2018 - 📄 I Used The Web For A Day With Just A Keyboard
16/11/2018 - 😍 📄 The current state of modal dialog accessibility
17/11/2018 - 📄 Designing for accessibility is not that hard
24/11/2018 - 😍 📄 ARIA Landmarks
24/11/2018 - 📄 Accessible CSS-Only Floating Labels
24/11/2018 - 📄 How to create a simple CSS loading spinner & make it accessible
24/11/2018 - 📄 Know your ARIA: 'Hidden' vs 'None'
28/11/2018 - 📄 Accessible Mobile Navigation
20/12/2018 - 📄 Making the abbr element work for touchscreen, keyboard, and mouse
21/12/2018 - 📄 Using aria-live
22/12/2018 - 📄 5 Digital Accessibility Myths Busted
24/12/2018 - 📄 The visibility property isn’t just about visibility
12/01/2019 - 📄 Accessible SVGs
16/01/2019 - 📄 "Fixing" Lists
17/01/2019 - 📄 Instagram – You’ve been Axessified!
18/01/2019 - 😍 📄 Creating Accessible SVGs
21/01/2019 - 📄 Implementing a reduced-motion mode
22/01/2019 - 📄 Dando sentido a la World Wide Web
18/02/2019 - 📄 Tips for making interactive elements accessible on mobile devices
26/02/2019 - 📄 Avoid Default Field Validation
27/02/2019 - 📄 CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
07/03/2019 - 📄 The Optimizer’s Guide to Web Accessibility
07/03/2019 - 📄 Effortless accessibility
08/03/2019 - 📄 Web Accessibility Guide
22/03/2019 - 🎥 Accesible, que no es poco | T3chFest 2019
02/04/2019 - 📄 Having an open dialog
03/05/2019 - 😍 📄 Details / Summary Are Not [insert control here]
16/05/2019 - 😍 📄 Componentes (casi) accesibles al alcance la mano

WAI-ARIA

21/03/2019 - 📄 WAI-ARIA basics
01/04/2019 - 📄 The WAI Forward

!Important Show

04/11/2018 - 🎥 Case study: basecamp.com
04/11/2018 - 🎥 Case study: gridtoflex.com
03/01/2019 - 🎥 Case study: mozilla.org
22/01/2019 - 🎥 How to use JavaScript Promises
18/04/2019 - 🎥 !important focus // variable fonts [part one]

Hilos Sego

18/02/2018 - 📄 Springfield
18/02/2018 - 📄 Seguridad Social
18/02/2018 - 📄 Zara
24/02/2018 - 📄 El Corte Inglés
08/04/2018 - 📄 Sevilla FC vs Bayern Munich

Refactoring UI

11/05/2018 - 🎥 Refactoring UI: WP Pusher Checkout Page
11/05/2018 - 🎥 Refactoring UI: Bad About
11/05/2018 - 🎥 Refactoring UI: Resolute

Perf

01/01/2016 - 🎥 Totally Tooling Tips
11/12/2016 - 🎥 Optimise your Web Development Workflow - Umar Hansa
01/08/2017 - 📄 Performance and Resilience - Stress-Testing Third Parties
04/08/2017 - 😍 📄 Preload, Prefetch And Priorities in Chrome
09/08/2017 - 🎥 Andy Hume — Building For Performance and Resilience SmashingConf New York 2014
13/08/2017 - 😍 📄 The Critical Request
17/08/2017 - 📄 Optimising the front end for the browser
17/08/2017 - 📄 Measuring web performance; it’s really quite simple
17/08/2017 - 😍 📄 Using the Paint Timing API
18/08/2017 - 😍 🎥 Patrick Hamann - CSS and the first meaningful paint
20/08/2017 - 📄 Why Perceived Performance Matters, Part 1 - The Perception Of Time
20/08/2017 - 📄 Why Perceived Performance Matters, Part 2 - Perception Management
20/08/2017 - 📄 Why Perceived Performance Matters, Part 3 - Tolerance Management
25/08/2017 - 📄 A Progressive Roadmap for your Progressive Web App
26/08/2017 - 📄 Responsive Images Audits
31/08/2017 - 📄 Managing CSS & JS in an HTTP/2 World
09/10/2017 - 🎥 Front End Center — Caching & CDN
07/11/2017 - 🎥 Monica Dinculescu on Fontastic Web Performance at SmashingConf Barcelona 2017
23/12/2017 - 😍 🎥 Fast By Default - Modern Loading Best Practices (Chrome Dev Summit 2017)
25/12/2017 - 😍 📄 Modern Asynchronous CSS Loading
25/12/2017 - 📄 Modernizing our Progressive Enhancement Delivery
25/12/2017 - 📄 Speed Patterns
25/12/2017 - 📄 3 Tips for Faster Font Loading
27/12/2017 - 📄 Why Web Developers Need to Care about Interactivity
27/12/2017 - 📄 Designing for Mobile Performance
28/12/2017 - 📄 Progressive Image Loading using Intersection Observer and SQIP
28/12/2017 - 📄 The Fallacies of Distributed Computing (Applied to Front-End Performance)
28/12/2017 - 📄 How to use SVG as a Placeholder, and Other Image Loading Techniques
28/12/2017 - 📄 More examples of Progressive Image Loading
28/12/2017 - 📄 How Medium does progressive image loading
28/12/2017 - 📄 How to lazy-load images to improve loading time and save bandwidth
28/12/2017 - 📄 Using WebP to create tiny preview images
29/12/2017 - 📄 The Contrast Swap Technique - Improved Image Performance with CSS Filters
12/01/2018 - 📄 Can Preload Cut the Mustard?
16/02/2018 - 😍 📄 Now You See Me - How To Defer, Lazy-Load And Act With IntersectionObserver
25/02/2018 - 🎥 Beyond the Basics of Image Optimization
05/03/2018 - 😍 📄 The Cost Of JavaScript
05/03/2018 - 📄 JavaScript Start-up Performance
11/04/2018 - 🎥 Optimización de imágenes para la web - Slides
15/05/2018 - 📄 Measure Performance with the RAIL Model
15/05/2018 - 📄 Optimizing Content Efficiency
15/05/2018 - 📄 Render-Blocking Resources
15/05/2018 - 📄 Taking A Look At The State Of Progressive Images And User Perception
15/05/2018 - 📄 Progressive jpegs: a new best practice
18/05/2018 - 🎥 Web performance made easy (Google I/O '18)
22/06/2018 - 😍 🎥 Harry Roberts: FaCSSt—CSS and Performance
02/07/2018 - 📄 Scrolling Performance
02/07/2018 - 😍 🎥 Using Chrome DevTools to profile the jsconf.eu site
07/10/2018 - 🎥 Live Perf audit by Harry Roberts
10/10/2018 - 😍 📄 Start Performance Budgeting
12/10/2018 - 🎥 Tim Kadlec on Performance Audit (Live)
26/10/2018 - 📄 Idle Until Urgent
29/10/2018 - 📄 The Three Types of Performance Testing
29/10/2018 - 📄 Accurately measuring layout on the web
01/11/2018 - 🎥 A Tale of Performance & User Experience
03/11/2018 - 🎥 The Long Tail of Performance
06/11/2018 - 📄 A Netflix Web Performance Case Study
06/11/2018 - 📄 The different shades of Progressive Web Apps
09/11/2018 - 🎥 The Applied Science of Runtime Performance
09/11/2018 - 🎥 UI Elements at 60fps
09/11/2018 - 🎥 Mobile Web performance auditing
10/11/2018 - 🎥 High performance web user interfaces
10/11/2018 - 🎥 Performance Signup in React & Transactional Apps with Redux
10/11/2018 - 🎥 Browser painting and considerations for web performance
11/11/2018 - 🎥 Front performance
16/11/2018 - 😍 📄 Web Performance 101
03/12/2018 - 📄 Preventing Content Reflow From Lazy-Loaded Images
21/12/2018 - 📄 Jank-Free Image Loads
24/12/2018 - 📄 All about prefetching
25/12/2018 - 📄 Performance-Driven Development
27/12/2018 - 📄 Getting started with web performance: 2019 beginner’s guide
31/12/2018 - 📄 Image Optimization
31/12/2018 - 📄 The Latest in Metrics & Measurement
31/12/2018 - 📄 Building a Foundation for Performance
31/12/2018 - 📄 PWA Challenges
01/01/2019 - 📄 Past, Present and Future of Resource Loading
01/01/2019 - 📄 The Long-Tail of Performance
01/01/2019 - 📄 Debugging UI Performance Issues
01/01/2019 - 📄 Make JavaScript Faster
12/01/2019 - 📄 Fostering a Web Performance Culture
12/01/2019 - 😍 📄 The Complete Guide to Lazy Loading Images
17/01/2019 - 📄 Web Performance Mini Series: Responses
18/01/2019 - 📄 How Improving Website Performance Can Help Save The Planet
21/01/2019 - 📄 An introduction to CSS Containment
21/01/2019 - 📄 Web Page Usability Matters
23/01/2019 - 📄 Browser Rendering Optimizations for Frontend Development
24/01/2019 - 🎥 Web Performance Mini Series: Animations
29/01/2019 - 🎥 Chat with the brilliant Paul Irish
12/02/2019 - 🎥 Web Performance Mini Series: Idle
19/02/2019 - 🎥 Web Performance Mini Series: Load
19/02/2019 - 📄 Bandwidth or Latency: When to Optimise for Which
22/02/2019 - 🎥 Extrae Critical Path CSS con Puppeteer, Code Coverage en sólo 20 líneas de código
20/03/2019 - 📄 Making Google Fonts Faster
20/03/2019 - 📄 Preload, prefetch and other tags
21/03/2019 - 📄 Who has the fastest website in F1?
21/03/2019 - 📄 Performance of CSS Variables
21/03/2019 - 📄 Preloading Fonts and the Puzzle of Priorities
26/03/2019 - 📄 Measuring the Performance Impact of Third-Party Scripts
31/03/2019 - 😍 🎥 ¡Hay que poner internet a dieta! | T3chFest 2019
01/04/2019 - 📄 Improving Perceived Performance With the Link Rel=preconnect HTTP Header
01/04/2019 - 🎥 Web performance - Things that you usually forget about
02/04/2019 - 📄 Tuning Performance for New and “Old” Friends
02/04/2019 - 📄 Downsides of Smooth Scrolling
02/05/2019 - 😍 📄 Preload, prefetch, preconnect, dns-prefetch and prerender on tags
06/05/2019 - 😍 📄 Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading
06/05/2019 - 📄 Improving third-party web performance at The Telegraph
09/05/2019 - 🎥 Speed at Scale: Web Performance Tips and Tricks from the Trenches (Google I/O'19)
20/05/2019 - 📄 A Deep Dive into Native Lazy-Loading for Images and Frames

Perf Reviews

31/12/2018 - 🎥 PerfReviews 1.1 - mediamarkt.es
31/12/2018 - 🎥 PerfReviews 1.2 - elcorteingles.es
09/01/2018 - 🎥 PerfReviews 1.3 - zara.com
14/01/2018 - 🎥 PerfTools 1.1 - Lighthouse Report
29/01/2019 - 🎥 PerfReviews 1.4 - smashingmagazine.com
01/03/2019 - 🎥 PerfReviews 1.5 - renfe.com
29/04/2019 - 🎥 PerfReviews - EscuelaIT

Critical Path

23/08/2017 - 📄 Optimización de fuentes web
15/05/2018 - 📄 Render Blocking CSS
15/05/2018 - 📄 Critical Rendering Path
25/11/2018 - 📄 How CSS works: Parsing & painting CSS in the critical rendering path
25/11/2018 - 📄 Understanding the Critical Rendering Path
25/11/2018 - 🎥 Critical CSS + Fail

Typography

27/05/2017 - 🎥 A Chinese typography experiment - Talk.CSS
19/06/2017 - 📄 Responsive Typography Scales in CSS
31/07/2017 - 😍 🎥 Front End Center — Crafting Webfont Fallbacks
01/08/2017 - 📄 The Equilateral Triangle of a Perfect Paragraph
12/08/2017 - 📄 If you really dislike FOUT, font-display optional might be your jam
14/08/2017 - 📄 The web font loading glossary
14/08/2017 - 📄 CSS Poly Fluid Sizing using calc(), vw, breakpoints and linear equations
23/08/2017 - 😍 📄 Everything I know about Responsive Web Typography
23/08/2017 - 📄 Fluid font type
23/08/2017 - 📄 Fluid Responsive Typography With CSS Poly Fluid Sizing
23/08/2017 - 📄 Design a responsive site with em-based sizing
23/08/2017 - 😍 📄 More Meaningful Typography
23/08/2017 - 😍 📄 Responsive typography - the basics
23/08/2017 - 📄 Implementing baseline rhythm in CSS
23/08/2017 - 😍 📄 A comprehensive guide to font loading strategies
23/08/2017 - 📄 Loading web fonts asynchronously
23/08/2017 - 📄 The New System Font Stack?
23/08/2017 - 📄 A Responsive Guide to Type Sizing
23/08/2017 - 📄 AtoZ CSS Quick Tip - Benefits of rem and em Values
23/08/2017 - 📄 Fluid Type on Blogs
23/08/2017 - 😍 📄 How We Load Web Fonts Progressively
23/08/2017 - 📄 Lazy loading web fonts is probably not what you want
25/08/2017 - 📄 Critial Web Fonts
25/08/2017 - 📄 The web fonts preloaded
09/10/2017 - 📄 Typography that sacred cow
09/10/2017 - 📄 Keeping track of letter-spacing, some guidelines
13/10/2017 - 😍 📄 8-Point Grid - Vertical Rhythm
07/11/2017 - 🎥 Chris Lilley on The State of WebFonts at SmashingConf Barcelona 2017
21/12/2017 - 🎥 Variable fonts - a million times the possibilities
25/12/2017 - 🎥 Performance and Web Typography
25/12/2017 - 📄 Web fonts, boy, I don't know
27/12/2017 - 📄 Using Sass to Build a Custom Type Scale with Vertical Rhythm
27/12/2017 - 📄 Typography and Vertical Rhythm
29/12/2017 - 📄 Variable Fonts for Responsive Design
29/12/2017 - 📄 Variable fonts, a new kind of font for flexible design
29/12/2017 - 📄 Live Font Interpolation on the Web
13/01/2018 - 📄 4 techniques for responsive font sizing with SCSS
31/01/2018 - 📄 One File, Many Options: Using Variable Fonts on the Web
31/01/2018 - 📄 How to use variable fonts in the real world
31/01/2018 - 😍 📄 Better Typography with Font Variants
07/02/2018 - 😍 📄 font-variant-numeric
13/02/2018 - 🎥 Chen Hui Jing: When East Meets West: Web Typography And How It Can Inspire
13/02/2018 - 😍 🎥 SmashingConf London — Zach Leatherman on ‘Web Fonts are ▢▢▢ Rocket Science’
18/02/2018 - 📄 Shipping system fonts to GitHub.com
19/02/2018 - 📄 Tipografía responsive, tipografía responsable
24/02/2018 - 📄 Understanding Web Fonts
28/02/2018 - 😍 📄 Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc
02/03/2018 - 📄 Laissez-faire Font Smoothing and Anti-aliasing
03/03/2018 - 😍 📄 Deep dive CSS: font metrics, line-height and vertical-align
08/03/2018 - 📄 CSS Baseline: The Good, The Bad And The Ugly
11/03/2018 - 🎥 Tim Brown - More Perfect Typography
11/03/2018 - 🎥 Tipografía del futuro para problemas del presente | T3chFest 2018
13/03/2018 - 📄 Technical Web Typography: Guidelines and Techniques
11/04/2018 - 📄 “The Compromise”—a Modern but Compatible Font Loading Strategy
15/05/2018 - 🎥 Typesetting Body Text
04/08/2018 - 📄 Caring about OpenType features
15/08/2018 - 🎥 Web Typography | CSS Day 2018
15/08/2018 - 📄 How to use variable fonts in the real world
15/08/2018 - 📄 Upcoming changes to the CSS you need for variable fonts
04/09/2018 - 📄 The Problem with font-display and Reflow
30/09/2018 - 📄 8-Point Grid: Typography On The Web
30/09/2018 - 😍 📄 Deep dive CSS: font metrics, line-height and vertical-align
05/10/2018 - 🎥 Ana Cirujano: Tipografía responsive: mejora el diseño de tu web
05/10/2018 - 🎥 Ana Cirujano: ¿Puede la tipografía aumentar las ventas de tu tienda online?
06/10/2018 - 🎥 Ana Cirujano: ¿Roboto, Comic Sans, Helvetica? ¿De verdad es importante elegir la tipografía para…
06/10/2018 - 🎥 Ana Cirujano: Tipografía responsive: maqueta textos para todos los dispositivos
06/10/2018 - 🎥 Tipografía responsive: mejora el diseño de tu web. Ana Cirujano
17/10/2018 - 😍 📄 Rhythm in Web Typography
17/10/2018 - 📄 Better CSS Font Stacks
18/10/2018 - 📄 Flexible typography with CSS locks
18/10/2018 - 📄 Creating a type style guide
18/10/2018 - 📄 Responsive Typography is a Physical Discipline, But Your Computer Doesn’t Know It (Yet)
25/10/2018 - 📄 Your Body Text Is Too Small
27/10/2018 - 📄 Typographic Design Patterns And Current Practices (2013 Edition)
01/11/2018 - 📄 Implementing a variable font with fallback web fonts
01/11/2018 - 📄 Subset Numerals so They’re as Awesome as the Rest of Your Content
10/11/2018 - 📄 Variable Fonts and Dynamic Typography with CSS
13/11/2018 - 📄 Tips for balancing web fonts and page load
14/11/2018 - 📄 Upcoming changes to the CSS you need for variable fonts
24/11/2018 - 📄 The Five Whys of Web Font Loading Performance
28/11/2018 - 📄 Smooth Text Scaling in JavaScript & CSS
01/12/2018 - 🎥 Font Loading Performance 📉 6 Experiments with FOUT & FOIT
03/12/2018 - 📄 Creating a type style guide
08/12/2018 - 🎥 How to Load Web Fonts in 2019
25/12/2018 - 😍 📄 The Font Loading Checklist
25/12/2018 - 📄 Managing Flow and Rhythm with CSS Custom Properties
27/12/2018 - 📄 Beware of text-size-adjust none
27/12/2018 - 📄 Jir, Sushi & Web Type
02/01/2018 - 🎥 Variable Fonts and the Future of Web Design
10/01/2018 - 📄 What is Typesetting?
21/01/2019 - 📄 Working Type
18/02/2019 - 📄 Intro to Font Metrics
25/02/2019 - 📄 Exploring Responsive Type Scales
18/03/2019 - 📄 Use rems for global sizing, use ems for local sizing
18/03/2019 - 📄 A More Modern Scale for Web Typography
18/03/2019 - 📄 Contrast Through Scale
18/03/2019 - 📄 Are Baseline Grids Useful In The Flexible Canvas Of The Web?
18/03/2019 - 📄 Tips For Setting Up A Baseline Grid
18/03/2019 - 📄 Baseline Grids on the Web
25/03/2019 - 📄 Six tips for better web typography
26/03/2019 - 📄 The typographic scale
01/04/2019 - 😍 📄 All you need to know about hyphenation in CSS
13/04/2019 - 🎥 Dynamic Typography with Modern CSS and Variable Fonts
03/05/2019 - 📄 8 Best Tips to Use Variable Fonts on Your Site
03/05/2019 - 🎥 Jason Pamental - The Life of p

Design Systems

25/08/2017 - 📄 Design Systems Sprint 0: The Silver Bullet of Product Development
25/08/2017 - 📄 Design Systems Sprint 1: The Interface Inventory
25/08/2017 - 📄 Design Systems Sprint 2: One Color Palette to Rule them All
25/08/2017 - 📄 Design Systems Sprint 3: Managing the Basics
25/08/2017 - 📄 Design Systems Sprint 4: Design Principles
25/08/2017 - 📄 Design Systems Sprint 5: Managing Typography
25/08/2017 - 📄 Design Systems Sprint 6: The Fastest Icons on Earth
08/12/2017 - 🎥 Design Systems, when and how much? — Diana Mounter
08/12/2017 - 🎥 Design Systems' Role in the Evolution of Enterprise User Experience
17/09/2017 - 📄 Defining Design Systems
25/12/2017 - 📄 A comprehensive guide to design systems
28/12/2017 - 📄 Design Systems and CSS Grid
30/09/2018 - 😍 📄 Space in Design Systems
19/10/2018 - 😍 📄 Dealing with Dependencies Inside Design Systems
19/10/2018 - 🎥 What's in a name? How Design Systems lead to better terminology decisions
05/11/2018 - 📄 Building a Visual Language - Behind the scenes of our new design system
08/11/2018 - 🎥 Build your design system like the pros
03/12/2018 - 📄 Should I Use JavaScript to Load My Web Fonts?
20/12/2018 - 📄 Buttons in Design Systems
21/03/2019 - 📄 Typography in Design Systems
11/04/2019 - 🎥 Design At Scale - Procesos, herramientas y aprendizajes

Design

01/11/2016 - 🎥 Effective Wireframes - UxBrighton June 2016
30/12/2016 - 🎥 Designing for Front-End Page Speed
08/07/2017 - 📄 Build a Style Guide Straight from Sass
01/08/2017 - 📄 Eight rules about color palettes that everyone should know
02/08/2017 - 📄 Better grid systems in UI design tools
02/08/2017 - 📄 Why Are Wireframes Useful?
17/08/2017 - 📄 Rethinking web design
20/08/2017 - 📄 A Look into Navigation in Web Design
20/08/2017 - 📄 A Brief Overview On Responsive Navigation Patterns
25/08/2017 - 📄 How To Create a Style Guide From Scratch. Tips and Tricks
25/08/2017 - 📄 Creating a Living Style Guide - Tutorial Part 1: Planning Your Living Style Guide
25/08/2017 - 📄 Creating a Living Style Guide - Tutorial Part 2: Creating Pages in a Living Style Guide
25/08/2017 - 📄 Creating a Living Style Guide - Tutorial Part 3: Documenting a Stylesheet in a Living Style Guide
25/08/2017 - 📄 How to Choose a Good Color Scheme For Your Website
17/09/2017 - 📄 Removing the White Bars in Safari on iPhone X
18/09/2017 - 📄 000 ¿Por qué debería tener conocimientos sobre Diseño?
26/10/2017 - 📄 Design for Developers: Specific Steps to Improve Your Website Design
27/09/2017 - 😍 📄 Designing Websites for iPhone X
01/11/2017 - 🎥 Mark Boulton | Designing Grids | CSS Day 2017
03/12/2017 - 📄 000 | ¿Por qué debería tener conocimientos sobre Diseño?
03/12/2017 - 📄 001 | Tengo prisa ¿Cómo puedo saber más sobre Diseño?
03/12/2017 - 📄 002 | ¿Qué es el Diseño?
03/12/2017 - 📄 003 | ¿Puede algo feo ser un buen Diseño?
03/12/2017 - 📄 004 | ¿Cómo puedo mantener el foco y ser productivo en Diseño…
03/12/2017 - 📄 005 | 100 cosas sobre Diseño que TODO el mundo debería saber
06/12/2017 - 🎥 Quick Easy Tips to Improve Your Design Layout
11/12/2017 - 📄 006 | ¿Cómo evaluar un buen Diseño? gracias a Dieter Rams
25/12/2017 - 📄 Design for Programmers
28/12/2017 - 📄 Optical Effects in User Interfaces (for True Nerds)
22/01/2018 - 😍 📄 Intro to The 8-Point Grid System
22/01/2018 - 😍 📄 8-Point Grid - Borders And Layouts
24/02/2018 - 📄 2017 | Vitaly Friedman - A Little Story About A Big Bang Redesign
03/03/2018 - 📄 7 Practical Tips for Cheating at Design
07/03/2018 - 🎥 Design matters! | T3chFest 2018
11/03/2018 - 😍 🎥 Dibujo artístico aplicado al maquetador web - Carlos Mañas
12/03/2018 - 📄 Design Trend, Offset + Overlapping Content Blocks
14/03/2018 - 📄 Designing Button State
05/04/2018 - 📄 Wireframing 101: Sorting the wheat from the chaff
06/04/2018 - 📄 Pitfalls of Card UIs
11/04/2018 - 📄 Optical adjustments in components
11/05/2018 - 📄 How paper wireframing will make you a better designer
14/08/2018 - 📄 Designing as a developer in 2018
21/08/2018 - 🎥 Nathan Curtis - System of Systems
23/08/2018 - 🎥 Evolving the Design Language at Big Blue
16/09/2018 - 🎥 Karri Saarinen - When We Use Systems
30/09/2018 - 📄 Cropping Away Negative Impacts of Line Height
30/09/2018 - 📄 7 Basic Rules for Button Design
30/09/2018 - 📄 How paper wireframing will make you a better designer
30/09/2018 - 😍 📄 Styling buttons, the right way
01/10/2018 - 📄 Mejora tu diseño UI utilizando retículas
07/10/2018 - 🎥 Eva-Lotta Lamm - on You can sketch. (You might just not know it yet.)
08/10/2018 - 📄 Icon design considerations for iPhone X (etc)
25/10/2018 - 📄 The Magic of Paper Prototyping
30/10/2018 - 😍 📄 The ultimate guide to proper use of animation in UX
30/10/2018 - 📄 Color Blindness in a Digital World
14/11/2018 - 📄 The 8-Point Grid
24/11/2018 - 📄 7 Rules of Using Radio Buttons vs Drop-Down Menus
28/11/2018 - 📄 Content-out Layout
16/12/2018 - 🎥 Refactoring UI Book: Designing Content.mp4
16/12/2018 - 🎥 Refactoring UI Book: Designing a Dashboard.mp4
16/12/2018 - 🎥 Refactoring UI Book: Designing a Complex Form.mp4
24/12/2018 - 📄 Make sense of rounded corners on buttons
17/01/2019 - 📄 ¿Qué significa ser Full Stack Designer?
18/01/2019 - 📄 Design v17
21/01/2019 - 📄 Using Red and Green in UI Design
21/01/2019 - 📄 Building Your Color Palette
28/01/2019 - 📄 Carta a una diseñadora que crece
25/02/2019 - 🎥 The Frontiers Film
26/02/2019 - 📄 4 Reasons Why You Should Design Without Color First
15/03/2019 - 🎥 Cómo te la "colamos" los diseñadores todos los días
01/04/2019 - 📄 10 pros and cons of the hamburger menu (with examples)
12/04/2019 - 😍 📄 Comunicación, hay que decirlo más
20/05/2019 - 📄 How Frontend Developers Can Help To Bridge The Gap Between Designers And Developers
24/05/2019 - 📄 10 tips to improve collaboration between designers and engineers

SVG

17/08/2017 - 📄 SVG can do THAT?!
25/08/2017 - 😍 📄 Align SVG Icons to Text and Say Goodbye to Font Icons
01/09/2017 - 😍 🎥 Front End Center — Why Inline SVG is Best SVG
27/09/2017 - 📄 Using SVG clip-path to change a logos colour on scroll
27/12/2017 - 😍 📄 Inline SVG vs Icon Fonts [CAGEMATCH]
12/01/2018 - 📄 Optimizing SVG Text & Image Delivery with Inline SVG
14/01/2018 - 📄 Cropping & Scaling Images Using SVG Documents
05/02/2018 - 📄 Seriously, Don’t Use Icon Fonts
05/02/2018 - 📄 Solución para el problema del height en SVG
05/02/2018 - 😍 🎥 #137 SVG is for Everybody
11/03/2018 - 🎥 SVG
16/08/2018 - 🎥 SVG Filters - The Crash Course | CSS Day 2018
11/10/2018 - 📄 Managing SVG Interaction With The Pointer Events Property
12/10/2018 - 📄 The guide to integrating and styling icon systems — SVG sprites, SVG symbols and icon fonts
13/10/2018 - 📄 The guide to integrating and styling icon systems — inline SVG and icon components
13/11/2018 - 📄 abc to SVG
16/11/2018 - 📄 Building a responsive image
04/12/2018 - 📄 Accessible SVG Icons with Inline Sprites
25/12/2018 - 📄 Align SVG Icons to Text and Say Goodbye to Font Icons
01/02/2019 - 🎥 SVG Filters: A Mini Crash Course
12/02/2019 - 🎥 Making Future Interfaces: Inline SVG
19/02/2019 - 📄 The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

UX

24/08/2017 - 📄 Design Better Forms
02/10/2017 - 📄 Charming interfaces – make your users smile
08/11/2017 - 💊 Links vs Buttons
01/12/2017 - 🎥 Joe Leech - Forms are boring - NUX2
28/12/2017 - 📄 Happier HTML5 Form Validation
12/01/2017 - 📄 Little UI details
02/02/2018 - 📄 Best Practices for Modals / Overlays / Dialog Windows
07/02/2018 - 📄 Use these top 10 tips when you design for forms
19/02/2018 - 📄 Dropdown alternatives for better (mobile) forms
27/10/2018 - 😍 📄 UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1)
27/10/2018 - 📄 Creating meaningful micro-interactions
22/12/2018 - 📄 2019 UI and UX Design Trends
10/01/2019 - 📄 Breaking down Amazon's mega dropdown
10/01/2019 - 📄 The Most Important Rule in UX Design that Everyone Breaks
12/01/2019 - 📄 UI Design: Look Back at 12 Top Interface Design Trends in 2018
18/01/2019 - 📄 Tap to Dismiss
22/03/2019 - 🎥 Bad UX | T3chFest 2019
31/03/2019 - 🎥 UX Engineer: ingenieros mixtos entre diseño y front-end | T3chFest 2019
01/04/2019 - 🎥 Diseñar con datos, más allá del A/B Testing | T3chFest 2019
16/04/2019 - 🎥 UX / UI Design: The Skills Most Designers IGNORE (2019)

JavaScript

15/11/2016 - 🎥 Eliminate JavaScript Code Smells
15/11/2016 - 🎥 Emanuel Kluge - Go Offline with Service Workers
25/11/2016 - 🎥 Addy Osmani - Object.observe
28/11/2016 - 🎥 Debugging The Web (Chrome Dev Summit 2016)
29/12/2016 - 🎥 Breaking the 1000ms Time to Glass Mobile Barrier
01/11/2016 - 🎥 Brenna O'Brien: JavaScript Community: The Good Parts | JSConf EU 2015
07/06/2017 - 😍 📄 Introduction to commonly used ES6 features
15/06/2017 - 😍 📄 Altering the DOM with JavaScript
11/07/2017 - 😍 📄 Callbacks in JavaScript
02/08/2017 - 🎥 6. Writing Testable JavaScript
02/08/2017 - 🎥 ES6 simplificado - JSDayES 2016
02/08/2017 - 📄 A re-introduction to JavaScript
02/08/2017 - 🎥 Addy Osmani: The Browser Hackers Guide To Instantly Loading Everything | JSConf EU 2017
11/08/2017 - 📄 How to think like a programmer
12/08/2017 - 😍 📄 Keeping Up With the JavaScript World
12/08/2017 - 📄 Shadow DOM: fast and encapsulated styles
12/08/2017 - 😍 📄 Lazy loading images using intersection observer
14/08/2017 - 🎥 async / await in JavaScript - What, Why and How - Fun Fun Function
14/08/2017 - 🎥 Angelina Fabbro: JavaScript Masterclass | JSConfUS 2013
17/08/2017 - 📄 Principios básicos de la programación funcional en JavaScript
18/08/2017 - 🎥 Concerning CSS in JS
21/08/2017 - 🎥 Error handling Promises in JavaScript - Fun Fun Function
22/08/2017 - 📄 Be Slightly Careful with Sub Elements of Clickable Things
23/08/2017 - 🎥 Javascript ES7 / ES8 New Features
23/08/2017 - 📄 ¿Angular y React han muerto? ¿Larga vida a Vue?
25/08/2017 - 📄 Truthy and Falsy: When All is Not Equal in JavaScript
31/08/2017 - 📄 Why aren’t you using Prettier?
31/08/2017 - 📄 Is Vanilla JavaScript worth learning? Absolutely.
31/08/2017 - 😍 📄 Understanding Scope in JavaScript
31/08/2017 - 🎥 Let's code with function composition - Fun Fun Function
31/08/2017 - 🎥 Inversion of Control - Fun Fun Function
31/08/2017 - 😍 📄 JavaScript Scope and Closures
31/08/2017 - 📄 Understanding Hoisting in JavaScript
31/08/2017 - 😍 📄 How to Create Custom Events in JavaScript
31/08/2017 - 😍 📄 The Observer Pattern in JavaScript explained
05/09/2017 - 🎥 Dependency Injection without classes - Fun Fun Function
06/09/2017 - 📄 Awesome functional programming en JavaScript — Spanish version
06/09/2017 - 📄 ES6 Tagged Template Literals
14/09/2017 - 🎥 …Si has aprendido JavaScript (ES6) “de oído”
16/09/2017 - 📄 Introducción a la programación funcional en JavaScript
17/09/2017 - 📄 Is there any value in people who cannot write JavaScript?
23/09/2017 - 📄 JavaScript development is not fun for me anymore
27/09/2017 - 📄 Steps to better code
27/09/2017 - 📄 Object-Oriented Programming With JavaScript
27/09/2017 - 📄 Top 10 ES6 features by example
30/09/2017 - 📄 When 'not' to use arrow functions
07/10/2017 - 📄 ES8 was Released and here are its Main New Features ?
08/10/2017 - 🎥 Default Parameters in JavaScript | ES6 | ES2015
04/11/2017 - 🎥 Masterclass DOM y eventos
06/11/2017 - 🎥 Unit testing in JavaScript Part 1 - Why unit testing?
26/11/2017 - 🎥 Think about performance
02/12/2017 - 🎥 Dani Latorre y Nestor Salceda - Me da igual tu framework JavaScript | BCN Software Craftmanship 2017
13/12/2017 - 🎥 Anarchy.JS - DANI LATORRE, ALBERTO GUALIS
14/01/2018 - 📄 Understanding the DOM 1/5 - Introduction to the DOM
14/01/2018 - 📄 Understanding the DOM 2/5 - Understanding the DOM Tree and Nodes
14/01/2018 - 📄 Understanding the DOM 3/5 - How To Access Elements in the DOM
14/01/2018 - 📄 Understanding the DOM 4/5 - How To Traverse the DOM
14/01/2018 - 📄 Understanding the DOM 5/5 - How To Make Changes to the DOM
07/02/2018 - 😍 📄 Map vs. ForEach
09/02/2018 - 🎥 ECMAScript 2018 - Descubre el nuevo Rest Operator
12/02/2018 - 🎥 Basics of Programming with JavaScript
20/02/2018 - 🎥 cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
20/02/2018 - 🎥 Quick Start to JavaScript - Volume 1
25/02/2018 - 🎥 An Introduction to Local Storage with JavaScript
25/02/2018 - 😍 🎥 The Event Loop
26/02/2018 - 🎥 Optional Chaining Operator in JavaScript
02/03/2018 - 📄 addEventListener vs onclick
05/03/2018 - 🎥 Observable JavaScript playbook, asynchronous generators and hacking the Fun Fun Forum
06/03/2018 - 📄 How to Use Local Storage with JavaScript
07/03/2018 - 📄 When 'not' to use arrow functions
12/03/2018 - 🎥 Structuring JavaScript projects for testability
16/03/2018 - 📄 Taming huge collections of DOM nodes
19/03/2018 - 📄 JavaScript’s “this” Explained By Starting A High School Band
10/04/2018 - 🎥 Tom Dale - Secrets of the DOM Virtual Machine
27/04/2018 - 🎥 Principios de diseño, codigo limpio y testing
27/04/2018 - 🎥 Composicion de funciones, visibilidad y combinadores
30/04/2018 - 🎥 Introduccion a combinadores
01/05/2018 - 🎥 Gestión de eventos con JavaScript
01/05/2018 - 🎥 'this', el contexto de los objetos en JavaScript
01/05/2018 - 🎥 Clonado de objetos en JavaScript
07/05/2018 - 🎥 Introduccion a TDD con el calculo del marcador
07/05/2018 - 🎥 Cómo funciona un framework de tests
09/05/2018 - 🎥 Rediseño: evitando argumentos boolean y separando flujo de lógica
11/05/2018 - 🎥 Introduccion a TDD con el juego de la pregunta
11/05/2018 - 🎥 Introducción a Refactoring con JavaScript
11/05/2018 - 🎥 Dependency inversion principle en JavaScript
11/05/2018 - 🎥 Refactoring a lo bestia
11/05/2018 - 🎥 Composition vs Inheritance - Dan Abramov
12/05/2018 - 🎥 Heres how JavaScript "Named Params" Destructuring Works
29/05/2018 - 😍 📄 How JavaScript Event Delegation Works
29/05/2018 - 😍 📄 What Is Event Bubbling in JavaScript? Event Propagation Explained
15/06/2018 - 🎥 Iterators in JavaScript using Quokka
15/06/2018 - 🎥 Generators in JavaScript
15/06/2018 - 🎥 Async iterators (for await ... of) in JavaScript
15/06/2018 - 🎥 Using async generators to stream data in JavaScript
15/06/2018 - 🎥 Higher-order iterators in JavaScript
15/06/2018 - 🎥 map for async iterators in JavaScript
15/06/2018 - 🎥 JS Callback Heaven
01/08/2018 - 📄 Proper Error Handling in JavaScript
13/09/2018 - 🎥 Code Review 🦊 SO MUCH LEARNING #6 Building an Online Business
18/09/2018 - 🎥 Introduccion a Service Workers y Push API
05/10/2018 - 🎥 ONE tip to INSTANTLY up your JavaScript function game!
08/10/2018 - 📄 A Quick Guide To JavaScript Touch Events
12/10/2018 - 🎥 Jafar Husain: Async Programming in ES7
21/10/2018 - 🎥 Our favourite ES2018 features
23/10/2018 - 📄 A guide to the Golden Ratio for designers
25/10/2018 - 📄 NaN and typeof
26/10/2018 - 📄 Recovering from JavaScript errors
26/10/2018 - 📄 How to Write Accessible JavaScript
29/10/2018 - 🎥 The State of JavaScript - The State of the Web
31/10/2018 - 📄 Debouncing your JavaScript events
02/11/2018 - 😍 🎥 What is THIS in JavaScript?
06/11/2018 - 😍 🎥 How good are class arrow functions in JavaScript?
09/11/2018 - 📄 Determining Service Worker Support for your Site
11/11/2018 - 🎥 Mastering UIs with Finite State Machines
11/11/2018 - 🎥 ¿Cómo funciona un Virtual DOM?
12/11/2018 - 🎥 The Cost Of JavaScript 2018
15/11/2018 - 😍 📄 A Bunch of Options for Looping Over querySelectorAll NodeLists
24/11/2018 - 📄 JavaScript async patterns quick guide
24/11/2018 - 📄 You might not need a loop
24/11/2018 - 📄 Best Practices for Using Modern JavaScript Syntax
24/11/2018 - 😍 📄 Top 10 JavaScript errors from 1000+ projects (and how to avoid them)
25/11/2018 - 📄 Traversing the DOM with JavaScript
27/11/2018 - 😍 📄 JavaScript type coercion explained
27/11/2018 - 🎥 Are microbenchmarks any good?
20/12/2018 - 📄 A one-line solution to highlighting search matches
21/12/2018 - 📄 Scroll an element into the center of the viewport
21/12/2018 - 😍 📄 The trick to viewport units on mobile
10/01/2019 - 📄 The Promise of a Better Future
11/01/2019 - 📄 ECMAScript - A Taste from ES2019 (ES10)
22/01/2019 - 📄 Masterclass: Async JS
23/01/2019 - 📄 Application Cache is a Douchebag
07/02/2019 - 🎥 DevUI: poniendo orden en el front
20/02/2019 - 📄 JavaScript Decorators: What They Are and When to Use Them
26/02/2019 - 📄 How to Avoid DOM Blocking in JavaScript
01/03/2019 - 🎥 A new app, testing...
05/03/2019 - 🎥 Carlos Hernández Gómez | JS the unknown
07/03/2019 - 📄 Tracking unhandled rejected Promises
15/03/2019 - 🎥 Twitter and Instagram Scraper with Node.js
31/03/2019 - 📄 Responsible JavaScript: Part I
11/04/2019 - 🎥 Hot Garbage: Clean Code is Dead - Michael Chan - JSConf US 2018
29/04/2019 - 🎥 Too much data! Let's write an algorithm to distill it down. Scraper Day 5!
30/04/2019 - 🎥 Making Future Interfaces: ES Modules
17/05/2019 - 📄 What’s the highest z-index on a page (and other CSS property problems)

JavaScript Basics

19/03/2019 - 📄 JavaScript Deep Cloning, and Value vs Reference
19/03/2019 - 📄 3 Ways to Set Default Value in JavaScript
19/03/2019 - 📄 Understanding Events
25/03/2019 - 📄 Getting Elements in JavaScript and the DOM
26/03/2019 - 📄 JavaScript Fundamentals: Variables, Scope & Hoisting
26/03/2019 - 📄 All about “this” keyword
27/03/2019 - 📄 A Look at Scopes, Context, Object Reference and Instantiation in JavaScript
03/04/2019 - 📄 Asynchronous vs Deferred JavaScript
03/04/2019 - 📄 Preload: What Is It Good For?
11/04/2019 - 🎥 Javascript vs. CSS - More control means more responsibility
13/04/2019 - 🎥 JavaScript Concurrency and the DOM - Kristofer Baxter and Malte Ubl - JSConf US 2018
14/04/2019 - 🎥 ES6 In Practice - Tim Doherty - JSConf US 2018
01/05/2019 - 😍 📄 URLSearchParams, cómo leer los valores de la querystring sin usar Regex
07/05/2019 - 😍 📄 Event delegation
17/05/2019 - 😍 🎥 Async JavaScript: From Callbacks, to Promises, to Async/Await
21/05/2019 - 🎥 Closure exposure therapy - Exploring closures in JavaScript with friendly live mob programming
21/05/2019 - 🎥 Working With Data & APIs #1.1: Fetch
23/05/2019 - 🎥 Working With Data & APIs #1.2: Tabular Data
26/05/2019 - 🎥 Working With Data & APIs #1.3: JSON
30/05/2019 - 🎥 1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScript

JavaScript Advanced

25/05/2019 - 🎥 Currying in JavaScript

JavaScript Conditionals

19/03/2019 - 📄 Understanding Switch Cases in JavaScript

JavaScript Looping

19/03/2019 - 📄 Introduction to Iterables and Iterators in JavaScript

JavaScript Events

08/03/2019 - 📄 Passive event listeners

JavaScript Patterns

02/10/2018 - 📄 JavaScript Design Patterns: The Observer Pattern
25/11/2018 - 📄 The Comprehensive Guide to JavaScript Design Patterns
25/11/2018 - 📄 Asynchronous Patterns in JavaScript
28/11/2018 - 📄 Tricks with JavaScript Destructuring
21/12/2018 - 📄 Composition over Inheritance
28/01/2019 - 📄 Dependency Injection in JavaScript 101
03/05/2019 - 🎥 Pattern Matching in JS - Juan Caicedo - JSConf US 2018
06/05/2019 - 🎥 Control de errores en funciones asíncronas like a Pro
17/05/2019 - 📄 HTML Includes That Work Today

JavaScript Architecture

22/03/2019 - 🎥 A framework-independent, decoupled frontend architecture for large-scale projects | T3chFest 2019

JavaScript Security

12/01/2018 - 📄 The Spectre Attack and Critical CSS
10/06/2019 - 📄 Web security at N26

Functional JavaScript

11/04/2019 - 🎥 Programación funcional pura en JavaScript - JSDayES 2016

Progressive Web Apps

25/11/2018 - 📄 Web workers vs Service workers vs Worklets
28/11/2018 - 📄 Inlining or Caching? Both Please!
28/11/2018 - 📄 An Extensive Guide To Progressive Web Applications
20/12/2018 - 📄 Handling broken images with the service worker
22/12/2018 - 📄 Cache API 101
24/12/2018 - 🎥 Going offline first 1/5: Introduction & Ghost Theme Setup
24/12/2018 - 🎥 Going offline first 2/5: Saving Pages to Cache Storag
24/12/2018 - 🎥 Going offline first 3/5: Creating an Offline Page
24/12/2018 - 🎥 Going offline first 4/5: Service Worker & Serving Offline Pages
24/12/2018 - 🎥 Going offline first 5/5: Handling Assets while Offline
10/01/2019 - 📄 Going Offline In An Online-Only Browser
16/01/2019 - 😍 📄 The offline cookbook
16/01/2019 - 📄 Service Workers: an Introduction
16/01/2019 - 📄 Getting Started with Service Workers
18/01/2019 - 🎥 My First Progressive Web App (PWA)
18/02/2019 - 📄 How I made a Progressive Web App out of my Blog
19/02/2019 - 📄 What self.skipWaiting() does to the service worker lifecycle
20/03/2019 - 📄 Service Workers for Dummies
06/05/2019 - 📄 Cuando las PWAs conocieron a los Service Workers
11/05/2019 - 🎥 PWA Tutorial for Beginners #1 - What Are PWA's?
11/05/2019 - 🎥 PWA Tutorial for Beginners #2 - Setting up a Project
11/05/2019 - 🎥 PWA Tutorial for Beginners #3 - The Web App Manifest
11/05/2019 - 🎥 PWA Tutorial for Beginners #4 - Android Emulator
11/05/2019 - 🎥 PWA Tutorial for Beginners #5 - iOS Support
11/05/2019 - 🎥 PWA Tutorial for Beginners #6 - Intro to Service Workers
11/05/2019 - 🎥 PWA Tutorial for Beginners #7 - Service Worker Life-cycle
15/05/2019 - 🎥 PWA Tutorial for Beginners #8 - Registering a Service Worker
15/05/2019 - 🎥 PWA Tutorial for Beginners #9 - The Install Event
15/05/2019 - 🎥 PWA Tutorial for Beginners #10 - The 'Activate' Event
15/05/2019 - 🎥 PWA Tutorial for Beginners #11 - Lighthouse Audit
17/05/2019 - 🎥 PWA Tutorial for Beginners #12 - Fetch Events
17/05/2019 - 🎥 PWA Tutorial for Beginners #13 - The Install Banner
20/05/2019 - 🎥 PWA Tutorial for Beginners #14 - Offline Mode Explained
20/05/2019 - 🎥 PWA Tutorial for Beginners #15 - Pre-Caching Asets
22/05/2019 - 🎥 PWA Tutorial for Beginners #16 - Getting Cached Assets
22/05/2019 - 🎥 PWA Tutorial for Beginners #17 - Cache Versioning
25/05/2019 - 🎥 PWA Tutorial for Beginners #18 - Dynamic Caching
25/05/2019 - 🎥 PWA Tutorial for Beginners #19 - Offline Fallback Page
28/05/2019 - 🎥 PWA Tutorial for Beginners #20 - Conditional Fallbacks
28/05/2019 - 🎥 PWA Tutorial for Beginners #21 - Limiting Cache Size
29/05/2019 - 🎥 PWA Tutorial for Beginners #22 - Site Audit Refresh
29/05/2019 - 🎥 PWA Tutorial for Beginners #23 - Firestore Database
31/05/2019 - 🎥 PWA Tutorial for Beginners #24 - Realtime Data
31/05/2019 - 🎥 PWA Tutorial for Beginners #25 - Updating the UI
04/06/2019 - 🎥 PWA Tutorial for Beginners #26 - Offline Data
04/06/2019 - 🎥 PWA Tutorial for Beginners #27 - Adding Recipes
05/06/2019 - 🎥 PWA Tutorial for Beginners #28 - Deleting Recipes
05/06/2019 - 🎥 PWA Tutorial for Beginners #29 - Deploying to Firebase
07/06/2019 - 🎥 PWA Tutorial for Beginners #30 - Testing thew App
07/06/2019 - 🎥 PWA Tutorial for Beginners #31 - Next Steps

TypeScript

29/03/2018 - 📄 Typescript: cast an object to other type. How? And instanceof or typeof?
13/04/2019 - 🎥 No Time for Types - Nick Nisi - JSConf US 2018

Angular

15/12/2016 - 🎥 Curso de Angular 2
15/12/2016 - 🎥 Curso de Angular 2 desde el @CampusMadrid de Google
16/12/2016 - 🎥 Get Started with Angular 2

React

18/05/2017 - 📄 Thinking in React
18/05/2017 - 📄 Teaching React without using React
18/05/2017 - 📄 13 things you need to know about React
18/05/2017 - 📄 5 things you need to know to understand React
18/05/2017 - 📄 React 'aha' moments
18/05/2017 - 🎥 JS Apps at Facebook
18/05/2017 - 📄 Is React.js fast? Faster than {framework}?
18/05/2017 - 📄 React Design Principles
18/05/2017 - 📄 Tutorial - JSX
19/05/2017 - 📄 Which projects need react All of them
22/05/2017 - 🎥 Create React App
22/05/2017 - 📄 JSX In Depth
22/05/2017 - 📄 How To Scale React Applications
22/05/2017 - 📄 Leveling Up With React - React Router
22/05/2017 - 📄 Leveling Up With React - Container Components
23/05/2017 - 📄 Leveling Up with React - ReduX
15/01/2018 - 📄 Fixing the callback hell of over-parenting with React
23/10/2018 - 🎥 React vs Web Components?
23/10/2018 - 📄 How to set up Internationalization in React from start to finish
30/10/2018 - 📄 Using Axios with React
30/10/2018 - 📄 Create-React-App & Dotenv
30/10/2018 - 📄 Create-react-app environments
02/11/2018 - 📄 Getting to know React DOM’s event handling system inside out
02/11/2018 - 📄 FAQ State
02/11/2018 - 😍 📄 props vs state
02/11/2018 - 😍 📄 ReactJS: Props vs. State
07/11/2018 - 📄 Clean Code vs. Dirty Code: React Best Practices
07/11/2018 - 📄 Understanding React Render Props and HOC
14/11/2018 - 📄 Categorizing Components Into Smart & Dumb Components
16/11/2018 - 📄 Introducing the Single Element Pattern
25/11/2018 - 📄 Increase the Performance of your Site with Lazy-Loading and Code-Splitting
01/12/2018 - 🎥 Creamos un proyecto con ReactJS desde cero
03/12/2018 - 📄 How to become a pro with React setState() in 10 minutes
05/02/2019 - 📄 Styled Components: To Use or Not to Use?
22/02/2019 - 🎥 Frontend sin #webpack ni #babeljs
22/02/2019 - 🎥 Como usar React Lazy y React Suspense
12/03/2019 - 🎥 Aprende a CREAR TU PROPIO REACT ⚛️ desde 0
19/03/2019 - 🎥 CREA TU PROPIO REACT ⚛️ desde 0 - PARTE II
24/03/2019 - 🎥 React.js Frontend with Hooks and Context - Node.js Scraper DAY 3
24/03/2019 - 🎥 React Charting, Data Massaging and more hooks - Node.js Scraper DAY 4
24/04/2019 - 📄 Infinite Scroll in React Using Intersection Observer
24/04/2019 - 📄 Container Components
24/04/2019 - 📄 Presentational and Container Components
24/04/2019 - 🎥 Using React Context For Global State
29/04/2019 - 🎥 What's the deal with with everything being a component?
01/05/2019 - 📄 Using Context API in React (Hooks and Classes)
09/05/2019 - 🎥 Fun with React Hooks - Michael Jackson and Ryan Florence
21/05/2019 - 🎥 useLocalStorage, custom hook de React ⚛️, persiste el estado de tu componente
21/05/2019 - 🎥 Intro to React Hooks
24/05/2019 - 😍 🎥 ReactJS Basics - #14 Component Lifecycle
30/05/2019 - 🎥 React Today and Tomorrow and 90% Cleaner React With Hooks
01/06/2019 - 📄 Introducing Hooks
01/06/2019 - 📄 Hooks at a Glance
01/06/2019 - 📄 Using the State Hook
10/06/2019 - 🎥 React Context & Hooks Tutorial #1 - Introduction
10/06/2019 - 🎥 React Context & Hooks Tutorial #2 - What is the Context API?
10/06/2019 - 🎥 React Context & Hooks Tutorial #3 - Adding a Context & Provider
11/06/2019 - 🎥 Complete React Tutorial (& Redux) #1 - Introduction
11/06/2019 - 🎥 Complete React Tutorial (& Redux) #2 - How React Works
11/06/2019 - 🎥 Complete React Tutorial (& Redux) #2 - React Setup (with CDN)
11/06/2019 - 🎥 Complete React Tutorial (& Redux) #4 - React Components
11/06/2019 - 🎥 Complete React Tutorial (& Redux) #5 - State
12/06/2019 - 🎥 React Context & Hooks Tutorial #4 - Accessing Context (part 1)
12/06/2019 - 🎥 React Context & Hooks Tutorial #5 - Accessing Context (part 2)
14/06/2019 - 🎥 React Context & Hooks Tutorial #6 - Updating Context Data
01/07/2019 - 🎥 Complete Intro to React, v5
01/07/2019 - 📄 Complete Intro to React v5 and Intermediate React v2

Vue

22/08/2017 - 🎥 Cómo empezar con Vue.js | Primeros pasos con Vue
15/05/2018 - 📄 Progressive Image Rendering in Vue.js with v-lazy-image
16/05/2018 - 📄 Building a Modal Component with Vue.js
02/10/2018 - 📄 Computed Properties and Watchers
08/10/2018 - 📄 Handle Touch Events in Vue.js with vue-touch
22/10/2018 - 📄 Lazy Loading Images with Vue.js Directives and Intersection Observer
02/11/2018 - 📄 Mixins
11/01/2019 - 📄 Website with blog and portfolio using Vue.js + Nuxt + Markdown
20/02/2019 - 🎥 Build a Reactivity System
03/04/2019 - 📄 A Complete Beginner's Guide to Vue
14/05/2019 - 🎥 Construyendo una PWA con Vue: Pomodoro
20/05/2019 - 🎥 PWA con Vue: Acabamos los tests y Q&A
28/05/2019 - 🎥 Añadimos Vuex a nuestra aplicación y hacemos llamadas al API

EStreamerCoders

02/05/2019 - 🎥 ¡Primer Streaming! Image Lazy Load + Q&A

GraphQL

15/10/2018 - 🎥 Implementing and Using GraphQL at GitHub
02/07/2019 - 📄 Schema Validation with Apollo Engine
02/07/2019 - 📄 Testing a GraphQL Server using Jest
02/07/2019 - 📄 GraphQL & Jest: snapshot testing

NodeJS

30/05/2019 - 🎥 2.1 Server-side with Node.js - Working with Data and APIs in JavaScript

Razor Pages

12/02/2018 - 📄 Using Razor Pages to simplify basic actions in ASP.NET Core 2.0 preview 1

Git

30/07/2017 - 📄 Comandos de Git - Rebase
08/08/2017 - 📄 Squash your commits with git rebase
24/09/2017 - 📄 When to make a Git Commit
18/02/2018 - 📄 How I Use Git
23/02/2018 - 📄 Comprobando tu CSS antes de subirlo a Git
28/11/2018 - 📄 Git aliases for lazy developers
24/01/2019 - 📄 My Pull Request Review/Merge Workflow

Command Line

03/02/2018 - 📄 To CLI or not to CLI, that is the question

DevTools

13/10/2017 - 🎥 Modern DevTools - Running a performance profile on the YouTube search box
28/10/2017 - 🎥 Modern Tooling, Testing, and Automation (Chrome Dev Summit 2017)
01/11/2017 - 🎥 DevTools (Chrome/Firefox)
13/03/2018 - 😍 📄 Learn How To Debug JavaScript with Chrome DevTools
11/05/2018 - 🎥 Depurando código JavaScript con developer tools de Chrome
12/11/2018 - 🎥 Fast but not furious: debugging user interaction performance issues
28/11/2018 - 📄 How to integrate Prettier with ESLint and stylelint
20/12/2018 - 📄 Using DevTools to understand modern layout techniques
11/04/2019 - 🎥 KIT: Aprende debugging con Chrome Dev Tools

Engine Internals

25/02/2018 - 🎥 JavaScript Engine Internals for JavaScript Developers
12/11/2018 - 📄 Browser painting and considerations for web performance
25/11/2018 - 📄 How JavaScript works: the rendering engine and tips to optimize its performance

Static Site Generators

31/12/2016 - 📄 How I’m Using Jekyll in 2016 × Made Mistakes
31/12/2016 - 🎥 SEO in Jekyll
01/01/2017 - 🎥 Jekyll Casts - Jekyll Static Site Generator
09/02/2017 - 📄 Hugo, the scope, the context and the dot
01/01/2017 - 🎥 Jekyll Conf 2016
16/02/2017 - 😍 📄 Building a production website with Hugo and GulpJS
16/02/2017 - 📄 The CMS is dead. Long live Hugo, Wercker, Prose.io and CloudFront
16/02/2017 - 📄 Building a theme with Hugo
03/12/2017 - 🎥 Section Templates | Hugo - Static Site Generator
03/12/2017 - 📄 Migrating from Jekyll+Github Pages to Hugo+Netlify
13/01/2018 - 📄 Managing data with Jekyll
15/09/2018 - 🎥 Jekyll Playlist by CloudCannon
15/09/2018 - 🎥 Jekyll - Static Site Generator Playlist
16/09/2018 - 📄 Alternative Tags And Categories On GitHub Pages Without Plugins
16/09/2018 - 📄 Adding category and tag archive pages to Jekyll
17/09/2018 - 📄 How To Use Tags And Categories On GitHub Pages Without Plugins
17/09/2018 - 📄 How to implement Tags at Jekyll website
17/09/2018 - 📄 Defining Twitter Cards in your Jekyll Template
17/09/2018 - 📄 Introduction to Collections in Jekyll
17/09/2018 - 📄 Canonical Link Tag in Jekyll
17/09/2018 - 📄 Migrating your Jekyll site to Netlify
17/09/2018 - 📄 A Step-by-Step Guide: Jekyll 3.0 on Netlify
08/10/2018 - 📄 Scoring 100 on Google’s PageSpeed Insights with Jekyll
08/10/2018 - 🎥 Speed up Jekyll with Gulp
08/10/2018 - 📄 Gulp, Jekyll and GitHub (pages)
08/10/2018 - 📄 Jekyll workflow with Gulp
09/10/2018 - 📄 How I’m Using Jekyll in 2017
09/10/2018 - 📄 Optimizing Jekyll Performance with Gulp
25/12/2018 - 📄 Turn Jekyll up to Eleventy
21/02/2019 - 📄 Handling external posts on your own Jekyll site

Testing

18/08/2017 - 🎥 TW Hangouts | Is TDD dead?
21/10/2017 - 🎥 Anti-patrones de test - Infrastructure Mocking
21/10/2017 - 🎥 Anti-patrones de test - Swot testing (test empollón)
17/01/2018 - 🎥 TDD with Wallaby.js Part 1/2
17/01/2018 - 🎥 TDD with Wallaby.js Part 2/2
17/01/2018 - 🎥 TDD Mi cuaderno de recetas - Modesto San Juan
11/03/2018 - 🎥 Testing práctico con JavaScript - Ramón Guijarro
04/06/2018 - 🎥 Robert C. Martin - Advanced TDD: The Transformation Priority Premise
22/10/2018 - 😍 📄 An Overview of JavaScript Testing in 2018
24/11/2018 - 📄 Revisiting Testing
24/11/2018 - 📄 Testing React with Jest and Enzyme I
24/11/2018 - 📄 How and Why We Unit Test Our Sass
14/03/2019 - 📄 End-to-end all the things: using Cypress in Spaces
15/03/2019 - 🎥 Testing sin dogmas
13/04/2019 - 🎥 I like my tests, like I like my friends, reliable and flake-free - Amir Rustamzadeh - JSConf US 2018
14/04/2019 - 🎥 Please don't mock me - Justin Searls - JSConf US 2018
19/04/2019 - 🎥 Test driven development, mocking and dependency injection on real app
29/04/2019 - 🎥 Testing, react-testing-library, Cypress y más con Daniel de la Cruz | Café con devs
03/05/2019 - 📄 DO's and DON'Ts when writing tests
12/06/2019 - 📄 Creating a culture of testing
04/07/2019 - 📄 Protractor and Dropdowns: validation
04/07/2019 - 📄 Unit Testing: Mocks, Stubs and Spies
04/07/2019 - 📄 Mocking/stubbing the current Date in Jest tests
04/07/2019 - 📄 Jest Snapshot Testing With Dates and Times

Linting

26/10/2017 - 📄 Prettier + Stylelint, Writing Very Clean CSS
26/10/2017 - 📄 Lint your CSS with stylelint
26/10/2017 - 📄 Enforcing CSS Syntax Style (and more!)

Object Oriented Programming

05/02/2018 - 🎥 Desorientados a Objetos - MODESTO SAN JUAN

Code Reviews

14/04/2019 - 🎥 Code Review: How can we do it better?

Software Crafting

09/08/2017 - 🎥 Eduardo Ferro - El patadón palante. Posponer decisiones en CAS Vitoria 2016
13/08/2017 - 🎥 Antonio de la Torre - Comunidades de necesidad vs comunidades de soluciones en CAS Vitoria 2016
13/08/2017 - 🎥 Sandro Mancuso/Masook Badar - Curing Agile Hangover with Craftsmanship
14/08/2017 - 🎥 r | p 2012 - The Scams That Derail Programming, Motherfucker - Zed Shaw, Creator of Mongrel
14/08/2017 - 📄 Palabras malditas
14/08/2017 - 📄 In defence of software craftsmanship
11/09/2017 - 😍 📄 Los 7 pecados capitales del programador
26/10/2017 - 📄 Advice for early-career developers
26/10/2017 - 📄 Code Review Etiquette
01/11/2017 - 🎥 Applying S.O.L.I.D
07/11/2017 - 🎥 Denys Mishunov on Debugger; for Developers at SmashingConf Barcelona 2017
22/02/2018 - 🎥 Refactorizar a patrones por Xavi Gost
26/02/2018 - 😍 📄 Pairing Guidelines
15/05/2018 - 🎥 Pretendiendo ser rockstar developers
03/07/2018 - 🎥 Javascript Kata: aplicando clean code y buenas prácticas en vivo
27/10/2018 - 🎥 How to Work with Legacy Code
11/11/2018 - 🎥 Masterclass: Craftsmanship
22/01/2019 - 🎥 Masterclass: Pairing
05/04/2019 - 😍 📄 A letter to Agile Coaches (Scrum, XP, and software delivery)
10/04/2019 - 🎥 Rubén Eguiluz, Alberto Pérez e Isidro López - Alineando valores con prácticas técnicas en CAS 2016
29/04/2019 - 🎥 Kata resuelta en DIRECTO con JAVASCRIPT

Software Generalist

24/03/2019 - 🎥 Hasta dónde partir mis microservicios y por qué | T3chFest 2019
11/05/2019 - 🎥 IndieWebCamp Düsseldorf
11/05/2019 - 🎥 IndieWebCamp Red Room: WebMentions

Mentoring

26/10/2017 - 📄 Mentorship in Software Craftsmanship 1/3
26/10/2017 - 📄 Mentorship in Software Craftsmanship 2/3
26/10/2017 - 📄 Mentorship in Software Craftsmanship 3/3
30/10/2017 - 😍 🎥 Xavier Gost - Aprender a enseñar a programar
08/11/2017 - 📄 Mentoring for the junior mentor
08/11/2017 - 📄 Initiation to Code
09/11/2017 - 📄 Pairing with Junior Developers
09/11/2017 - 📄 Mentoring — is it for you?
09/11/2017 - 🎥 Rocío Gómez y Fina Pérez - Cómo me he reinventado como programadora web front end en 3 meses WTM
24/01/2018 - 📄 Ojalá hubiese tenido un mentor, la charla
27/01/2018 - 📄 No todo el mundo sabe o debe dar feedback
31/05/2019 - 📄 Mentoring

Octuweb

18/09/2017 - 📄 ¿Y si WordPress está dañando el sector del diseño y desarrollo web?
02/10/2017 - 📄 CSS al rescate: UX y Formularios
09/10/2017 - 📄 Motion Craftsmanship
09/10/2017 - 📄 En defensa del noble oficio de maquetador
13/10/2017 - 📄 La línea de comandos es el futuro
13/10/2017 - 📄 Refactorizar - Welcome to the CSS jungle
20/10/2017 - 📄 Iconos en interfaces
20/10/2017 - 📄 Web Babel
24/10/2017 - 📄 5 preguntas a tener en cuenta al utilizar una librería
26/10/2017 - 📄 I want to believe… en los principios de diseño
26/10/2017 - 📄 Guía incompleta de diseño visual de textos para productos digitales
26/10/2017 - 📄 Tiempos de cambio (o por qué pasarse al desarrollo indie)
27/10/2017 - 📄 Asteroids - nuestro starter kit de proyectos web
23/02/2018 - 📄 Esparta utilizaría Stylelint
04/03/2018 - 📄 Las URLs nos han traído hasta aquí
07/03/2018 - 📄 La programación asíncrona es la reina de la selva
03/10/2018 - 📄 Imprimir la web en el siglo XXI
05/10/2018 - 📄 Accesibilidad
08/10/2018 - 📄 La importancia de la honestidad durante el proceso de diseño
11/10/2018 - 📄 Testing en el front
11/10/2018 - 📄 Observa cómo usan las personas tu producto digital: no hay mejor manera de aprender (si se hace bien)
12/10/2018 - 📄 VueJS para [email protected]
15/10/2018 - 📄 Cómo planificar un proyecto siendo freelance
16/10/2018 - 📄 Zero Config y Machine Learning aplicado al “bundling” de Web Apps
27/10/2018 - 📄 El botón ha muerto. Larga vida al botón.
27/10/2018 - 📄 CSS Grid Layout también es para niños
31/10/2018 - 📄 Diseñador VS Programador: El club de la lucha

Career

26/10/2017 - 🎥 Being A Developer After 40 (App Builders Switzerland 2016)
22/10/2018 - 📄 How I'm dealing with Imposter Syndrome and Stress
11/11/2017 - 🎥 The big fails theory
24/11/2017 - 📄 Notas para orientación profesional como programador
26/11/2017 - 😍 📄 How To Craft The Perfect Web Developer Résumé
05/02/2019 - 😍 📄 Don’t feel like an expert? Share anyway.
19/03/2019 - 📄 7 Skills Every Senior Developer Should Train
27/03/2019 - 📄 Learning to Learn
10/04/2019 - 🎥 Modesto San Juan y Ronny Ancorini - El camino del aprendizaje en CAS Vitoria 2016
12/04/2019 - 🎥 Paciente 6.000.001 del síndrome del impostor - Laura Lacarra
12/04/2019 - 📄 Tips for Technical Interviews
01/05/2019 - 🎥 A cowgirl journey - Meritxell Calvo - Barcelona Software Crafters 2018
01/05/2019 - 📄 Great developers are raised, not hired
24/05/2019 - 📄 La situación crítica del desarrollo frontend. Una burbuja que hemos de parar
24/05/2019 - 📄 Fidelización del talento: Profesionales que se van, profesionales que se quedan
29/05/2019 - 📄 Battling Imposter Syndrome By Understanding the Dunning Kruger Effect
30/05/2019 - 📄 How to go through the job application process
30/05/2019 - 📄 De-Coding the Front-end Development Interview Process
07/06/2019 - 🎥 From doing tutorials to getting an actual job? (MPJ shows his Spotify application)
09/06/2019 - 📄 Estrategias psicológicas para negociar tu salario: El efecto anclaje
09/06/2019 - 📄 ¡Quiero ser una programadora del montón!
13/06/2019 - 📄 PRO TIPS for devs working at home
13/06/2019 - 📄 7 absolute truths I unlearned as junior developer
25/06/2019 - 😍 📄 Aventuras y desventuras de un mindundi en Spotif - Slides

Interview

03/04/2019 - 📄 The Coding Interview: an approach to minimize anxiety and improve chances of success

Diversity

15/03/2019 - 🎥 La igualdad en los espacios laborales: retos y beneficios
31/03/2019 - 🎥 ¿Qué puedes hacer tú para facilitar la diversidad en el sector tecnológico? | T3chFest 2019

Documentation

12/01/2018 - 📄 8 Best Practices for Perfect CSS Documentation
14/01/2018 - 📄 You are what you document
14/01/2018 - 📄 Designing Better Design Documentation

Other resources

01/01/2016 - 🎥 Mastering Markdown
04/11/2016 - 🎥 Supercharged
06/11/2016 - 🎥 HTTP2
17/11/2016 - 🎥 Docker, gestión y despliegue en Azure
24/11/2016 - 🎥 You Should Learn to Program - Christian Genco at TEDxSMU
24/11/2016 - 🎥 Free software, free society - Richard Stallman at TEDxGeneva 2014
25/11/2016 - 🎥 Susana Morcuende; Yamila Moreno; Jorge Arévalo Los androides no sueñan con ovejas eléctricas
27/11/2016 - 🎥 Luis González - Nadie quiere trabajar contigo en Codemotion 2016
26/07/2017 - 🎥 CODE GENIUS - Cascading Shit Show by Jacob Thornton
09/08/2017 - 🎥 Code - Debugging the gender gap
09/08/2017 - 📄 Learning at work
09/08/2017 - 📄 The best career advice I’ve received
14/08/2017 - 😍 📄 Top developers can have a life outside coding
14/08/2017 - 📄 The ethics of unpaid labor and the oss community
14/08/2017 - 📄 What should I learn to be a frontend developer
17/08/2017 - 📄 Beating Procrastination
17/08/2017 - 📄 Increase your web development skill-set - 150 animated tips on Chrome DevTools
31/08/2017 - 📄 Three Helpful Rules for Junior Devs
06/09/2017 - 📄 Configuring Jenkins with Github
07/09/2017 - 📄 The State of the Web
15/09/2017 - 📄 En continua formación
26/11/2017 - 🎥 Las reglas que hay que romper para que tu equipo de desarrollo sea el más RÁPIDO
29/11/2017 - 🎥 Creating a culture of learning at Tuenti
29/11/2017 - 🎥 Cultura de equipo (Mesa redonda)JORGE MAROTO, KATIA ARESTI, ANGÉLICA LOZANO, FÉLIX LÓPEZ
13/01/2018 - 🎥 Xavier Gost - ¿Que es un programador y cual es su papel en la sociedad
16/01/2018 - 🎥 Habitual negative thoughts
06/02/2018 - 🎥 Workshop Práctico en diversidad y tecnología
16/02/2018 - 📄 Remembering what you learned
19/02/2018 - 📄 Bad jobs, Family and Depression
06/03/2018 - 🎥 Dan Pink - La sorprendente verdad acerca de lo que realmente nos motiva
06/03/2018 - 🎥 La realidad sobre motivación y creatividad 1/2 - Daniel Pink en TEDGlobal 2009
06/03/2018 - 🎥 La realidad sobre motivación y creatividad 2/2 - Daniel Pink en TEDGlobal 2009
07/03/2018 - 🎥 El feliz developer | T3chFest 2018
11/03/2018 - 🎥 Wonderwoman no era ingeniera | T3chFest 2018
11/03/2018 - 🎥 Wubba lubba dub dub! | T3chFest 2018
04/10/2018 - 🎥 Meetup - Tips para tu primera charla técnica
18/10/2018 - 🎥 Building Your Backend With Serverless Functions
22/10/2018 - 🎥 El programador lingüista
02/11/2018 - 🎥 Masterclass: Http protocol
27/11/2018 - 🎥 Acercándonos a la programación funcional a través de la arquitectura hexagonal
27/11/2018 - 😍 🎥 TDD: Toxicity Driven Development
03/01/2019 - 🎥 CSS at the Intersection
11/01/2019 - 📄 Things I Don’t Know as of 2018
22/01/2019 - 📄 ¿Quién eres en realidad?
18/02/2019 - 📄 Voy a pensar en voz alta ¿Te apuntas?
19/02/2019 - 📄 ¿Qué es un Senior Developer?
26/02/2019 - 📄 ¿Dónde están esas devs?
22/03/2019 - 🎥 Developers y demás parientes | T3chFest 2019
31/03/2019 - 🎥 Beware the bloated browser! | T3chFest 2019
22/05/2019 - 🎥 How Privilege Defines Performance, Tatiana Mac @ #PerfMatters Conference 2019
05/06/2019 - 📄 I'm Joining Google!
05/06/2019 - 📄 Acoso silencioso

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Stars: ✭ 75

Visit Git Page 🔗Visit User Page 🔗Visit Issues Page (0) 🔗