Design repertory — all links you should know to get started as a Web Designer
Those links will help you a lot !!!
2 min readApr 28, 2017
--
As a designer, you always need to use tools for a good work. Those tools I wrote (what I use) behind will help you improve yourself by helping you in many tasks.
INSPIRATION
- https://www.behance.net/
- https://www.awwwards.com/
- http://www.pingtest.net/
- https://hoverstat.es/
- https://www.siteinspire.com/
- https://dribbble.com/
- https://www.kickstarter.com/
- http://www.goodui.org/
- http://www.cssdesignawards.com/
COLORS
- http://www.code-couleur.com/
- https://color.adobe.com/fr/create/color-wheel/
- https://coolors.co/
- http://paletton.com/
- http://www.pictaculous.com/
- http://blog.visme.co/color-combinations/
- https://www.gradient-animator.com/
TYPOGRAPHY
- https://typekit.com/
- https://fonts.google.com/
- http://www.1001freefonts.com/
- https://www.fonts.com/
- http://www.dafont.com/fr/
- https://www.fontsquirrel.com/
- https://stuffandnonsense.co.uk/blog/about/art-directing-the-web
- https://ia.net/writer/
- http://type-scale.com/
- http://explorationsintypography.com/
- http://www.lettercount.com/
LAYOUTS
- https://colorlib.com/wp/free-psd-iphone-mockup-templates/
- http://mockuphone.com/#ios
- http://screensiz.es/phone
- https://zellwk.com/blog/designing-grids/
- http://graphicburger.com/
- http://whatsmybrowsersize.com/
- http://resizemybrowser.com/
- http://mattkersley.com/responsive/
- https://www.sketchappsources.com/search_mockups.html
DEVELOPMENT SOFTWARES
- https://www.sketchapp.com/
- https://balsamiq.com/products/mockups/
- http://brackets.io/
- https://www.sublimetext.com/
- https://atom.io/
HIGH QUALITY PICTURES
LEARN CODE
OPTIMIZER
- http://compress.photos/
- http://www.online-convert.com/
- https://compressor.io/compress
- http://optimizilla.com/
- https://www.base64-image.de/
- https://kraken.io/
- http://www.imageoptimizer.net/Pages/Home.aspx
- http://jpeg-optimizer.com/
- https://tinypng.com/
- http://www.resize-photos.com/
- http://www.zamzar.com/
- http://convertwebpage.com/
VALIDATOR
- https://validator.w3.org/
- https://jigsaw.w3.org/css-validator/
- https://developers.google.com/speed/pagespeed/insights/
- http://www.webdevout.net/browser-support-dom
- https://tools.pingdom.com/
GRIDS
- http://gridulator.com/
- http://zurb.com/playground/responsive-tables
- http://bohemianalps.com/tools/grid/
- https://gridsetapp.com/
ICONS (free)
INFORMATION SOURCES (UX design, UI design and more…)
- https://www.smashingmagazine.com/
- https://webdesignledger.com/20-resources-for-beginner-designers-developers/
- https://www.frankchimero.com/writing/
Thank you for reading.
Follow me on socials right here :)
