If you are looking to level up your CSS skills, Josh Comeau has a fantastic new learning guide out for CSS grid titled An Interactive Guide to CSS Grid. What sets Josh’s guide apart is how he dives right into the “mental model” of CSS grid, making it easier for learners to understand and apply the concepts effectively. Understanding the fundamental workings of CSS grid is crucial, and Josh’s interactive guide does an excellent job of ingraining that mental model.
Josh has previously released An Interactive Guide to Flexbox, which follows a similar interactive approach. The hands-on experience provided by these guides significantly aids in cementing the mental model. Interactive learning is key, and Josh’s guides excel in this aspect.
Josh Comeau has also created an intriguing operator lookup page for JavaScript enthusiasts. This resource comes in handy for those tricky moments when you need to recall specific operators. The interactive nature of the page simplifies the process of finding and understanding JavaScript operators.
Another interesting concept to explore is import maps in JavaScript. These maps provide a novel way to streamline imports across a codebase, reducing redundancy and simplifying the development process. The potential of import maps to revolutionize the way we handle JavaScript dependencies is noteworthy.
On a different note, Flavio Copes recently launched The Valley of Code, an extensive reference guide to web development from foundational concepts to advanced topics. The guide’s comprehensive approach, starting from URLs and DNS to higher-level languages like HTML and CSS, makes it a valuable resource for both beginners and seasoned developers.
If you enjoy exploring creative web projects, check out Crowd Simulator by Szenia Zadvornykh. This captivating project demonstrates the power of CSS in creating visually engaging simulations. Additionally, CSS-PEEPS offers a fun way to experiment with over 5 million combinations of illustrated characters using just CSS and HTML.
Lastly, JSX, as a templating language, has the potential to outlast its association with React/Next.js. Evert Pot’s insights shed light on JSX’s enduring value beyond specific frameworks, hinting at its broader impact on front-end development practices. The evolution of JSX as a standalone tool could shape the future of web development languages.
So while React/Next.js may be relegated to the enterprise and legacy systems in a few years, they completely transformed front-end development and created ripple effects in many other technologies. One of many great ideas stemming from this stack is JSX. I think JSX has a chance to stay relevant and useful beyond React/Next.