Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
January 22, 2023 09:55 pm GMT

The language that grew up with me

You know those kids bikes that you can upgrade from a balance bike to a something that will take your child to elementary school? CSS did something like that for me.

I can still remember the days of floating layouts. We used a lot of hacks to get things to behave like we wanted them to, like the Clearfix or browser-detecting media queries. The designs were just starting to move from table-based layouts to the box model, which allows a bit more freedom and flexibility in its implementation, but pixel-perfectness was still the gold standard of layout execution.

I felt clever writing CSS under those limitations. My code was illegible, my hacks were obscure and I got the thing working somehow. CSS just wasnt as good at getting the job done in a clean and efficient way (which is probably where it picked up its bad reputation that it still has today).

But CSS grew up and so did I.

Webfonts were a huge milestone for me. I could do some typography on the internet without using images, and their sprites respectively. Gradients and rounded corners as well for similar reasons. It felt like taking the training wheels off my code.

I recently explained to a younger developer what image sprites were. He was baffled that we needed something like this and amazed at the ingenuity and jank of it in equal parts. Hey, skeuomorphism can be really hard with just SVGs! Speaking of which, SVGs have only been natively supported in Internet Explorer since version 9.

I dont need dirty hacks anymore just to code basic layouts. grid and flex are powerful tools (Firefox is even pushing for native masonry). Layouts have become more complex, but media queries help to adapt to the users needs. Websites arent as monolithic anymore. Were putting them together component by component. I still love BEM and I really like CUBE as methodologies to do so, and Im very looking forward to introduce and container and style queries to my workflow.

Over time, I added parts that helped me achieve more mature projects fast and efficiently. I replaced the training wheels with a crankset, and shifters, and proper brakes I learned to use the right tool for the job and CSS kept providing me with them.


Original Link: https://dev.to/iamschulz/the-language-that-grew-up-with-me-11cn

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To