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/