Curated Developer Guides
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.
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.
Animation in CSS is one of the most powerful things you can master for excellent UX development. Just don't overdo it!
CSS Backgrounds can be a great way to add a splash of color to your pages, but there are a lot of options!
Understanding all things border from
border-size and using them all together.
Box sizing can be a challenging overall topic. Fear not, however! All your questions will be answered in these great posts!
Remember that different HTML elements come with default display properties! Please find all your display needs below.
Flexbox and flex properties are incredibly useful and can be mixed with other CSS layout approaches!
There is a lot you can do with CSS filters, from blurs to colors and more. It is worth understanding the possibilities here!
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.
Grid is a powerful concept. Read these guides carefully, there is a lot to learn!
There is no right or wrong way to do CSS margins, but there are a lot of iffy ways!
Let's be transparent: Opacity is an important part of a CSS tookkit.
A CSS Outline is drawn outside the borders of the CSS. These are tricky concepts, please read the guides thoroughly.
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.
There's a lot of nuance in effective CSS padding.
sticky! Oh my!!
text-shadow and everything about this property! Just don't overdo the shadows, that's never a good look. 😅
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!
Z-index is all about discipline and having a plan — easier said than done!
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!
The git branch command lets you create, update, delete git branches depending on the arguments. Enjoy these guides
Git checkout is used to navigate between branches. Learn more in these guides
Git config allows you to set configuration values either locally and globally. Learn more with these 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.
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 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 helps take multiple branches and combine them. Learn more in these guides.
Git log will print a the last
n commits in a repo. Learn more in the guides below
Git pull downloads files from a remote repo and updates your current HEAD. Learn more in these guides.
Git push is used to tajke local files and upload them to a remote git repo. Learn more in these guides below.
The git remote command lets you create, update, delete and view remote repos, such as on GitHub. Learn more below.
Git revert allows you to change a commit history. Learn more in these community guides below.
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.
React Components are the fundamental independent and reusable bits of code in a React program.
React Props are arguments which are passed into React components.
React State allows us to manage changing data in an application.
useState allows you to preservevalues between the function calls.
The useEffect Hook lets you perform side effects in your components.
useContext takes the Context as parameter to retrieve the value from it.
useReducer allows for custom state logic.
useCallback is used when a child is rerendering again and again without need.
useMemo returns a memoized value so that it does not need to be recalculated.
useRef persists values between renders.