Resources & Links



html Informational Links

html Tutorial (for Beginners)
https://websitesetup.org/html-tutorial-beginners/

html5 Cheat Sheet
https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/

Base Webmaster - HTML5 Structure
http://www.basewebmaster.com/html/html5-page-structure.php

A Detailed html Overview
http://ithare.com/a-detailed-html-overview/

HTML5 Text
http://html5test.com/

HTML5 & CSS Web Design - Browser Support Revealed
http://fmbip.com/litmus/

Wired - HTML Cheatsheet
https://www.wired.com/2010/02/html_cheatsheet/

HTML Goodies - Getting Started in Web Development, HTML, CSS and more ...
http://www.htmlgoodies.com/

HTML SOURCE: html Tutorials
http://www.yourhtmlsource.com/fullindex/

World Wide Web Consortium
http://www.w3.org/

W3Schools HTML Introduction
http://www.w3schools.com/html/html_intro.asp

Tizag Tutorials - Good information on both html and css
http://www.tizag.com/

InLook html Information
http://www.inloox.com/project-management-glossary/html-software-and-resources/



Cascading Style Sheets (CSS)

W3 Schools CSS Tutorial
http://www.w3schools.com/css/default.asp

Dreamweaver Development Center
http://www.adobe.com/devnet/dreamweaver/index.html

Learn to Work with CSS
http://www.adobe.com/devnet/dreamweaver/css.html

Learning CSS
http://www.html.net/tutorials/css/

http://www.htmlhelp.com/reference/css/

http://www.w3schools.com/css/css_examples.asp

Project Seven - Dreamweaver Tutorials
http://www.projectseven.com/tutorials/index.htm

Nifty Corners
http://www.html.it/articoli/niftycube/index.html

Text Styles - Over Effects
http://tympanus.net/Development/TextStylesHoverEffects/

Responsive List Hover Effect
http://codepen.io/JFarrow/pen/sDxhA

Fixed Nav Hover Effect
http://codepen.io/tdevine33/pen/CnDyv

Custom Scroll Bar in CSS
http://almaer.com/blog/creating-custom-scrollbars-with-css-how-css-isnt-great-for-every-task

Custom Scroll Bar in CSS
http://www.webreference.com/authoring/style/sheets/custom-scrollbar/

css portal
http://www.cssportal.com/

Shapes in CSS
https://css-tricks.com/examples/ShapesOfCSS/

CSS Shape Generator
http://css3generator.com/

CSS3 Generator
http://www.css3generator.in/

CSS
http://www.css3.me/




Color and the Web

Web Design Color Themes
https://www.designbombs.com/design-monochromatic-colur-scheme/

Color Schemes
http://wellstyled.com/tools/

Color for Coders
http://www.sitepoint.com/article/color-for-coders

Mediarama's Color Page Builder
http://www.inquisitor.com/hex.html

html colors
http://www.w3schools.com/html/html_colors.asp

html color table
http://mistupid.com/computers/htmlcolor.htm

html color table
http://www.astrodigital.org/digital/htmlcolors.html

Color and Image Transparency/Opacity
http://www.w3schools.com/css/css_image_transparency.asp
http://www.domedia.org/oveklykken/css-transparency.php

Create Color Themes with Adobe Kuler
https://color.adobe.com/create/color-wheel/



Creating Web Graphics

Photoshop Brushes
http://www.brushking.eu/
http://www.brusheezy.com/

Illustrator Brushes
http://www.designm.ag/resources/adobe-illustrator-brushes/

File Formats
http://www.scantips.com/basics09.html

Optimizing Images for Web
http://inobscuro.com/tutorials/read/35/

Website Tips -Tutorials, Tips & top Resources
http://websitetips.com/graphics/

Create Tiling Background
http://www.bgpatterns.com

Animated GIFs in Photoshop
http://www.webdesign.org/photoshop/miscellaneous/timeline-and-frame-animation-basics-in-photoshop.16883.html

