![]() The biggest hurdle in putting this course together has been, after having taught in the classroom for 5 years, I understand the limitations of online courses when compared to more traditional learning environments. I’ve spent those years learning from my own mistakes, and with Beyond CSS I wanted to take that experience and help others get to the same solutions that I’ve found without all the time needed to get there. It’s been decades that I’ve been writing CSS and over that time I’ve tried most of the solutions that are out there. Luckily things have changed a lot over the years, and we have much better solutions today!ĬSS has changed a lot since then, but despite how much it has matured as a language, it would seem like the one thing that is always a struggle is figuring out the best way to write it at scale. Granted, how we had to make designs a reality was very different back then. I started making websites back in the late 90s when I made a homepage for a Star Wars RPG that I helped run.Įven back then, my favorite part of making sites was figuring out how to make the site look like the planned design. This is an advanced course that assumes you are comfortable writing CSS, but struggle with organization and scaling projects. There is a better wayĪs CSS continues to grow as a language, things like custom properties and cascade layers are here to help us wrangle our CSS like we never could do before.īut there are also other tools that have become industry standards such as Sass, PostCSS, and more.Īnd in this course, I want to teach you how you can leverage modern CSS, and some of those tools to create well-organized, and easy-to-scale projects that actually leave you and your team writing less CSS. I know that class naming can be hard, that things can easily become a mess as they grow, and the frustration of dealing with conflicting styles. I’ve also lived through the struggles myself. ![]() That’s just the nature of short, easy to digest content.Īnd of course, CSS is usually covered in longer content and other courses, but often it’s from extremely talented full-stack educators who don’t have the strongest grasp of CSS. They don’t talk about writing CSS at scale. Most tutorials, blog posts, and videos about CSS cover fundamental concepts like how flexbox works, or how to make a single component in isolation. Those all exist because writing CSS that can scale is hard, and it’s made harder by the ever growing list of technologies we can use to build our sites as well. And when you’re working in a team with varying degrees of comfort in writing CSS, thing can become a nightmare.Īnd that’s why there are so many 3rd party libraries and frameworks out there, as well as a bunch of different naming conventions. Some things are easier to manage than others, and CSS is one of those things that is very easy for it to explode into a complex, unorganized, mess. And as more team members enter the picture, the difficulties raise exponentially. You can create layouts and get the job done…īut as projects grow in size, things become a bit of a mess.Įvery aspect of a project becomes harder to manage the larger the project is. You understand the basics of flexbox, grid, and positioning and you are feeling pretty confident. When we first start writing CSS, it’s pretty easy.Ĭhange a background color here, change a font there.Īs you improve, you might start building out individual components or small layouts from designs you find online, and things go pretty well. ![]() When we create our own system (which can even leverage the tools above!), we have total control from day one.īy having a system in place, you can grow it to fit your own needs and make it work for you, instead of using a “fits all” solution that a 3rd party needs to be.Īnd best of all, once you’ve got it set up you don’t have to start from scratch on every single project, allowing you to start new projects in record time. To help overcome a lot of these problems, the first thing you need is a clear direction and a system in place that you understand. Or worse yet, you end up with a strange mix of Tailwind here, Bootstrap there, some CSS-in-JS solutions over here and no real direction. Some approaches involve 3rd party options, which can be super helpful, but often are great at making an MVP that needs a total rework when it’s time to make something more custom. ![]() There are a lot of different methodologies, approaches, and tools out there to help solve the problems of writing CSS at scale.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |