Description
Today's Tuesday Tips covers everything that is possible with CSS.
Transcript:
Today is April 14th, 2020 and for this Tuesday Tips episode we’re covering everything that is possible with CSS. Let’s dive in!
--
CSS is one of the first languages that budding web designers learn. This is probably because the tangible results are easier and quicker to achieve than other languages. However, CSS can be used for so much more than changing a few background colors or positioning elements on the page. Modern day CSS has been used for some amazing creations that we never would have believed possible only a few years ago.
Recently, CSS has been used to create some astounding products in art and animation. These creations range from a realistic painting made entirely out of CSS to 3D animated shapes and objects, like an X-Wing from Star Wars. With newer features and properties we can transform from using CSS as a design language to a developer language.
The next logical step is to build games with pure CSS. What once required JavaScript now can be done in with CSS, although it tends to take a lot of lines of CSS instead of a few JavaScript functions. Most games have been reminiscent of the games we have from the early 2000s like digital tic tac toe or even Mario Kart.
Perhaps one of the biggest pure CSS creations is a search engine. Search engines are one of the most complex features on the internet with thousands of lines of JavaScript plus databases and other components. However, Algolia was able to create a primitive search engine with pure CSS. Although you can’t expect it to search the web, it does a nice job of sorting through the predetermined results and filtering categories.
Again, it would be very simple to code with a few lines of JavaScript but it is really neat to see what can be accomplished with CSS. Each year we are breaking the limits of what we thought was possible with CSS. As new properties are added and people come up with creative utilizations of old and new features we are able to push the limits of what is possible.
Even using CSS in JavaScript frameworks like React or Angular is helping to progress the language. The biggest inhibitor is legacy browsers that are not supporting certain properties. However, we’ve seen a growing need to unify the web and companies are starting to remove support for legacy browsers in favor of modern ones.
With new properties like CSS Grid and additional pseudo classes the future of CSS is looking very bright!
--
Today’s Tuesday Tips episode was adapted from a post on welcometothejungle.com.
--
Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! That's all for today, tune in tomorrow!
---
This episode is sponsored by
· Anchor: The easiest way to make a podcast. https://anchor.fm/app
Support this podcast: https://anchor.fm/fewdaily/support
Today is January 28, 2021, and for this Thursday Thoughts episode we're covering:
Getting Your First Dev Job
What You Should Do as a Junior Developer
Helping Developers Be Leaders
Let's dive in!
----
When starting off as a web developer it can be difficult to juggle learning and job...
Published 01/28/21
Today is January 27, 2021, and for this Wednesday Wisdom episode we're covering:
Fullstack Development Trends
Responsive CSS Frameworks
State of Design in 2021
Let's dive in!
----
Fullstack development has moved from rarity to commonplace over the past few years. In 2021 it is easier...
Published 01/27/21