Skip to content

Instantly share code, notes, and snippets.

@tesseslol
Last active February 4, 2023 20:47
Show Gist options
  • Save tesseslol/946a9ed214dad3e4c0af289657c9b6df to your computer and use it in GitHub Desktop.
Save tesseslol/946a9ed214dad3e4c0af289657c9b6df to your computer and use it in GitHub Desktop.
A curated list of topics

Guide and Gists

Nome Articolo Argomento Tipologia
Moving to HTTPS Guide https guide
developer-roadmap web gist
How to Use CSS Animations Like a Pro css guide
Do responsive sites have to be so tall on mobile? responsive articolo
Practical Color Theory for People Who Code color guidr
2017:Design Thread design articolo
Front-end handbook Frontend Articolo
REST versus GraphQL Backend Articolo
Bootstrap 4: Everything You Need to Know Css/Boostrap guide
A free guide to <head> elements Meta guide
Smart UI Dimensions for any Screen Size responsive articolo
Front-End Performance Checklist 2019 null articolo
WTF, HTML and CSS? html/css guide
How to Optimize SQL Queries for Faster Sites sql guide
Zigzag Image–Text Layouts Make Scanning Less Efficient layout articolo
The Ultimate UX Guide to Color Design color guide
BBC Grandstand is a collection of common CSS abstractions and utility helper classes css gist
The Basic Principles of Visual Design design guide
The Role Functional Animation Plays in Enhancing User Experience design guide
How to make your HTML responsive by adding a single line of CSS Css/Responsive guide
8 Best Practices for Perfect CSS Documentation Css guide
3 Superpowers of the Flex-Box Model — How flex-basis, flex-shrink and flex-grow work. Css guide
How to Write a Git Commit Message git guide

Utility

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

Cheat Sheet

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

Best Pratice

Topic Name
Css Css unit
Javascript clean-code-javascript
Checklist Front-End Design Checklist

Snippets

Topic Name
Snippets Css You Don't Need JavaScript
Snippet Spinner Epic Spinners. Css only. Easy to use. VueJS integration.

Learn

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

Library

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

Books

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

Other link

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/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment