Mega resources for Web Designers, Graphics and Bloggers

Hey that such friends, I was looking for a time and I did not see anywhere any post that will compile resources for web designers or graphics, this list can also be used by bloggers to create their first websites, I will also upload some basic plugins that are essential for the SEO in your blog.
(Excuse my English is not my native language, I did not put direct links because I still do not know if it is allowed.)

Introduction to Web Design


Design Courses in the Form of Articles: hackdesign.org/lessons
Learn more about Flat Design: webdesignerdepot.com/2013/12/infographic-flat-design-vs-skeuomorphism/

Typography


Google Fonts: google.com/fonts
FontSquirrel: fontsquirrel.com
List of Best Sources for Designers: creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380
Combinations of Sources: fontpair.co
Learn Typography in 10 minutes: practicaltypography.com/typography-in-ten-minutes.html
Learn More Typography: typogui.de
Inpiration: femmebot.github.io/google-type/


Colors

Flatuicolors: flatuicolors.com
getUiColors: getuicolors.com
Variations of Colors: 0to255.com
Adobe Color CC: color.adobe.com/create/color-wheel/
Paletton: paletton.com
Uigradients: uigradients.com
Introduction to Color Theory for Web Designers: webdesign.tutsplus.com/articles/an-introduction-to-color-theory-for-web-designers--webdesign-1437
MaterialCSS: materializecss.com/color.html
Coolors.co: coolors.co/app
ColorHexa: colorhexa.com


Images

theStocks: thestocks.im
Pexels: pexels.com
Unsplash: unsplash.com
Foodiesfeed: foodiesfeed.com
Imcreator Free: imcreator.com/free
The patter Library: thepatternlibrary.com
Subttle Pattern: toptal.com/designers/subtlepatterns/

Videos


Mazwai: mazwai.com
Pexels video: videos.pexels.com
Videvo: videvo.net/
Clip Canvas - Free Clips: clipcanvas.com/free-footage
Vidsplay: vidsplay.com
Videzzy: videezy.com/
Free HD Footage: free-hd-footage.com

Icons

Entypo: entypo.com
ionicons: ionicons.com
awesome font: fontawesome.com
icon monstr: iconmonstr.com
icon-works: icon-works.com
Twitter Emojis: twemoji.maxcdn.com
Flaticon.com: flaticon.com

UX

Fast Course UX in 31 Days: thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals
UI tricks: goodui.org
More than 100 resources on UI Design: github.com/tipoqueno/awesome-ui

Inspiration

Site Inspire: siteinspire.com
Dribble: dribbble.com
behance: behance.net
One Page Love: onepagelove.com
Admire the web: admiretheweb.com
Flatdsgn: flatdsgn.com
Collection of Design elements: calltoidea.com
More frontEnd developer resources: github.com/dypsilon/frontend-dev-bookmarks
oozled: oozled.com
Awwwards: awwwards.com

HTML

W3School: w3schools.com/html
Mozilla Developer Network: developer.mozilla.org/es/docs/Web/HTML
W3C validator: validator.w3.org
Special characters in HTML: css-tricks.com/snippets/html/glyphs/

CSS

Snippets: tympanus.net/codrops/css_reference/
CSS Selectors that you must memorize: code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
Animations: daneden.github.io/animate.css/

Development

Google Chrome features you are not using: labnol.org/software/chrome-dev-tools-tutorial/28131/
The web design process: newdesigngroup.ca/blog/web-design-process-infographic/
Random User: randomuser.me

Optimizing Our Website

Real Favicon Generator: realfavicongenerator.net
Favicon Generator: favicon-generator.org
Minimize Image: optimizilla.com
compress CSS: minifycss.com/css-compressor/
Compress Javascript: minifyjavascript.com
Preview on multiple devices: responsinator.com
Google Analytics: google.com/analytics/


SEO

WooRank: woorank.com
SEO: webdesign.tutsplus.com/articles/a-web-designers-seo-checklist-including-portable-formats--webdesign-

Templates

Graphberry: graphberry.com/category/free-html-web-templates



Templates

Graphberry: graphberry.com/category/free-html-web-templates