GRAPHICS & IMAGES

• GITHUB.COM/HEYALEXEJ/AWESOME-IMAGES:

  Free Images

• BURST.SHOPIFY.COM:

  Free Images

• STOCKSNAP.IO:

  Free Images

• LANDINGSTOCK.COM:

  Free People Images

• KISSPNG.COM:

  PNG images with transparent background

• FLYPIXEL.COM:

  Free Graphics

• AWWWARDS.COM:

  Directory of Background Pattern Designs

• SUBTLEPATTERNS.COM:

  Download Subtle patterns for website

• BENNETTFEELY.COM:

  Create shapes in CSS

• HEROPATTERNS.COM:

  Free SVG colour backgrounds

• SHUTTERSTOCK.COM:

  High Resolution Images for Download

PRODUCTIVITY

• BILLDOGG.COM:

  Make Invoices Easily

• JONYABLONSKI.COM:

  Website Development Checklist

• SUPREMO.TV:

  Learn Typography

• NOISLI.COM:

  Background sounds for working

• TYMPANUS.NET:

  Background sounds for working

• RELAXINGSOUNDS.INFO:

  Background sounds for working

COLOURS

• COOLORS.CO:

  Super fast colour schemes generator

• JXNBLK.COM:

  Select font and background colours

• COLORME.IO:

  Get RGB and other colour codes

• UIGRADIENTS.COM:

  Prebuilt gradient options

• COLORHUNT.CO:

  Find Colours for your Project

• DUOTONE.SHAPEFACTORY.CO:

  MAKE CUSTOM DUOTONE IMAGES

• CHECKMYCOLOURS.COM:

  Test your website colours

• COLOR.ADOBE.COM:

  Huge range of colours with codes

• BOOTFLAT.GITHUB.IO:

  Select colours for Flat Designs

• MATERIALPALETTE.COM:

  Create your colour Palette

• BRANDCOLORS.NET:

  Find real brand colours quickly

• FLATUICOLORPICKER.COM:

  Find colours with colour codes

• PALETTON.COM:

  Find similar range colours fast

• 0TO255.COM:

  View gradient of same colour

• SNAZZYMAPS.COM:

  Color schemes for Google Maps

TEXTURES

• TEXTURES:

  ALL RESOURCES

• WILDTEXTURES.COM:

  Easy to search textures

• STOCKVAULT.NET:

  Free and Paid (check license per file)

• UNSPLASH.COM:

  Free to use

• PEXELS.COM:

  Free to use (unlimited downloads)

• FREESTOCKTEXTURES.COM:

  Free to use (limited downloads per day)

• TEXTURES.COM:

  Paid

• VECTEEZY.COM:

  Paid

• VECTEEZY.COM:

  Paid (limited downloads)

• SUBTLEPATTERNS.COM:

  Free Textures

• WEGRAPHICS.NET:

  Paid

IMAGE TOOLS

• PROMO.COM:

  Resize images

• SQUOOSH.COM:

  Compress images quickly (free app from Google)

• KRAKEN.IO:

  Ultra fast image optimization tool

• WITEBOARD.COM:

  Free drawing and typing board

• PHOTOPEA.COM:

  Free online image editor

• REMOVE.BG:

  Removes background from images

• TINYEYE.COM:

  Extract the colors from 20 million Creative Commons images

• VAUNT.IO:

  Extracts dominant colors from any image! (MAC only)

• JPEG.IO:

  Convert any image to jpeg

• PLACEHOLD.IT:

  Dummy images that can be resized

TOOLS, CONVERTERS, PLUGINS & SOFTWARES

• RESPONSIVE WEB TYPOGRAPHY

  Resizes Text to fit screen

• REFRAME.JS:

  Making videos & images etc. responsive

• MOBILE FRIENDLY WEBSITES

  Jquery toolkit for building mobile friendly websites

• ONLINE WORD COUNTER

  Copy & paste text to count words

• SIZZY.CO:

  Preview multiple screens during app testing

• LAB.MALTEWASSERMANN.COM:

  Responsive design testing tool

• SOCIALSIZES.COM:

  Image and Video sizes for Social Media

• REALLYGOODEMAILS.COM:

  Best collection of emailers with code

• XML-SITEMAPS.COM:

  Make XML SITEMAPS Quickly

• FIGMA.COM:

  Design, prototype, and collaborate all in the browser

• RESPONSIVEEMAILPATTERNS.COM:

  Make responsive newsletters easily

• ONLINEVIDEOCONVERTER.COM:

  convert videos to different formats

• FILES-CONVERSION:

  convert videos to different formats

• TABLEIZER.JOURNALISTOPIA.COM:

  Convert excel sheet table to html

• COMPRESSIFY.HEROKUAPP.COM:

  Compress Video

• SACHINCHOOLUR.GITHUB.IO:

  Lightbox for displaying any gallery format (paid)

• BLOCKKFONT.COM:

  Blocks instead of Lorem Ipsum

• DPI.LV:

  Know your screensize

• TURBO.NET:

  Run any browser instantly online

• AVOCODE.COM:

  Converts design in photoshop or sketch to code

• MOVAVI.COM:

  One of the best video editing softwares

• WORDCLOUDS.COM:

  Create shapes with words

SPEED TEST

• VARVY.COM:

  WEBSITE SPEED TEST

• DAREBOOST.COM:

  TEST, ANALYZE AND OPTIMIZE YOUR WEBSITE

• GTMETRIX.COM:

  QUICK AND EASY-TO-UNDERSTAND RESULTS

• DEVELOPERS.GOOGLE.COM:

  WEBSITE SPEED TEST

• TESTMYSITE.WITHGOOGLE.COM:

  MOBILE WEBSITE SPEED TEST

• TESTMYSITE.THINKWITHGOOGLE.COM:

  TEST MOBILE FRIENDLINESS

• VARVY.COM:

  GZIP COMPRESSION`

TUTORIALS

• DOMAINR.COM:

  Compress and Extract Files in cPanel

• CREATIVEBLOQ.COM:

  Wordpress Tutorials

• AIOCOLLECTIVE:

  Field types in forms and the phone keyboard

CROSS BROWSER TEST

• CATSWHOCODE.COM:

  Cross browser css coding techniques

• BROWSERLING.COM:

  Live interactive cross-browser testing

• CANIUSE.COM:

  Compatibility details for browser support

OTHER LINKS

• VARVY.COM:

  Understanding robots.txt file

• LUIS-ALMEIDA.GITHUB.IO:

  Lazy Load Images

• FONTMAP.IDEO.COM

  Search Google Fonts Differently

• TEXTFIXER.COM:

  Web Hosting Options

• RANDOMREPEAT.COM:

  Random Posts & Articles

• PASSWEIRD.COM:

  Random and weird password generator

• WHATISMYCOMFORTZONE.COM:

  Know your comfort zone

• GOOGLE.COM/ABOUT:

  An interesting page about Google

• THE FIRST WEBSITE EVER MADE


• POINTPOINT.COM:

  Locates your mouse pointer

• FREETEMPLATES.PRO/DOWNLOADS/:

  Free HTML5 Templates

• BXSLIDER.COM:

  Responsive Jquery Image Slider

• SLIPPRY.COM:

  Responsive Jquery Image Slider

• AUDIOGRAPH.XYZ

  Beautiful visual representation of Pilotpriest's album, Trans

CSS

• CSSMATIC.COM

  Make Gradient, Border Radius, Noise, & Box Shadow

• DANEDEN.GITHUB.IO:

  CSS Animations

• JUSTINAGUILAR.COM:

  CSS Animations

• MINIMAMENTE.COM:

  CSS Animations

• BYPEOPLE.COM:

  CSS hover effects

• IMAGEHOVER.IO:

  Image Hover Effects

• IANLUNN.GITHUB.IO/HOVER/:

  CSS Hover Effects

• CSSLOAD.NET:

  CSS Loaders

• TYMPANUS.NET:

  Button Styles

• RAPHAELFABENI.COM:

  CSS Loaders

• CODEPEN.IO:

  Link Hover Effects

• LAYERSTYLES.ORG:

  Photoshop Layer Effects with CSS3

• CSS-TRICKS.COM:

  Various Articles on CSS

• LEAVEROU.GITHUB.IO:

  Animation on hover

FONTS

• FONTPLANET.COM:

  Free Fonts

• URBANFONTS.COM:

  Free Fonts

• FONTSQUIRREL.COM:

  Free Fonts

WORDPRESS

• WPBEGINNER.COM:

  Tutorials and Tips

• 30 BEST WORDPRESS PODCASTS


• WPROUNDTABLE.COM:

  Weekly wordpress show

• NARROWEM.COM:

  BEST WORDPRESS THEMES

• WORDPRESS.ORG:

  Wordpress Website Showcase

• ELEMENTOR.COM:

  Live page builder for Wordpress

• ELEGANTTHEMES.COM:

  DIVI - Drag & Drop page builder

• WORDPRESS.ORG:

  Image Slider with many features

• CLOUD-PRESS.NET:

  Theme Builder

• THEMIFY.ME:

  Highly Customizable Wordpress Theme

• RANDOMREPEAT.COM:

  Random Posts from Wordpress Bloggers

• HOUZEZ.CO:

  Real Estate Wordpress Theme

• UNDSGN.COM:

  Customizable Wordpress Theme (Great for Portfolios)

• LAYERSWP.COM:

  Highly Customizable Wordpress Theme

• GETONEPAGER.COM:

  One Page Builder for Wordpress

WEBSITE BUILDERS

• FROONT.COM:

  Also allows to export work (zip)

• WEBYDO.COM:

  CMS feature with hosting

• WEBFLOW.COM:

  Easy interface with hosting

• DESIGNMODO.COM:

  Builder with Wordpress Plugin

• STACKHIVE.COM:

  Bootstrap with drag and drop

• MRARE.CO:

  HTML5 Website Builder

• MOBIRISE.COM:

  Build mobile friendly websites easily

• DUDAMOBILE.COM:

  Edit code as well

• BOOTSTRAPSTUDIO.IO:

  Bootstrap Website Builder

• BOOTSTRAPSTUDIO.IO:

  Bootstrap Website Builder

• TEMPLATE-HELP.COM:

  Innovative Visual HTML Builder

• PINGENDO.COM:

  Free Bootstrap 4 Builder

• FROALA.COM:

  Bootstrap Building Blocks

• UKIT.COM:

  Theme Based Builder

• CUBENDER.COM:

  Theme Based Builder

• IMCREATOR.COM:

  Theme Based Builder

• US.WEBNODE.COM:

  Theme Based Builder

• SITEBUILDER.COM:

  Theme Based Builder

WIRE FRAMING TOOLS

• FLAIRBUILDER.COM
• MOQUPS.COM
• BALSAMIQ.COM
• HOTGLOO.COM
• UXPIN.COM
• JUSTINMIND.COM
• INVISIONAPP.COM
• MOCKFLOW.COM
• KEYNOTEKUNGFU.COM
• GOMOCKINGBIRD.COM
• PIDOCO.COM
• WIREFRAME.CC
• WIRIFY.COM

WEBSITE FEATURES

• ORGANIC TABS
• GRID BASED TABS
• LIGHT BOX IMAGE & VIDEO PLAYER (requires payment)
• MAKES POPUP MESSAGES LOOK GOOD
• STICKER EFFECT
• DRAG’N’DROP FILE UPLOADS WITH THUMBNAIL PREVIEW

ARTICLE LINKS (more coming soon)

• Best tools to build websites easily
• Website Building Tools
• Bootstrap Tricks
• Places to learn Coding
• Best One Page Website Builders
• Disable Gutenberg and keep classic editor
• Combining Fonts
• SEO Tips & Tricks
• Web Hosting Options
• Web Designer Skills
• About Not Retiring
• Never run out of ideas
• Starting a Design Business
• Design a Profitable Landing Page
• Moving a Wordpress Website
• Wordpress guide for beginners

YOUTUBE CHANNELS FOR WEB DEVELOPERS

• Web Design Tutorials
• Design Tutorials
• Learn Coding
• Design plus Code
• Google Web Designer
• CSS Tricks
• Google Developers
• LevelUpTuts
• The New Boston
• TheDigiCraft
• Mike Locke

YOUTUBE CHANNELS

• Howard Pinsky
• Nathaniel Dodson
• Adobe Photoshop (Official)
• Terry White
• PHLEARN
• Swerve Designs
• PhotoshopSurgeon
• Glyn Dewis
• Spoon Graphics
• The Furtur
• Every Tuesday
• Mike Locke
• Charli Marie
• Matt Borchert
• Flew Designs
• Will Paterson
• Morgan Burks

BEST ONLINE MARKET PLACES FOR DESIGNERS, DEVELOPERS & OTHER PROFESSIONALS

• THEMEFOREST


• CREATIVE MARKET


• ENVATO ELEMENTS:

  A subscription service to download digital assets

• CSSIGNITER.COM:

  Affordable and Professional Wordpress Themes

CHECKLIST

• WPEXPLORER.COM:

  Wordpress Blog Post Checklist

• WPMUDEV.ORG:

  Wordpress Launch Checklist

WORDPRESS BLOGS & OTHER BLOGS

• BLOG BY WORDPRESS

• SITEPOINT.COM

• WPBEGINNER.COM

• WPLIFT.COM

• MANAGEWP.COM

• WPEXPLORER.COM

• KINSTA.COM

• 99DESIGNS.COM

FREE DOWNLOADS / FREE STUFF

• LAPABOOKS.COM:

  Free E-Books to develop design skills

• LEANPUB.COM:

  Learn web visual effects with css3

INSPIRATION

• CALLTOIDEA.COM:

  Large resource for ideas

• HTTPSTER.NET:

  Showcasing websites from around the world

• BEHANCE.NET:

  Discover creative work

DOMAIN NAMES

• DOMAINR.COM:

  Instant domain name search

• NAMEBOY.COM:

  2 words domain name generator

• NAMEMESH.COM:

  Most options search

MOBILE

• APPS.JS:

  Make simple mobile web apps

• LEARNMOBILE.DESIGN:

  A curated list of mobile design resources

• SEARCH.GOOGLE.COM:

  Mobile Friendly Website Test

Note: URLs displayed above are shortened. Please click the link(s) to view the full URL and web page. More links to come.