Settings

Theme

Show HN: Small Animated Flexblox Glossary

superflexbox.com

1 points by cxrlosfx 3 years ago · 0 comments · 2 min read

Reader

Hello everybody!

Super Flexbox is a small-animated glossary of the CSS-Flexbox layout method, inspired by "you know which game" and mostly by my personal need of learning more about CSS Layouts.

The project started as a series of small experiments on codepen,https://codepen.io/cxrlosfx/pen/vYjOeXv. I wanted to learn more about layout possibilities the flexbox properties had to offer, suddenly it became a full HTML, CSS, JS project.

Two weeks was my time limit to finish this small glossary with some functionality, I took some days off from work, and at the time I'm writing this I'm on the third week, close to 30hrs.

About me. I studied architecture, and I've been working in different branches of construction since the early 2000s, HTML and CSS was something I liked, in my university years I used a little bit of Macromedia Flash and most recently I use Wordpress for my personal website, but I never had that thinking ability to develop something new, most of it was copy and paste code.

I'm married with kids and an eight to five job, I had just 4 hrs per week, more or less, to learn something to code, I took the CS50x course, and one Zero To Mastery Course on JS, and this is a small project to check my learning process.

I've been reading HN since the late 2020, I understand just probably 5% of the submissions, and that number might be high, most of the time I found myself scratching my head, but I learn every day a little bit more about technology and what people involved in technology are doing. That is the reason I wanted to post my work here.

I know this project can't be compared to the amazing things you guys are doing, but I it's for sure a lot better than what I could do three years ago.

I hope you find superflexbox.com useful.

No comments yet.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection