DEV Community

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 and Git, 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 Guides

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!


Git Guides

Git Add Guides

The git add command takes a change in the working directory and stages it. It is the precursor to git commit most of the time. Enjoy the guides here!

Git Branch Guides

The git branch command lets you create, update, delete git branches depending on the arguments. Enjoy these guides

Git Checkout Guides

Git checkout is used to navigate between branches. Learn more in these guides

Git Config Guides

Git config allows you to set configuration values either locally and globally. Learn more with these guides.

Git Clone Guides

The git clone command is used to point to an existing git repository and make a copy of that repo in a new directory. Learn more with these community guides.

Git Commit Guides

The git commit command allows you to save your changes to the local git repository you are working in. Before committing, you meed to git add the changes. Learn more in these guides.

Git Diff Guides

Git diff helps track the differences between changes to a file. It is a multi-use command which can be executed in different contexts. Learn more in these guides.

Git Merge Guides

Git merge helps take multiple branches and combine them. Learn more in these guides.

Git Log Guides

Git log will print a the last n commits in a repo. Learn more in the guides below

Git Pull Guides

Git pull downloads files from a remote repo and updates your current HEAD. Learn more in these guides.

Git Push Guides

Git push is used to tajke local files and upload them to a remote git repo. Learn more in these guides below.

Git Remote Guides

The git remote command lets you create, update, delete and view remote repos, such as on GitHub. Learn more below.

Git Revert Guides

Git revert allows you to change a commit history. Learn more in these community guides below.

Git Stash Guides

Git stash is used to record the current state of work, but reverts the context back to a clean slate before the changes were made. Learn more below.

Happy coding!