- List of various resources - https://github.com/dypsilon/frontend-dev-bookmarks
- List of people to follow - https://css-tricks.com/blogs-i-read/
- BEM
- Homepage - http://getbem.com/introduction/
- Short introductory video - https://www.youtube.com/watch?v=IO-4Z32O--c
- Longer more detailed video - https://www.youtube.com/watch?v=IKFq2cSbQ4Q
- Box model - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
- How layout works - http://book.mixu.net/css/index.html
- Invisible parts of CSS - https://madebymike.com.au/writing/the-invisible-parts-of-CSS/
- SASS
- guide - http://sass-lang.com/guide
- using maps - https://www.sitepoint.com/using-sass-maps/
- Length units - https://developer.mozilla.org/en-US/docs/Web/CSS/length
- Flexbox
- Guide to Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- flexbox.io free videos - https://flexbox.io/
- Grid
- Getting started - https://css-tricks.com/getting-started-css-grid/
- Complete guide - https://css-tricks.com/snippets/css/complete-guide-grid/
- Does grid replace flexbox - https://css-tricks.com/css-grid-replace-flexbox/
- Grid by example - http://gridbyexample.com/examples/
- Learning games
- CSS Diner - https://flukeout.github.io/
- CSS Grid Garden - http://cssgridgarden.com/
- Flexbox Froggy - http://flexboxfroggy.com/
- Flexbox Defence - http://www.flexboxdefense.com/
- Magic of CSS - http://adamschwartz.co/magic-of-css/
- CSS box-sizing: border-box - https://www.paulirish.com/2012/box-sizing-border-box-ftw/
- Margins in single direction - https://csswizardry.com/2012/06/single-direction-margin-declarations/
- CSS em magic number - https://www.smashingmagazine.com/2011/03/technical-web-typography-guidelines-and-techniques/#tt-magic-number
- CSS Cleafix - https://css-tricks.com/snippets/css/clear-fix/
- Gradients
- CSS gradient keywords, hard stops - http://meyerweb.com/eric/thoughts/2012/04/26/lineargradient-keywords/
- CSS gradient tutorial - https://css-tricks.com/css3-gradients/
- Responsive
- SASS responsive @content - http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32
- SASS media query techniques - https://css-tricks.com/approaches-media-queries-sass/
- Include-media - http://include-media.com/
- Animations
- Animations tutorial - https://css-tricks.com/almanac/properties/a/animation/
- Easing functions - http://easings.net/
- Easing tutorial - https://css-tricks.com/ease-out-in-ease-in-out/
- List of animatable properties - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties
- Animation fill mode - https://www.sitepoint.com/understanding-css-animation-fill-mode-property/
- Animation performance - https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
- Animation tricks - https://css-tricks.com/css-animation-tricks/
- Collection of animations - https://daneden.github.io/animate.css/
- Clipping and masking - https://css-tricks.com/clipping-masking-css/
- HTML & CSS from the beginning - http://learn.shayhowe.com/
- Ideomatic HTML - https://github.com/necolas/idiomatic-html
- HTML aside - http://html5doctor.com/understanding-aside/
- Semantic HTML
- Linked data "JSON-LD" - http://json-ld.org/
- Resetting CSS
- reset.css - http://meyerweb.com/eric/tools/css/reset/
- normalize.css - http://necolas.github.io/normalize.css/
- normalize.scss - https://github.com/JohnAlbin/normalize-scss
- Can I Use.. - http://caniuse.com/
- Next.js server-side rendering
- Google fonts - https://fonts.google.com/
- Color scheme generator
- coolors.co - https://coolors.co/151515-a63d40-e9b872-90a959-6494aa
- paletton - http://paletton.com
- CSS gradient animation generator - https://www.gradient-animator.com/
- CSS gradient generator - http://www.cssmatic.com/gradient-generator
- SassMeister - http://www.sassmeister.com/
- Online CSS autoprefixer - https://autoprefixer.github.io/
- Smashing Magazine - https://www.smashingmagazine.com/
- CSS tricks - https://css-tricks.com/
- Lea Verou CSS - http://lea.verou.me/
- Paul Irish - https://www.paulirish.com/
- Nicolas Gallagher - http://nicolasgallagher.com/
- Homepage
- Index - http://graphql.org
- Learn - http://graphql.org/learn/
- List of resources - https://github.com/chentsulin/awesome-graphql
- Tools
- Graphiql - https://github.com/graphql/graphql-js
- Graphiql app - https://github.com/skevy/graphiql-app/releases
- Apollo - http://dev.apollodata.com/
- Test/example APIs
- SWAPI - http://graphql.org/swapi-graphql/
- Github info - https://developer.github.com/early-access/graphql/
- Github explorer - https://developer.github.com/early-access/graphql/explorer/
- Fake generator - http://fake.graphql.guru/
- List of APIs - https://github.com/APIs-guru/graphql-apis
- Libraries
- JS reference - https://github.com/graphql/graphql-js
- Apollo query parser - https://github.com/apollographql/graphql-tag
- Facebook dataloader - https://github.com/facebook/dataloader
- Express GraphQL - https://github.com/graphql/express-graphql
- Session for express - https://github.com/expressjs/session
- Videos
- Zero to GraphQL in 30 Minutes – Steven Luscher - https://www.youtube.com/watch?v=UBGzsb2UkeY
- Lessons from Apollo - https://www.youtube.com/watch?v=zVNrqo9XGOs
- Implementing and Using GraphQL at GitHub - GitHub Universe 2016 - https://www.youtube.com/watch?v=wPPFhcqGcvk
- Learn
- GraphQL - https://learngraphql.com/
- Relay - https://www.learnrelay.org
- Apollo react docs - http://dev.apollodata.com/react/index.html
- GraphQL-js docs - http://graphql.org/graphql-js/