Anything to do with CSS styling and page visuals
Name | Link | What is it? | Tip from |
---|---|---|---|
Coolors | https://coolors.co/ | Colour scheme generator | Reda |
Flex-box froggy | http://flexboxfroggy.com/ | The frog. Back to basics flex-box | FAC |
CSS lengths | https://css-tricks.com/the-lengths-of-css/ | Useful bit on element length measurements | Georgia FAC17 |
UI and design tips | https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886 | Useful rundown on good design practice | Bobby |
Malven.co | http://grid.malven.co/ | Interactive CSS grid reference | Bobby |
Form Validation | https://css-tricks.com/form-validation-ux-html-css/ | Lots of nice form tips | Alex |
FontPair | https://fontpair.co/ | Great database of fonts that pair well together | Reda |
Flexbox Zombies | https://flexboxzombies.com/p/flexbox-zombies | another fun game to master flexbox | Pat |
Font Meme | https://fontmeme.com/ | A site that lets you browse and use iconic fonts | Alex |