Frontend-web-resources

Helpful links so you dont have to search for everything .

content

• Frontend-web-resources
• content
  • Chrome extensions
  • Colors
  • Design inspirations
  • Fonts
  • Logos
  • Icons
  • Images
    • pictures
    • backgrounds
    • Image editors
    • Textures
    • Illustrations & Vectors
    • Animated svgs
  • SEO
  • Text editors
  • Jobs
  • Other

Chrome extensions

• JSON Formatter : makes your JSON easy to read .
• WhatFont : identify fonts used on a web page .
• Window resizer : resize your browser window easily to test various aspect ratios and responsivness of a website .
• Full Page Screen Capture : helps screenshot all the web page and turns it into png or pdf.
• Visbug : interact with your page directly from the browser .
• Wappalyzer : identify web technologies .

Colors

• Use & Modify
• FlatUI
• Adobe Colors
• htmlcolorcodes.com
• piggment
• UiGradient
• Leonardo
• color.hailpixel.com
• lolColors
• Material Palette
• Colrosinspo
• mycolor
• happyhues
• colors.lol
• open-color
• colorhunt

Design inspirations

• Dribbble
• Siteinspire
• The best designs
• awwwards
• colorlib
• CSSLayout
• pages.xyz
• Land-book

Fonts

• Google fonts
• Use & Modify
• Font Flipper
• Font Spark
• Programming fonts
• typ.io
• beautifulwebtype
• Work-sans
• manropefont
• fontjoy.com

Logos

• Canva
• Logo Creator
• Logomakr

Icons

• Font Awesome
• css.gg
• Favicon.io
• Icon 8
• Flaticon
• Iconfinder
• Material Icons
• Ionicons
• Material Palette icons
• Feather
• Remix
• Bootstrap
• Boxicons
• simpleicons (brands icons)
• Tabler
• icones
• loading.io

Images

pictures

• Unsplash
• Pexels
• Lifeofpix

backgrounds

• Position dream
• Wallhaven

Image editors

• Pixlr

Textures

• Transparent textures
• Toptal
• pattern-css
• paaaterns
• background-generator
• coolbackgrounds

Illustrations & Vectors

• illustrations.co
• undraw
• PngTree
• Vecteezy
• iradesign
• blobmaker
• wweb.dev (separator generator)
• wweb.dev (animated css background)
• getwaves
• lukaszadam
• blush
• sapiens
• hooraypic
• pixeltrue

Animated svgs

• icon8 animated

SEO

• Pingdom
• Seoptimer
• Google Analytics

Text editors

• Visual Studio Code
• Atom
• Sublime Text

Jobs

• remotive.io
• best remote jobs
• remoteok
• Upwork
• Toptal
• Medium article

Other

• Css grid cheat sheet
• Css Spinning animation
• Excalidraw(Drawing tool)
• facebook mockups
• https://namelix.com/(Brand name generation)
• colorsandfonts (overall tool)
• airbnb lottie animations