Summary |
---|
Libraries |
Photos |
Illustrations |
Icons |
SVG |
Fonts |
Inspirations |
Tools |
HTML Tools |
CSS Tools |
JavaScript Tools |
Tutorials |
Music |
- Photo, icons & illustrations : https://www.reshot.com/
- https://unsplash.com/
- https://www.pexels.com/
- https://generated.photos/
- https://uxplanet.org/picking-the-right-stock-photo-for-your-next-design-project-91691babeef8
- AI faces: https://loremfaces.com/?utm_source=swlinks-tw
- https://undraw.co/
- https://icones8.fr/illustrations
- https://icons8.com/vector-creator
- https://blush.design/
- https://app.streamlineicons.com/home
- https://getillustrations.com/
- https://bgjar.com/
- https://galshir.com/pose/
- https://plus.premast.com/illustrations_pack
- https://icons.mono.company/
- https://icones8.fr/
- http://iconsvg.xyz/
- https://css.gg/
- http://icomoon.io/
- https://heroicons.com/
- https://systemuicons.com/
- https://tablericons.com/
- https://akveo.github.io/eva-icons/#/
- https://app.streamlineicons.com/home
- https://lordicon.com/
- https://iconoir.com/
- Google Icons font: https://fonts.google.com/icons?icon.style=Rounded
- https://picular.co/
- http://khroma.co/generator/
- https://brandcolors.net/
- https://farbvelo.elastiq.ch/
- https://coolors.co/
- AI generated color palette: https://huemint.com/
- https://scrnshts.club/
- https://www.uitab.io/
- https://lookup.design/
- https://www.uisources.com/apps
- https://www.goodemailcopy.com/
- https://www.reallygoodemails.com/
- https://www.saasframe.io/latest
- https://www.speakhuman.today/
- Design Checklist: https://www.checklist.design/
- Product page checklist: https://merchantmastery.io/blogs/blog/the-perfect-product-page-checklist
- Upscale image : https://letsenhance.io/
- Background remover : https://www.remove.bg/upload
- Url encoder : https://yoksel.github.io/url-encoder/
- base64 transformer : https://www.base64-image.de/
- Compress img : https://compresspng.com/
- Compress img in different web format : https://squoosh.app/
- Grapg creator : https://whimsical.com/
- Mockup : https://www.rotato.xyz/mockup/iphone
- Font explorer : https://www.fonts.ninja/
- The Good line-height : https://www.thegoodlineheight.com/
- Grid creator : https://grid.layoutit.com/
- UI drawing : https://excalidraw.com/
- Perfect font scale : https://type-scale.com/
- Create Webpack for your next project : https://createapp.dev/
- Create code images to share on social media : https://carbon.now.sh/
- Add color filter on your images with css and svg : https://www.fecolormatrix.com/
- Template for Readme file : https://readme.so/
- Resize images for the different social networks : https://promo.com/tools/image-resizer/
- Audio call without background noise : https://www.around.co/
- Create Social Content: https://www.willow.co/
- Unlock paywall : https://12ft.io/
- Mac launcher: https://www.raycast.com/?utm_source=swlinks-tw
- Image optimizer: https://github.com/antonreshetov/image-optimizer
- Automatic font scale: https://www.fluid-type-scale.com/
- Cheeseburger Lorem ipsum: http://cheeseburgeripsum.com/
- Image placeholder: https://placekeanu.com/
- Create a CDN from Github: https://www.jsdelivr.com/
- Free newsletter tool with paid tier: https://buttondown.email/
- Transform your svg into background-image: https://yoksel.github.io/url-encoder/
- https://t.co/xahiOzHOXL
- https://caniuse.com/
- Useful HTML Attributes: https://learnpine.com/blog/7-useful-html-attributes-you-may-not-know
- Check for font locally : https://twitter.com/CSSInRealLife/status/1223153671036440577?s=20
- https://fffuel.co/
- https://autoprefixer.github.io/
- https://brumm.af/shadows
- https://htmlemail.io/inline/
- https://dev.to/gajus/my-favorite-css-hack-32g3
- https://css-tricks.com/lets-look-50-interesting-css-properties-values/
- https://tobiasahlin.com/blog/layered-smooth-box-shadows/
- https://dev.to/ananyaneogi/css-can-do-that-18g7
- http://clagnut.com/blog/2395
- https://dev.to/devdevcharlie/things-nobody-ever-taught-me-about-css-2lhj
- https://medium.com/@PavelLaptev/lesser-known-css-properties-in-gifs-966a143497ba
- https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
- https://ishadeed.com/article/css-vars-101/
- https://web.dev/min-max-clamp/
- https://cssvalues.com/
- Auto-grow textarea : https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/?ref=sidebar
- Full-Bleed in css : https://piccalil.li/tutorial/creating-a-full-bleed-css-utility/
- Grid with sticky element : https://melanie-richards.com/blog/css-grid-sticky/
- Masonry, Min-Max & clamp, ch and ex units, Text-decoration and :is : https://www.smashingmagazine.com/2021/02/things-you-can-do-with-css-today/
- Css Course : https://web.dev/learn/css/
- Charts in css : https://chartscss.org/
- Defensive CSS: https://www.ishadeed.com/article/defensive-css/?utm_source=swlinks-tw
- 1 line of code : https://1loc.dev/
- Photo gallery in Vanilla JS : https://photoswipe.com/
- Free UI avatar for React: https://avvvatars.com/
- https://dev.to/timothyrobards/getting-started-with-bem-4m93
- https://dockyard.com/blog/2019/02/14/introducing-hover-hover
- https://css-tricks.com/styling-links-with-real-underlines/
- https://polypane.app/blog/4-css-layouts-without-using-media-queries/
- https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
- https://www.smashingmagazine.com/2019/04/art-direction-for-the-web-using-css-shapes/
- https://codyhouse.co/blog/post/how-to-clipped-blurred-background-images-in-css
- https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330
- https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/
- https://css-tricks.com/a-complete-guide-to-css-media-queries/
- Grid : https://medium.muz.li/responsive-grid-design-ultimate-guide-7aa41ca7892
- Soundtracks : https://www.lagrandeevasion.fr/
- lo-fi/coding music : https://coderadio.freecodecamp.org/
- 8-bit - Military - Drones - Hip-Hop & Classical : http://radiio.net/
- Bon entendeur : http://bonentendeur.com/
- Poolside 80's radio : https://poolside.fm/
- lo-fi/electro : https://lofi.cafe/