Useful info

Chapter 1

Web authoring tools

Google Web Designer (Cross Platform) - https://www.google.com/webdesigner

Mobirise Website Builder (Win, Mac) - https://mobirise.com  

ToWeb (Cross Platform) - https://www.lauyan.com

KompoZer (Cross Platform) - https://kompozer-web.de/en

OpenElement (Win) - http://www.openelement.com


HTML editors

Coffee Free HTML Editor (Cross Platform) - http://www.coffeecup.com

Komodo Edit (Cross Platform) - http://komodoide.com

PageBreeze (Win) - http://www.pagebreeze.com

Bluefish (Cross Platform) - http://bluefish.openoffice.nl

Brackets (Cross Platform) - http://brackets.io

BlueGriffon (Cross Platform) - http://bluegriffon.org

PSPad (Win) - http://www.pspad.com

SynWrite (Win) - http://www.uvviewsoft.com


Content Management Systems (CMS)

WordPress (Cross Platform) - https://wordpress.com

Joomla (Cross Platform)

Drupal (Cross Platform)

SilverStripe (Cross Platform)

CushyCMS (Cross Platform) - https://www.cushycms.com

Frog CMS (Cross Platform) - http://www.madebyfrog.com

Concrete (Cross Platform) - https://www.concrete5.org

Radiant CMS (Cross Platform) - http://radiantcms.org

MODx (Cross Platform) - https://modx.com

Contao, previously TYPOlight CMS (Cross Platform) - https://contao.org

ExpressionEngine (Cross Platform) - https://docs.expressionengine.com

Chapter 2

Links to HTML-related sites

Links to HTML-related sites

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:


Online HTML editors

These WYSIWYG (what-you-see-is-what-you-get) tools offer different approaches and types of interfaces and allow you to see both the codes and the output. They mostly support both HTML and CSS:


Code testers

These sites allow you to write codes and see their output in real time:

HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 3

Links to HTML-related sites

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:


Code testers

These sites allow you to write codes and see their output in real time:


HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 4

Links to HTML-related sites

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:

HTML Table generators

These sites provide tools for generating different HTML tables without the need for coding:


Code testers

These sites allow you to write codes and see their output in real time:


HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 5

Links to HTML-related sites

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:


HTML Table generators

These sites provide tools for generating different HTML tables without the need for coding:


Code testers

These sites allow you to write codes and see their output in real time:


HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 6

Image editing

GIMP (Cross Platform): https://www.gimp.org

Seashore (Mac): http://seashore.sourceforge.net 

Paint.NET (Win): http://www.getpaint.net

Pinta (Cross Platform): https://pinta-project.com

Artweaver Free (Win): http://www.artweaver.de


Image viewing and basic editing

Zoner Photo Studio 14 FREE (Win): https://free.zoner.com

FastStone (Win): http://www.faststone.org  

InfanView (Win): http://www.irfanview.com


Image organization

Picasa (Cross Platform): https://picasa.google.co.uk

Irfanview (Win): http://www.irfanview.com


Raw image data editing

Ufraw (Mac, Linux): http://ufraw.sourceforge.net


HDR imaging tools

Photomatix Essential (Win): http://www.hdrsoft.com

Picturenaut (Win, Mac): http://www.hdrlabs.com/picturenaut

Luminance HDR (Cross Platform): http://qtpfsgui.sourceforge.net

FDRTools Basic (Win, Mac): http://www.fdrtools.com/front_e.php  


Image noise removers

Noiseware Community Edition (Win): http://www.imagenomic.com

NDNoise (Win): http://ndnoise.free.fr


Mosaics generators

AndreaMosiac (Cross Platform): https://www.andreaplanet.com

Easy Moza: http://www.easymoza.com

Mosiacally: http://mosaically.com

Pixisnap: http://www.pixisnap.com


Poster printers

PosteRazor (Win, Mac): http://posterazor.sourceforge.net

Easy Poster Printer (Win): http://www.gdsoftware.dk/products.aspx

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:


HTML Table generators

These sites provide tools for generating different HTML tables without the need for coding:


Code testers

These sites allow you to write codes and see their output in real time:


HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 7

2D Animation
Unity (Cross Platform): https://unity3d.com
Synfig (Cross Platform): http://www.synfig.org
Pencil 2D (Cross Platform): http://www.pencil2d.org
Stykz (Cross Platform): http://www.stykz.net
Pivot (Win): http://pivotanimator.net
Tisfat (Win): http://tisfat.net


On-line 2D animator
Ajax Animator: http://antimatter15.com/ajaxanimator
Doink: http://www.doink.com  
Fluxtime: http://www.fluxtime.com  
Toonator: http://toonator.com
Biteable: https://biteable.com
Scratch: https://scratch.mit.edu


