Skip to content

Instantly share code, notes, and snippets.

@darjanin
Last active February 5, 2016 13:42
Show Gist options
  • Save darjanin/b1692221e59c0a01780f to your computer and use it in GitHub Desktop.
Save darjanin/b1692221e59c0a01780f to your computer and use it in GitHub Desktop.
Learning resources

Learn git

https://try.github.io/levels/1/challenges/1

https://www.codecademy.com/learn/learn-git

CSS tips

  • Do not use ID for styling. IDs are for javascript use only.
  • Nesting is not great idea. Rather write longer names. We have autocompletion.
// BAD
.card .content .meta span {
  color: #00c;
}

// GOOD
.card__content__meta__text {
  color: #00c;
}
.block {}
.block__element {}
.block__element.state {}
.block__element--modifier {}

.button {}
.button.disabled {}
.button__text {}
.button--danger {}
.button--success {}
  • Try to not use !important.

CSS extras

https://specificity.keegan.st - you don't need to use it for your selectors, just to realise how it works.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment