Link to more TECH TIPS || INSPIRATION
GENERAL RESOURCES TO BOOKMARK
- CSS Basics
- Validate your css @ jigsaw.w3.org/css-validator/
- HTML 4.01 / XHTML 1.0 Reference
- Google Browser Size Check
TUTORIALS
- Net Tuts + tutorials for everything web.
- HTML Dog tutorials, references, & articles
- SMASHING magazine – an incredible resource for everything web design
- CODROPS – [drops of code]
CSS
- How to center an image within a div In css add this:
img.center { display: block; margin-left: auto; margin-right: auto; }
and then in your html: <img src=”IMAGENAME” class=”center”>
For more info on Centering Things, go to this link. - To set top and left margin at 0, put this in your CSS:
*{ margin: 0; padding: 0;}
- A useful CSS Cheatsheet. [If you don’t like this one, here is a link to more.]
- Read this about 30 CSS selectors you must know
- CSS Typechart
- DIV HELP: Floats Tutorials
- Link to a more detailed CSS page for the basics
MISC
- Full Screen background image
I recommend the first example – where it says, images/bg.jpgthe ‘bg’ is the name of your image. - Favicon generator
code to put on EVERY html page – <link href=”favicon.ico” rel=”SHORTCUT ICON”>
put in <head> above or below <title> – make sure you have the right path - How to tag photos (like facebook, flickr)
- Image Slicing from Photoshop to Dreamweaver – good video tutorial
- something I made after watching the video tutorial
- good article [for CS 3 but should be very similar]
- Frame Animations[also called animated gifs] instructions
- Tell Google about your site: www.google.com/addurl
JAVASCRIPT
- Site for simple javascripts
- check this out for a nice full screen slide show
and here for a random Image script - Understanding javascript – Null Video Tutorials on Net tuts plus
- ** Fancy Box image galleries
- Lightbox image galleries
- Full screen centered background image
- Smooth Horizontal and Vertical Scrolling
ADVANCED & For the Curious
- HTML5 Multimedia: A Review of Audio Codecs and File Formats
- jScroll Pane: Styleable scrollbars with JQuery and CSS
- Creative JS: JavaScript demos, projects, games, and more
BEGINNING INFO
- Set up i5 acct. and download fetch > info here
- Hyper Text Markup Language (HTML) Tutorials. (skip tables & forms)
- w3 school HTML tutorial > begin here
- HTML dog tutorial > begin here
- CSS (Cascading Style Sheets) defines HOW (X)HTML elements are to be displayed.
- w3 schools CSS tutorial > begin here
- HTML dog tutorial > begin here
more added all the time…