| Topic | Tool's Name | Description |
|---|---|---|
| Front-End | Front-End-Checklist | The Front-End Checklist |
| Front-end | Design Resource Sites | Swiss knife for Frontend |
| Css | Tool filter Images | Make css code for image's filter |
| Css | Css Animation on Demand | Make animations with css |
| Css | Css gradient animator | Animate the gradient |
| Svg | SVG backgrounds | Customizable SVG patterns and background designs |
| Pattern | Design a beckground pattern | Generate low-poly backgrounds, textures, and vectors. |
| Color | Best gradients in one place. | List of Gradients |
| Color | webgradients | List of Gradients |
| Color | grabient | List of Gradients |
| Color | A color accessibility tool for designers and developers. | Test color usability |
| Color | Find the perfect Color Palette | Select Palettes |
| Css Class | A visual way to analyze the specificity of selectors in CSS. | A map of your code |
| Meta | Quickly check and build your meta tags | Optimize meta |
| Gmail | Unofficial, free and open-source Google Inbox Desktop App | Gmail Desktop |
| Image | MIT licensed illustrations for every project you can imagine and create | Free Download images (illustrations) |
| Css/Image | Css clip-path-maker | Clip path css editor online |
| Css | Scan your website for unused CSS selectors | Optimize css |
| Snippet | Snippet Generator for your editor | Snippet Generator |
| Topic | Cheat Sheet's Name |
|---|---|
| Tools keywords | Every shortcut for designers in one place |
| Css | A reference for CSS goodness. |
| Css Support | What’s next for CSS? |
| Css Learn | 30-seconds-of-css |
| Topic | Name |
|---|---|
| Css | Css unit |
| Javascript | clean-code-javascript |
| Checklist | Front-End Design Checklist |
| Topic | Name |
|---|---|
| Snippets Css | You Don't Need JavaScript |
| Snippet Spinner | Epic Spinners. Css only. Easy to use. VueJS integration. |
| Topic | Name |
|---|---|
| All | Awesome |
| Design Patterns | Design Patterns For Humans |
| Css | Creating Non-Rectangular Headers |
| Css/responsive | Responsive CSS Patterns without Media Queries |
| Css Grind and debugger | Learn, build, improve, and create with Firefox DevTools. |
| learn Html and Css | html & css is hard |
| Learn Frontend interview | The single source for preparing for a Frontend interview |
| Animating Border | Animating Border |
| Design System | Designing your design system |
| Photoshop | Photoshop for designers who don't use Photoshop. |
| User Experiences | Law of Ux |
| Css Grind | OMG is a curated collection of Articles, Videos and Tutorials on CSS Grids |
| Css Variable | Everything you need to know about CSS Variables |
| Typography | A Five Minutes Guide to Better Typography |
| Animation | Good to great UI animation tips |
| Topic | Name |
|---|---|
| Sass mixin | Angled Edges |
| Css Library | Pure CSS grid overlays for designing |
| All | Front-End Tools: My Favorite Finds of 2017 |
| Gradient /css | 10 CSS Gradient Libraries & Webapps for UI Designers |
| Topic | Name |
|---|---|
| developer book's list | 10 Free Programming Books You Should Read in 2018 |
| Design Books | 10 Must-Read Design Books To Get You Ready For 2018 |
https://uxtools.co/survey-2018/ https://medium.freecodecamp.org/https-explained-with-carrier-pigeons-7029d2193351 https://ibm.github.io/css-gridish/
https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525 https://medium.com/deemaze-software/css-grid-layout-crossed-sections-fca9e956e725
https://medium.com/sketch-app-sources/design-cheatsheet-274384775da9 https://css-tricks.com/javascript-learning-landscape-2018/ https://saijogeorge.com/css-puns/gangsta-rap/
https://speckyboy.com/big-issues-modern-web-designers/ https://medium.com/eightshapes-llc/documenting-components-9fe59b80c015 https://jgthms.com/javascript-in-14-minutes/ https://medium.com/ux-power-tools/design-trend-offset-overlapping-content-blocks-53e20157d2a8/ https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966 https://explore.reallygoodemails.com/new-to-email-coding-heres-where-to-start-2494422f0bd4 https://blog.hubspot.com/marketing/plain-text-vs-html-emails-data
https://www.smashingmagazine.com/2018/04/podcasts-web-designers-developers/ https://medium.com/freely-sharing-the-sum-of-all-knowledge/how-we-designed-page-previews-for-wikipedia-and-what-could-be-done-with-them-in-the-future-7a5fa6b07b96
https://blog.prototypr.io/product-design-principles-in-a-single-card-2f6023419a87 http://uxmovement.com/forms/the-best-place-for-error-messages-on-forms/
https://1stwebdesigner.com/spreadsheet-templates-for-designers/ https://speckyboy.com/youtube-channels-learning-basic-frontend-development/ https://blog.prototypr.io/7-rules-of-using-radio-buttons-vs-drop-down-menus-fddf50d312d1 https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/ https://blog.prototypr.io/product-design-principles-in-a-single-card-2f6023419a87 https://www.layoutit.com/grid
https://github.com/rikschennink/shiny https://addyosmani.com/blog/usability/ https://github.com/charlax/professional-programming https://risingstars.js.org https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/