DEV Community

loading...
Cover image for February 2021 Recap

February 2021 Recap

alvaromontoro profile image Alvaro Montoro ・Updated on ・3 min read

This month was considerably slower than the previous one. Both in projects/demos and also in activities outside of development. It was also a heck of a month: the worst cold front in Texas in decades, no electricity or water, plus a heavier workload at my job... a lot of fun.

But life moved on. We got electricity and water back, the cold weather passed,... and well, work will be work. 😋

Here are some of the things I did this past February.

Tech Things

Project Menu

I created a small menu button with subsections based on a design from @adircode. It is animated, mobile- and keyboard-friendly and supports live changes to reduced motion settings.

The initial prototype used vanilla JS, but then I developed a version in React. I want to do a version in Svelte to learn that library.

CSS Dino Game

This month I also built a new CSS game: a version of the Chrome no-connection dinosaur game using only HTML and CSS (if you like that type of stuff, I have a collection that you will like).

Unfortunately, I used CSS variables inside an animation, and the only browser that supports them is Chrome. Not Firefox or Safari, which is a bummer.

CSS Peasant

A cartoon drawing of a peasant done in HTML and CSS. Responsive and slightly animated (it blinks and tries to add a "breathing" sensation).

Snowfall effect with HTML and CSS

I developed this animation of snow falling with HTML and CSS in less than 10 minutes... and then wrote a post sharing how the animation worked.

Later, with some feedback from users from DEV, I modified the animation to make it smaller (at least the CSS) and more efficient.

Almond.CSS (update)

Almond.CSS is a collection of class-less CSS styles. Like a framework but without the framework part: no need to learn classes or anything (there's none), just element styles. In the end, it's basically an opinionated CSS reset file with some customization.

I developed it a few months back and needed some tweaking after browsers change the default styles for some elements, so I went ahead and made some needed updates. You can see a demo here.

Non-Tech Things

This month I only finished 4 books:

Title Author Style
Ready Player Two Ernest Cline Fiction
House of M Brian Michael Bendis & Olivier Coipel Graphic Novel
The Swallowed Man Edward Carey Novel
Gran historia visual de la filosofía Masato Tanaka & Tetsuya Saito Philosophy

Ready Player Two was entertaining in general, but the action moves too slow at some points to go super fast at some others suddenly... House of M was a re-read; everyone is talking about Wandavision (I haven't watched the show), so I went back to read the graphic novel.

Discussion (0)

pic
Editor guide