Useful Resources

Blogs and websites: web design
  • Oneextrapixel – a leading weblog and resource site for designers and web developers
  • Web Design Ledger (WDL) – ‘written by web designers for web designers .. to act as a platform for sharing web design related knowledge and resources.’
  • Web Designer Help
  • WPBeginner – quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site
  • WP Tavern
Frameworks and boilerplates
  • Bootstrap – ‘the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web’
  • Foundation – ‘the most advanced responsive front-end framework in the world’
  • Skeleton – ‘dead simple, responsive boilerplate’.
  • Initializr – Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate (see below)
  • HTML5 Boilerplate – helps you build fast, robust, and adaptable web apps or sites

Icons and Backgrounds

Stock Photos 

Free stock photos

  • Pixabay – probably the best choice for free stock photos
  • PicJumbo – high quality photos for nature, people, technology and more
  • Freeimages – free stock photos – a few good ones
  • rgbstock – free stock photos, some good ones
  • morgueFile – free stock photos
  • Freestockphotos – as it says

Free high quality but more niche

  • Pexels – high quality stock photos, best for land/city scapes but a mixture is on offer
  • Unsplash – high quality photos, again, good for nature, cityscapes, abstract
  • Bypeople – limited but growing range of good quality free photos
  • Gratisography – high quality and often quirky photos offered freely by artist Ryan McQuire

Free Videos

  • Coverr – good quality videos suitable for backgrounds, stong on nature, seascapes and some animations
  • Videvo – free stock video footage
  • Videeezy – more free video footage

 

Premium

Themes and Templates

Useful Coding Resources

  • w3schools – free web development tutorials
  • Media College.com – free educational resources for digital media, including good tutorials and resources on the internet and web design
  • Veign Reference Guides – excellent reference guides on HTML5, CCS3 etc

Text and Web Editors

  • notepad++ – basic HTML or source code editor
  • CoffeeCup – useful free HTML editor with extra features available at low prices
  • Pinegrow – web editor for Bootstrap, Foundation, HTML etc. Small purchase cost.
  • Bootply -Bootstrap editor and builder
  • Brackets – a modern text editor that makes it easy to design in the browser from Adobe.
  • Extract – part of Adobe’s Creative Cloud Assets, lets you extract and reuse CSS information about colors, gradients, fonts, text and more from PSDs, right in the browser without the need for Photoshop

Image and photo editing software

  • paint.net – highly recommended and free image editing software.
  • Photoscape – easy to use but feature packed free photo editing software
  • IrfanView – long established free image and photo viewer/editor
  • Inkscape – free graphics package alternative to Adobe’s Illustrator
  • GIMP – free Photoshop alternative, version 2.8 is said to be a big improvement
  • picresize.com – simple online photo that clients might find useful

SEO Resources

Blogs and websites: SEO

Type Tools

  • Font Squirrel – free fonts and handy webfont generator
  • What the Font – helps identify fonts from images and logos
  • Google Fonts – hundreds of free, open-source fonts optimized for the web

CSS Tools

  • Cssmatic – handy CSS gradient generator, box shadows, border-radius and noise texture
Web Design Magazines with free online articles

Javascript

  • jQuery – the definitive JavaScript library
  • Modernizr – open source JavaScript library

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s