Pens from Álvaro Hernández Perales https://codepen.io/Varo/ en nospam@codepen.io Copyright 2024 2021-01-26T19:31:30-07:00 Hackaton Valencia Air Quality https://codepen.io/Varo/pen/WNvoreL https://codepen.io/Varo/pen/WNvoreL Álvaro Hernández Perales

See the Code - See it Full Page - See Details

]]>
Hackaton Valencia Air Quality 2020-02-21T19:35:43-07:00
Simple Responsive Table in CSS https://codepen.io/Varo/pen/GRgoWNX https://codepen.io/Varo/pen/GRgoWNX Álvaro Hernández Perales

See the Code - See it Full Page - See Details

This is a relatively well-known pattern for responsive tables, but it's worthwhile to give a reminder or FYI to the new folks. I've also tried to make it accessible for screen readers.

]]>
Simple Responsive Table in CSS 2019-12-09T10:37:30-07:00
Multi-line spanning animated underline https://codepen.io/Varo/pen/jOOaLLG https://codepen.io/Varo/pen/jOOaLLG Álvaro Hernández Perales

See the Code - See it Full Page - See Details

Here's a quick redesign from [Cassie Evans's](https://codepen.io/cassie-codes) [Multi-line spanning animated underline](https://codepen.io/cassie-codes/pen/rNNGdmw). Crazy simple but amazingly useful, thanks Cassie, you can't imagine how long I've been searching for this css hack!

]]>
Multi-line spanning animated underline 2020-03-19T12:37:05-07:00
Password Generator v2 https://codepen.io/Varo/pen/KKPWjvN https://codepen.io/Varo/pen/KKPWjvN Álvaro Hernández Perales

See the Code - See it Full Page - See Details

]]>
Password Generator v2 2021-01-26T19:31:30-07:00
JavaScript Assignment Operator https://codepen.io/Varo/pen/wZZeqE https://codepen.io/Varo/pen/wZZeqE Álvaro Hernández Perales

See the Code - See it Full Page - See Details

]]>
JavaScript Assignment Operator 2019-10-31T16:32:32-07:00
Game UI https://codepen.io/Varo/pen/yGvgam https://codepen.io/Varo/pen/yGvgam Álvaro Hernández Perales

See the Code - See it Full Page - See Details

]]>
Game UI 2019-01-29T18:59:24-07:00
Quick fuzzy search jQuery https://codepen.io/Varo/pen/dwWxPO https://codepen.io/Varo/pen/dwWxPO Álvaro Hernández Perales

See the Code - See it Full Page - See Details

This script hides any element who's content doesn't match the words typed in the input field.

]]>
Quick fuzzy search jQuery 2018-12-24T17:05:01-07:00
Music Player Concept [IN DEV] https://codepen.io/Varo/pen/XyKdwQ https://codepen.io/Varo/pen/XyKdwQ Álvaro Hernández Perales

See the Code - See it Full Page - See Details

]]>
Music Player Concept [IN DEV] 2019-01-30T00:01:04-07:00
JS o'clock https://codepen.io/Varo/pen/ZqPBPY https://codepen.io/Varo/pen/ZqPBPY Álvaro Hernández Perales

See the Code - See it Full Page - See Details

Digital js clock

]]>
JS o'clock 2018-10-30T18:56:31-07:00
Neon Text Effect https://codepen.io/Varo/pen/WEJyJB https://codepen.io/Varo/pen/WEJyJB Álvaro Hernández Perales

See the Code - See it Full Page - See Details

I saw this quote written in neon in the movie "Atomic Blonde" and I got inspired.

]]>
Neon Text Effect 2017-08-22T13:29:30-07:00