Curated Developer Guides

This is a list of high quality guides on specific topics gathered for your learning pleasure. This list of community tutorials is an experimental directory starting with only CSS, but will be expanded to cover more overall topics. Enjoy diving in!

If you want a post of yours featured here, make sure it is high quality and clearly includes all relevant keywords in the title and the first paragraph of the post. We want to maximize for readability, even when skimming.

CSS Align Guides

Oh my, one of the trickier topics! If you're still confused after reading these great guides, it's not your fault, it's CSS.

CSS Animation Guides

Animation in CSS is one of the most powerful things you can master for excellent UX development. Just don't overdo it!

CSS Background Guides

CSS Backgrounds can be a great way to add a splash of color to your pages, but there are a lot of options!

CSS Border Guides

Understanding all things border from border-style to border-size and using them all together.

CSS Box Sizing Guides

Box sizing can be a challenging overall topic. Fear not, however! All your questions will be answered in these great posts!

CSS Display Guides

Remember that different HTML elements come with default display properties! Please find all your display needs below.

CSS Flex Guides

Flexbox and flex properties are incredibly useful and can be mixed with other CSS layout approaches!

CSS Filter Guides

There is a lot you can do with CSS filters, from blurs to colors and more. It is worth understanding the possibilities here!

CSS Font Guides

Understanding font-family, font-size and more. Please leave a comment if you find any posts here helpful. These guides also include tips on loading fonts and handling fonts in general.

CSS Grid Guides

Grid is a powerful concept. Read these guides carefully, there is a lot to learn!

CSS Margin Guides

There is no right or wrong way to do CSS margins, but there are a lot of iffy ways!

CSS Opacity Guides

Let's be transparent: Opacity is an important part of a CSS tookkit.

CSS Outline Guides

A CSS Outline is drawn outside the borders of the CSS. These are tricky concepts, please read the guides thoroughly.

CSS Overflow Guides

CSS Overflow will determine whether content clips or scrolls, etc. It's important to get right when you're not sure the size of the content you're dealing with.

CSS Padding Guides

There's a lot of nuance in effective CSS padding.

CSS Position Guides

static, relative, absolute, fixed, sticky! Oh my!!

CSS Shadow Guides

box-shadow, text-shadow and everything about this property! Just don't overdo the shadows, that's never a good look. 😅

CSS Transform Guides

If you understand how and when to use Transform, you can get a lot done! It's also important to understand the difference between Transform and Animnation. Read along!

CSS Z-Index Guides

Z-index is all about discipline and having a plan — easier said than done!

Happy coding!