resources

A collection of my favourite design and development resources, because my bookmarks bar became a mess.

Articles

• Clean Code Javascript - https://github.com/ryanmcdermott/clean-code-javascript#table-of-contents
• CSS Weekly - https://css-weekly.com/
• Five Best Design Links, Everyday - https://sidebar.io/
• Dev and Design Articles - https://tympanus.net/codrops/
• CSS3, JS & HTML5 Articles - http://www.standardista.com/

Technical Tools

Dev Tools

• Can I Use - https://caniuse.com/
• Free Background Videos - https://coverr.co/
• Streamline Icons - https://www.streamlineicons.com/

CSS Tools

• Cubic Bezier Generator - http://cubic-bezier.com/
• CSS Clip-Path Maker - http://bennettfeely.com/clippy/
• Easing Functions List - https://easings.net/
• CSS Animation Types - http://animista.net/
• Useful :nth-child Recipes - https://css-tricks.com/useful-nth-child-recipies/

Design Tools and Resources

• Printable Sketch Sheet Templates - https://sketchsheets.com/
• Vector Icons - https://www.flaticon.com/
• Flat Colors - http://www.flatuicolorpicker.com/
• Fonts In Use - https://fontsinuse.com/
• Color Palette Generator - https://mycolor.space/
• UI Gradients Generator - https://uigradients.com/#BlueRaspberry
• Color Shades Generator - http://www.0to255.com/
• Sketch App Resources - https://www.sketchappsources.com/
• Illustration Creator - https://www.humaaans.com/
• Free Stock Photos - https://www.pexels.com/
• Official Brand Color Codes - https://brandcolors.net/
• Real content for Designs - https://www.lists.design/
• Free Outline Iconset - http://linea.io/
• Free Photos - https://unsplash.com/

General Tools

• Text Case Converter - https://convertcase.net/
• Image Size Compressor - https://tinypng.com/