GIF animators
GIF Animator (Win): http://www.gif-animator.com
Gifsicle (Cross Platform): https://www.lcdf.org/gifsicle  
GIFFun (Cross Platform): http://www.stone.com/GIFfun  
Photoscape (Win, Mac): http://www.photoscape.org
Easy GIF Animator: http://easy-gif-animator.soft32.com


On-line GIF Animator
GIF creator: http://gifcreator.me
GifPal: http://www.gifpal.com
MakeGif: https://makeagif.com  
GIFMaker: http://gifmaker.me


For 2D Games
Stencyl (Win, Mac): http://www.stencyl.com
Gamesalad (for mobile devices): http://gamesalad.com  
Construct 2 (Cross Platform): https://www.scirra.com


Online game authoring
Gamefroot: http://gamefroot.com  
AgentCubes: https://www.agentcubesonline.com  


Morphing
WinMorph (Win, Mac): http://www.debugmode.com/winmorph  
Xmorph (Win): http://xmorph.sourceforge.net  
Norrkross MorphX (MacOS): http://www.norrkross.com


On-line morphing
Morphthing: http://www.morphthing.com
3Dthis: https://3dthis.com
Face on Face: http://faceonface.net/en/morph
Face Morpher: http://www.facemorpher.com
Moonjee: http://www.moonjee.com

HTML specifications

The following site provides the full specification for HTML as of time of writing: 


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


HTML tutorials

These sites provide tutorials on HTML and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


HTML generators

These sites provide tools for generating different HTML features without the need for coding:


Code testers

These sites allow you to write codes and see their output in real time:


HTML5 support testing

These sites tell you which of the major browsers support specific HTML5 features:

Chapter 8

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS tools

These sites provide various tools for managing CSS codes:


Online code editors

These sites allow you to write codes and see their output in real time:


Offline code editors

http://devzum.com/2015/02/20-best-free-ides-and-editors-for-programmers/

Browser HTML5 and CSS compatibility info

>

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 9

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Color Tools

These sites provide tools for creating color schemes and/or determine the color scheme and contrast used in a Web page:


Color tutorials

These sites provide information on color theory and usage:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 10

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 11

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:

  • EnjoyCSS: http://enjoycss.com (text input, text effect, basic art, background, shadow, border, border radius, transform, transition, etc.)
  • CSSPlant: http://cssplant.com (Border radius, animation, and clip path)
  • CSS3 Maker: http://www.css3maker.com (Border radius, shadow, gradient, box sizing, transition, transform, animation, @font face, and RGBA)
  • Westciv: http://westciv.com (Gradient, shadow, transform, and animation)
  • CSS Playground: http://css3.mikeplate.com (Border radius, shadow, gradient, background, outline, transform, padding, columns)
  • CSS3 Generator: http://www.css3generator.in (border radius, shadow, opacity, RGBA, and transform)
  • Generate CSS: http://www.generatecss.com (Border radius, shadow, gradient, columns, RGBA, transform, transition, button, menu, and layout)
  • AngryTools: http://angrytools.com (Border, border radius, shadow, gradient, background, button, image, filter, transform, transition, etc.) 
  • Web Code Tools: http://webcodetools.com (Border, border radius, gradient, background color and image, outline, filter, layout, columns, display, font, list, transform, transition, animation, etc)
  • Weebly: http://html-generator.weebly.com (Border, border radius, shadow, button, RGBA, transform, animation, etc.)

Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 12

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:

  • CSS Playground: http://css3.mikeplate.com (Border radius, shadow, gradient, background, outline, transform, padding, columns)
  • Generate CSS: http://www.generatecss.com (Border radius, shadow, gradient, columns, RGBA, transform, transition, button, menu, and layout)
  • SkyTools: http://skycsstool.sourceforge.net (For creating CSS rules)
  • CSS Portal: http://www.cssportal.com (Border, border radius, shadow, button, menu, RGBA, layout, sprite, CSS validator, CSS editor, CSS style editor, etc.)
  • Web Code Tools: http://webcodetools.com (Border, border radius, gradient, background color and image, outline, filter, layout, columns, display, font, list, transform, transition, animation, etc)
  • Generateit: http://www.generateit.net (Border, border radius, shadow, menu, layout, ribbon, etc.)

Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 13

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:

  • EnjoyCSS: http://enjoycss.com (text input, text effect, basic art, background, shadow, border, border radius, transform, transition, etc.)
  • CSS3 Maker: http://www.css3maker.com (Border radius, shadow, gradient, box sizing, transition, transform, animation, @font face, and RGBA)
  • CSS Portal: http://www.cssportal.com (Border, border radius, shadow, button, menu, RGBA, layout, sprite, CSS validator, CSS editor, CSS style editor, etc.)
  • Web Code Tools: http://webcodetools.com (Border, border radius, gradient, background color and image, outline, filter, layout, columns, display, font, list, transform, transition, animation, etc)
  • CSStypset: http://csstypeset.com (Text)

Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 14

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and artcicles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:

  • EnjoyCSS: http://enjoycss.com (text input, text effect, basic art, background, shadow, border, border radius, transform, transition, etc.)
  • CSS3 Maker: http://www.css3maker.com (Border radius, shadow, gradient, box sizing, transition, transform, animation, @font face, text effects, and RGBA)
  • Many tools: http://manytools.org (Border, border radius, shadow, text shadow, gradient, conversion to favicon, etc)
  • SkyTools: http://skycsstool.sourceforge.net (For creating CSS rules)
  • CSS Portal: http://www.cssportal.com (Border, border radius, shadow, button, menu, RGBA, layout, sprite, text effects, CSS validator, CSS editor, CSS style editor, etc.)
  • Web Code Tools: http://webcodetools.com (Border, border radius, gradient, background color and image, outline, filter, layout, columns, display, font, list, transform, transition, animation, etc)
  • Weebly: http://html-generator.weebly.com (Border, border radius, shadow, button, text effects, RGBA, transform, animation, etc.)
  • Generateit: http://www.generateit.net (Border, border radius, shadow, text shadow, menu, layout, ribbon, etc.)
  • CSStypset: http://csstypeset.com (Text)

Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 15

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 16

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 17

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 18

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to apply various CSS styles without the need to write any code:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 19

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


CSS code generators

These sites allow you to generate the CSS code for flexbox layouts:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 20

Links to CSS-related sites

Web development documents

The following site provides the full specification for CSS:


Web Accessibility

These sites provide information on what Web accessibility is and how to make a website accessible:


CSS tutorials and examples

These sites provide tutorials on CSS and sometimes also on other Web languages:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


Code testers

These sites allow you to write codes and see their output in real time:


Browser HTML5 and CSS compatibility info

These sites tell you which of the major browsers support specific HTML and CSS features:

Chapter 21

Links to Responsive design-related sites

Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for "responsive":


Responsive design and accessibility

These sites offer information on accessibility and some on responsive design too. You may need to do a search:


Code testers

These sites allow you to write codes and see their output in real time:

Chapter 22

Links to various resources

Web programming languages tutorials and examples

These sites provide tutorials on various Web programming languages:


Extended CSS tutorials

These sites offer information and tutorials on extended CSS and preprocessors:


Database resources

These sites provide resources on databases, both languages and free servers:


Tutorial blogs and articles

These sites provide articles/blogs by experts on various Web design aspects. You may need to do a search for the desired topic:


Local server resources

Below are sites for some free local servers that can be set up locally on your computer to provide a Web development environment:

Chapter 23

Links to Web and graphic design-related sites

Blogs and articles by graphic and Web designers

These sites provide articles/blogs by experts on various Web and graphic design aspects. You may need to do a search for the desired topic:


Grid systems in design

These sites provide information on grid systems and their use in design. You may need to search the sites for, for example, "grid", "golden ratio", etc:

Chapter 24

Links to Web and graphic design-related sites

Blogs and articles by graphic and Web designers

These sites provide articles/blogs by experts on various Web and graphic design aspects. You may need to do a search for the desired topic:


Sitemap generators

These sites provide tools for creating sitemaps:

Chapter 25

Links to mobile Web design-related sites

Blogs and articles by graphic and Web designers

These sites provide articles/blogs by experts on mobile Web design. You may need to do a search for "mobile":

Chapter 26

Links to Web development guidelines and tools

Usability testing

These sites provide information about usability testing:


Web accessibility evaluation

These sites offer online Web accessibility testing:


Information on paper prototyping

These sites provide articles and blogs on paper prototyping. You may have to do a search within the sites:


Free offline flowchart tools

These sites offer free downloadable tools for creating flowcharts:


Free online flowchart tools

These sites offer free online tools for creating flowcharts:

Chapter 27

Links to Web development guidelines and tools

Usability testing

These sites provide information about usability testing:


Web accessibility evaluation

These sites offer online Web accessibility testing:


Information on paper prototyping

These sites provide articles and blogs on paper prototyping. You may have to do a search within the sites:


Free offline flowchart tools

These sites offer free downloadable tools for creating flowcharts:


Free online flowchart tools

These sites offer free online tools for creating flowcharts:

Chapter 28

Links to intellectual property-related sites

Information about intellectual property

These sites provide information on various aspects intellectual property: