Resources for Web Developers

Resources for Web Developers

Hello! I'm Andrés and I welcome you to a new article on my blog.

When I have the purpose of designing and developing a website. I always have some websites, tools, resources and more ready that can be useful to finish a better job or that can help me finish it in the shortest possible time.

So in this publication I am going to share a list of all these resources that I can get to use, as well as articles that can help you if you are starting.

Fonts

  1. Google Fonts Google fonts is the most popular page to get different types of fonts for free.

  2. Fontsquirrel They also provide us with a large number of fonts for free.

  3. Fontpair Font Combinations.

Colors

  1. Flatuicolors: https://flatuicolors.com.

  2. GetUiColors: https://getuicolors.com.

  3. Color Variations: https://www.0to255.com.

  4. Adobe Color CC: https://color.adobe.com/create/color-wheel/.

Gradients

  1. ColorSpace: https://mycolor.space/.
  2. CSSGradients: https://cssgradient.io/.

Images

  1. Pexels, Pexels is a website to find HD images for free.

  2. Pikwizard.

  3. theStocks.

Vídeos

Often when I want to create an audiovisual project, or video-based content, I usually look for video clips on the websites that I list below. Remember to always try to see the licenses of the clips, as some tend to require attribution, that is, the author wants you to put their name in some way in the credits of your content, while others allow you to download and use it without more in any type of project, whether commercial or non-profit.

  1. Pexels video.
  2. Pikwizad.
  3. Mazwai.

Icons.

  1. Font awesome.
  2. icon monstr.
  3. Twitter Emojis.
  4. Flaticon.com.

SVG.

  1. worldvectorlogo.

HTML.

  1. W3School.

  2. Mozilla Developer Network.

  3. W3C validator.

  4. Special characters in.

CSS.

  1. Snippets.

  2. CSS selectors to memorize: code.tutsplus.

  3. Animations: daneden.

Developing.

  1. Google Chrome features that you are not using.

  2. The web design process.

  3. Random User.

Favicon.

  1. Favicon Generator.
  2. Real Favicon Generator.

Templates

  1. Graphberry.
  2. HTML5up.
  3. HtmlCodex.

And these are some of the resources that I use the most. If you also have yours, feel free to share them, that way I can add them to this list, and other people may also have more resources.

If you like tech, educational and entertaining content, please visit my blog for more content.