File Formats - GIF, JPG & PING
http://www.yourhtmlsource.com/images/fileformats.html

Method & Craft
http://methodandcraft.com/



Fonts on the Web

html characters, alpha codes
http://www.visibone.com/htmlref/char/ceralpha.htm

html character codes
http://www.lookuptables.com/

html & ASCII Character Codes
http://www.ascii.cl/htmlcodes.htm

Font Squirrel
http://www.fontsquirrel.com/

Google Web Fonts
https://www.google.com/fonts

Adobe Typetkit
https://typekit.com/fonts

Free Fonts
http://www.dafont.com
http://wwww.10001freefonts.com

Font embedding:
http://www.fontsquirrel.com/
http://typekit.com/

UTF-8 Miscellaneous Symbols
http://www.w3schools.com/charsets/ref_utf_symbols.asp

Copy and Paste Characters
http://copypastecharacter.com/



Other Links of Interest

html5 Mobile Checker
https://makeawebsitehub.com/html5-mobile-feature-checker/

Lots of good cheatsheets
https://makeawebsitehub.com/cheat-sheets/

Code Academy - Tutorials
http://www.codecademy.com/

Lynda.com Articles
http://www.lynda.com/articles/

Polaroid Effect
http://designshack.net/articles/css/4-fun-css-image-effects-you-can-copy-and-paste/

dotted backgrounds
http://www.pixelknete.de/dotter/

stripes!
http://www.stripegenerator.com/

Adobe TV
http://tv.adobe.com/product/dreamweaver/

Tutorials
http://tutvid.com/webdesign/dreamweaver/

Creating Forms in Dreamweaver
http://kb2.adobe.com/cps/149/tn_14950.html

Web - Best Practices
http://terrymorris.net/bestpractices/

AIGA Design Archives
http://designarchives.aiga.org/

Site Point: Fresh Thinking for Web Designers and Developers
http://www.sitepoint.com/

Web Accessibility
http://www.w3.org/WAI/

Fraise - Free Text Editor (mac)
http://www.macupdate.com/app/mac/33751/fraise

Notepad++ - Free Text Editor (windows)
http://notepad-plus-plus.org/

Wisconsin Integrated Software (Student Discount)
Wisconsin Integrated Software

Layers Magazine Tutorials

JustGive:
http://www.justgive.org/index.jsp

Content Management System:
CushyCMS

JavaScript Image Array
http://cookbooks.adobe.com/post_Display_a_series_of_images_one_after_another-17784.html

Web Adventure
http://www.webdiner.com/webadv/index.htm

Image Bubbles Effect
http://www.dynamicdrive.com/dynamicindex4/imagebubbles.htm

Simple Image Panner and Zoomer
http://www.dynamicdrive.com/dynamicindex4/imagepanner.htm

10 Steps to the Perfect Portfolio Website
http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/

Facebox
http://www.freemacware.com/facebox-for-facebook

Creating a PostcardViewer Gallery with Photoshop
http://www.simpleviewer.net/postcardviewer/support/photoshop.html

Video Lightbox
http://videolightbox.com/

Portfolio SItes
Portfolio_sites.pdf

JavaScript Galleries

Shadowbox
http://www.shadowbox-js.com/index.html

Lightbox
http://www.lokeshdhakar.com/projects/lightbox2/

Favicons
How To Create A (Favicon.ico) In Photoshop

Adding a Map:
http://maps.google.com/maps?hl=en&tab=wl

Adding a Google Search Engine:
http://www.google.com/cse/

Integrating PayPal

Setup Account
More PayPal Buttons
PayPal for Dummies
Webassist.com - PayPal eCommerce Toolkit
Integrating Payment Buttons
(You do not have to use an ico generator, just save with ico extension)

Freelancing Information:

Websites:

Steps for a Sole Proprietorship in Wisconsin/eHow

Books: