personal-goals
personal-goals copied to clipboard
List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.
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
- Books
- Podcasts
- Things I'll do in the future
- HTML
- Cascade and Specificity
- CSS
- CSS Units
- Feature Queries
- Container Queries
- Responsive Images
- Flexbox
- Grid vs Flexbox
- CSS Grid Layout
- Multi Column Layout
- Animation
- Custom Properties
- CSS Architecture and Naming
- Refactoring CSS
- Sass
- Stylable
- General Frontend
- General UX Engineering
- Task tools
- !Important Show
- Hilos Sego
- Refactoring UI
- a11y
- WAI ARIA
- Perf
- Perf Reviews
- Critical Path
- Typography
- Design Systems
- Design
- SVG
- UX
- JavaScript
- JavaScript Basics
- JavaScript Advanced
- JavaScript Conditionals
- JavaScript Looping
- JavaScript Events
- JavaScript Patterns
- JavaScript Architecture
- JavaScript Security
- Functional JavaScript
- Progressive Web Apps
- TypeScript
- Angular
- React
- Vue
- EStreamerCoders
- GraphQL
- NodeJS
- Razor Pages
- Git
- Command Line
- DevTools
- Engine Internals
- Static Site Generators
- Testing
- Linting
- OOP
- Software Crafting
- Code Reviews
- Software Generalist
- Mentoring
- Octuweb
- Career
- Interview
- Diversity
- Documentation
- Other resources
Projects
- π‘ WeCodeSign Podcast's Website
- π‘ Open Source Weekends Website
- π‘ 19/12/2016 - Semillasocial
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
- πΌ base.cs
- πΌ Basta ya de picar
- πΌ betabeers
- πΌ Code on the Rocks
- πΌ Codenewbie
- πΌ CTRL+Click Cast
- πΌ Design Better.co
- πΌ Design Matters
- πΌ Developer Tea
- πΌ DiseΓ±o Cha Cha ChΓ‘
- πΌ DiseΓ±o Humano
- πΌ Frontend Happy Hour
- πΌ Hablemos de Web
- πΌ Hanselminutes
- πΌ HTTP 203 Podcast
- πΌ Javascript Air
- πΌ JavaScript Jabber
- πΌ Late Night with Trav and Los
- πΌ Make Better Software
- πΌ Motion and Meaning
- πΌ Mr. Frontend
- πΌ NaciΓ³n Lumpen
- πΌ Polymer Podcast
- πΌ Preceptos Digitales
- πΌ Programar es una Mierda
- πΌ Prototipo
- πΌ Rant Pod
- πΌ RWD Podcast
- πΌ Shop Talk Show
- πΌ Style Guides
- πΌ Syntax FM
- πΌ The Big Web Show
- πΌ The Design Jones
- πΌ The Path to Perf
- πΌ The Web Ahead
- πΌ The Web Platform Podcast
- πΌ ToolsDay
- πΌ We.Developers
- πΌ Web Reactiva
- πΌ WeCodeSign Podcast
- πΌ Young Guns Show
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
vsauto-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
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 tod@s
- 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Γ©ΒsuΒmΓ©
- 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