+27 83 634 2702

  • CUSTOM WEBDESIGN and APPLICATION  SOLUTIONS FOR SMALL TO MEDIUM

    ENTERPRISES

  • We specialise in Android and iOS  APP development

Tutorials

HTML Tutorials

HTML tutorials

To really understand web design, you need to learn HTML hand-coding; it’s easier than you think!

Beginners HTML

Your First 10 HTML Tags

CSS Tutorials

Web Site Design CSS Tutorials

We’ve chosen some of what we think are the better CSS tutorials.

3 Column Stretch – 3 column stretchy layout

3 Column CSS

40 CSS Layouts – Each layout is available for download and contains valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility

53 CSS Techniques You Couldn’t Live Without, 53 CSS-based techniques you should always have ready to hand if you develop web-sites

Advanced
CSS Layouts – Step by step tutorial

Advanced CSS Reference – Selectors, Syntax, Browser support

Basic Introduction – Basic introduction to CSS

Breaking Out of the Box – Once you understand CSS, you are going to want to work this SitePoint tutorial and
learn how to breakout of those box models

css/scrollbars/" target="_blank" rel="noopener">Coloring your Scroll
Bars – Results work in IE but not most other major browsers

css%20layouts/index.php" target="_blank" rel="noopener">Column CSS Layouts – Downloadable templates for 1 through 4 column layouts from Code Sucks (gotta love
that name!)

CSS Basics -Web Reference Tutorial on CSS basics

CSS Drop Shadows – Provide drop shadows with CSS

CSS Fixed Menu – Demonstration of fixed menu with scrolling page

CSS Edge – Tips and tutorials by Eric Meyer, author of several CSS books

CSS Mastery – Horizontal centering design, 2 and 3 Column Floats, fixed, elastic and flexible layouts,
columns full length stretch

CSS Menus – Horizontal and vertical menus with CSS

CSS Play

Deals with experimental CSS, includes menus, box layouts and demonstrations. Also
see their Snazzy borders

CSS Positioning – Learn how to position web elements without tables

CSS Reference – By Sitepoint, a searchable up-to-date reference guide for CSS

CSS Structure & Rules – Selectors, rules, pseudo classes & elements

If you need inspiration, look here- CSS Zen Garden

Express
Drop Down Menus – Make your own drop down menu with CSS

Floatorial – Simple tutorials on CSS Floats

Free CSS Templates – W3C standards compliant and valid (XHTML Strict)

Join Classes – Use more than one CSS class at a time

Link Styles – Create CSS link styles (pseudo classes)

Create CSS link styles (pseudo classes)

Many CSS Layouts – Once clean HTML markup, many layouts

Pmob – CSS examples and tutorials

Position is Everything – Explain obtuse bugs in various browsers

Pure CSS Popups – A different approach to Eric Meyer’s Pure CSS Popups below.

css/edge/popups/demo.html" target="_blank" rel="noopener">Pure CSS Popups – Eric Meyer is back to playing with CSS and this times comes up with an CSS Popup
menu without using JS.

Quick Draw McFly – Positioning with CSS tutorial

Quick Links to Layouts – 2, 3 and 4 fluid and static layouts

Rich in Style – CSS2 tutorial

Rounded Corners Using CSS – The basics about rounded corners

Style Forms – Style your web site forms with CSS

Uberlinks – CSS list menu

Working with Data shaping. Making your data relational

Database Tutorials

Dreamweaver Web Site Design Links

Fireworks Design Tutorials

Fireworks Web Site Design Tutorials

Create a Night Scene – Adobe tutorial by Angelo Sabal

Creating Animation with Fireworks – Fireworks provides a series of tools that enable an animated movie to be quickly created. Older tutorial, basics apply

Creating an Icon in Fireworks

Create
Bitmap and Vector Graphics – Free Fireworks video tutorial

Fireworks Tutorials & Downloads

Fireworks Support Center – From Adobe,basic FW tutorials

Fireworks8 Blur / Dodge- Free video tutorial

Fireworks 8 Color Replace – Free video tutorial

Fireworks 8 Custom Brushes- Free video tutorial

Fireworks Effects – Older tutorial but the basics stay the same

Fireworks 8 Image Masks – Free Video tutorial

Fireworks 8 Paint Tutorial- Free Fireworks Video

Fireworks 8 Rubber Stamp – Free Video tutorial

Fireworks 8 Slicing I
Free video, Slicing II Tutorial

Fireworks Tutorials

Fireworks 8 Paint Tutorial – Free Fireworks Video

Fireworks Tutorials

Fireworks
MX Tutorials – MX and MX2004 and Fireworks4 Tutorials

Gradient Fills – Older FW tutorial but basics on gradients stay the same

Image Slicing – From Wise-Women

Playing with Fire – From the author of the book by the same name, some really great techniques!

Plastic Pill Button-From CBT Cafe

PNG Overlay

Select and Lasso Tutorial – Free Fireworks video tutorial

Solar Dream Studios Tutorials – Nice collection of Fireworks tutorials

Vertical Backgrounds – From Lori’s Web Design

Photo-Realistic-Make your digital images more convincing and lifelike

Website Design Graphics Tutorials

Web Site Design Graphics Tutorials

3D Animation – 16 articles on creating 3d Animations

50 Excellent Icon Design Tutorials

50 Illustrator Video Tutorials – Video tutorials into broken down in several categories that include creating objects, effects, and general tips and techniques

Adding Web Graphics – Tips for optimizing images

BoogieJack’s free Graphics

Bryce 3D Tutorials
80 plus tutorials on making various objects

Bryce 3D Demystified
Set of files for download

Bryce 3D Folder Organization

Cheap
Stock Photography

If you’re on a tight budget, but have a little cash to splash, give these affordable
stock photo sites a try

Creating
Animations in Freehand 9

For streamlining Flash Graphics

Create Bitmap and Vector Graphics
Free Fireworks video tutorial

Creating Graphics for the Web
Older tutorials but still good for the basics

DAZ
Makers of 3D software, Download DAZ Studio for free

DAZ Studio Manual
258 page pdf for saving

Favicon maker- Create a favicon from any image

Fireworks Tutorials

graphics: cylinder

Free Textures

General Web Graphics

For those just starting out

gRaphael – Pie Chart Tool
Create Pie Charts and line graphs,
static and interactive charts

How to Create a Professional Logo

Microsoft Acrylic Designer
Graphic designer tutorials

Microsoft Expressions Designer
Description of interactive tools in graphics suite

Microsoft
Expressions Graphics

PD Photos
Royalty free, public domain photos

Persistent Random Banners
The message displayed is determined upon loading and does not change
until a further reloading of the page

124 Free Photoshop Actions
Visual Blast has done the searching for you

Photo Edges

Use masks to create creative image edges

Photoshop -Adding Fireworks to Photo

Photoshop Tutorials
For improving your modeling & design skills

Photoshop – Alienize a person
Transform a person into an alien

Photoshop – Blend If
From Graphics.com, how to use an enormously powerful tool that has been part of layers since the very beginning.

Photo Shop Tutorials (Advanced)
Advanced tutorials, scroll down and beginners tutorials also listed

Photoshop – Design MP3 Player
Uses PS CS2 or CS3

html/modPage.asp?ID=149" target="_blank" rel="noopener">Photoshop
CS2 Essentials

Free video content, membership required for exercise files

PhotoShop Shower
Create a steamy shower scene

PhotoShop Slow Shutter Text

PhotoShop Support
Photoshop tutorials by Jennifer Apple

html" target="_blank" rel="noopener">Photoshop
Tutorials

CS, CS2, photoshop 5 & 7

graphics: flowerPhotoshop
Tips

39 tips from Laura McCanna

Photoshop
Tutorials

Tutorials for Adobe Photoshop 6.0.

Photoshop, Ultimate Collection
Provided by Investintech.com blog

You Suck at Photoshop
Entertaining video series for those of us that do suck at Photoshop

Removing
Backgrounds with Photoshop

Texture Garden
Collection of textures for Photoshop and Fireworks

Total Training
Subscription site with training videos for Adobe programs

Vectorizing a Logo
For Photoshop CS and Adobe Freehand MX

Water Marks
Tutorials for watermarking documents for graphics for security

Watermarking Your Graphics
How to add watermarks to your Fireworks images

Word Press Themes – List of over 900 free Word Press Themes but some links are dead.

Building a site? We’re here to help!

Top