Let’s make November “Suck less at CSS” month

P1xt
P1xt
Oct 5, 2017 · 3 min read

I am, how can I put this, uninspired when it comes to design. I know a fair bit of CSS, but I’m not brilliant at it — my forte is in “the code” not “the style”. And, I don’t think I’m alone here — I hear “I finished X project but it looks awful” pretty frequently. It’s a widespread issue, not just with Junior Developers, but also for us oldtimers who’ve been coding forever but who are relatively new to webdev.

I always stray to “the code” and, as a result, my ability to style a page stagnates. Sure, I can set colors, apply shading, setup fonts, and know how (technically) set the layout of the page using old-style floats/media queries, flexbox or CSS grid. Yet, I remain a coder — most of the truly inspiring things people who are great at CSS implement on their pages are beyond me.

With that in mind —

I’ll be announcing a new challenge for the month of November.

  • CSS (Specifics will be announced November 1, 2017)
  • November 1–30, 2017
  • Series of challenges, finish as many as you can, as fast as you can.

Prep for those who want to hit the ground running:

The focus for the challenge will be CSS. You won’t need to know more HTML than how to create a basic page and place a few elements on it. You won’t need to know more JavaScript than how to select a DOM element and toggle a CSS class on it. The focus will be CSS — badass CSS, the kind of CSS that will leave people thinking “wow, how did you even do that”.

Total Basics — if you’re just starting out with CSS:

Further Study — if you want to prep more for general CSS:

Advanced Study — A further boost:

Topics to focus on:

  • Positioning
  • Transforms
  • Transitions
  • Animations
  • Keyframes
  • Gradients
  • Complex Selectors
  • Sass — will be very helpful
  • Pug — could be helpful for speeding up HTML creation
  • Adding/Removing a CSS Class from a DOM element with JavaScript

The challenge will be open to all, beginners, experts, and everyone in between. Even I will participate. You can participate to whatever level you are comfortable, either by setting personal goal and striving for that, or by jumping into the fray and competing against others to see who can complete the most, to good quality, the fastest.

P1xt’s Blog

Software Engineering, Guides for learning how to program, Short programming competitions

P1xt

Written by

P1xt

Software Engineer. Gamer. Geek.

P1xt’s Blog

Software Engineering, Guides for learning how to program, Short programming competitions