triodoodle.blogg.se - Bzflag source code

Bzflag source code how to#
Bzflag source code full#

I have utility classes in my Sass but only the ones I need: I have margin() and padding() mixins just so I can use them in the same way I would in HTML: padding(x, 3) // px-3 padding(y, 4, md) // py-md-4 I have Sass variables and mixins to keep consistent values throughout my classes such as margin and padding. With the above example, I followed BEM with my CSS naming convention and all I'm using is good old Sass to generate whatever classes I need. Do you really need to bring in hundreds of dependencies just to build a website? The answer is a resounding no.

Think about your project and requirements. There are times it's better just to do things "old school." Stop following the trends and think. I'm aware of all the hype behind CSS Modules, CSS in JS, Styled Components, and hundreds more.

Create my own custom classes at which point, why the hell am I using Tailwind to begin with?.

Create a custom Tailwind build, which means I now I have to bring in a node_modules folder with at least 80 dependencies and require all developers working on the site to have Node installed in addition to PHP.

Add the styles via the inline style attribute.

Mind you, this is as close as I can get to the same components using Tailwind's default classes once I need a more custom design, I have to do one of the following: Using Tailwind as an example, I'll build the same component with and without utility classes. But, what happens when I start having to create multiple copies of the same components or start having to add multiple rules or need custom rules? I want to add left and right padding for tablets and desktops? Cool! Let me just add px-md-3 to the element. Utility based CSS classes are great for prototyping and they saved me so much time by not forcing me to create unique classes for every single element.

Bzflag source code full#

I wanted full control of this design and I didn't want to bother reseting properties just to undo Bootstrap's UI. I used their grid system and some of their utility classes because I did not want their opinionated design nor was I going to use any of their components.

My site uses Foundation and I regret that decision, so I decided to use Bootstrap. There are enough CSS frameworks out there as there are JS dependencies but the typical contenders are Bootstrap and Foundation.

Bzflag source code how to#

The Good and Bad of CSS to "The Good and Bad of CSS" sectionĪs I was writing the page templates for the new site, I needed to decide on which CSS framework to use and how to use it. This is a completely biased opinion but I must say, I built stakx to be pretty well balanced when it came to features. So what's the purpose of this blog post? Well, I wanted to write about everything I learned as I was building the new BZFlag site using my beloved stakx. On April 1st, 2019, the site was made live! I love a good and elaborate April Fools' joke, so what better way of participating this year than by launching a completely redesigned website for a project close to my heart? I mean, I also finally released my AOLer plug-in this year to troll but that's beside the point. Interstellar space pirate extraordinaire įor roughly 9 months, I had been working on the new website for the BZFlag project with the help of some awesome contributors the planning and early work started in July 2018 but full speed development didn't really start until November 2018.