Tutorials
html and css help
- CSS3 and HTML5 tricks, tips and tutorials
- Extra plus for this one: http://css3pie.com/ - with a tag line of progressive internet explorer, this one promises to help you resolve your IE css3 woes
- http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html - combining viewport and media queries
- http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/ - a good basic explanation of @media queries
- http://www.thecssninja.com/css/iphone-orientation-css
- http://hacks.mozilla.org/2009/06/media-queries/
- Safari Guidelines to media queries, for iphone and ipad dimensions
- Dimensions for all media, using media query: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
- http://www.w3.org/TR/css3-mediaqueries/ - W3C word on using media queries
- Tips for creating mobile sites - very clear instructions on using media queries
- Neil Tan's lecture on responsive web design: Responsive Web Design
- A List Apart: Responsive Web Design
- Examples: http://andrew-hoyer.com/experiments/walking/ | http://beta.theexpressiveweb.com/
- Mobile Viewport: https://github.com/shichuan/mobile-html5-boilerplate/wiki/Mobile-Viewport/ca13a1b63bff73769aa179e0effe2cd4bd4e3312
- And when you are done adding all your gradients and transforms, try this site: http://compass-style.org/ an open source css framework for writing clean, compressed code
- Video Tutorials (Flash files and downloadable .pdf's)
- Setting up your site in Dreamweaver CS5+ | .pdf | .swf
- Creating a new .html page in Dreamweaver CS5 | .pdf | .swf
- Linking a web page in Dreamweaver CS5 | .pdf | .swf
- Inserting graphics in Dreamweaver CS5 | .pdf | .swf
- Uploading a page to the school (AICASF) server | .pdf | .swf
- Uploading a page or a site in Dreamweaver CS5 | .pdf | .swf
- Web page tutorials (no interactivity)
- Creating a web site in Dreamweaver (includes uploading using school OLS)
- Uploading using Dreamweaver
- HTML coding
- Typography
- How to link your web pages
- Meta tags
- Dreamweaver and Forms
- Everything you always wanted to know about Frames (and why I hate them)
- Creating Cascading Style Sheets
- About Behaviors in Dreamweaver
- Commands and Dreamweaver
- Creating Templates and Libraries
- DHTML: Rotating Banner
- Uploading Your Site
- How to turn off images in a browser
- Day to Night scripts: jQuery http://nettuts.com/javascript-ajax/jquery-style-switcher/
- Captivate tutorial: AfterEffects Ball action demo by CyStyle
- Installing Word Press on your OLS by Travis Guilley
- So You Want To Create a WordPress Theme
- http://tutorialblog.org/one-page-websites/
- Frequently Asked Questions
- Dreamweaver tips from students
- About HTML
- About XML
- Web Programming
- Adding Interactivity to your Web page
- Terminology
- Web Resources
- Multimedia on the Web
- http://helpdeskgeek.com/how-to/image-text-wrap-css-html/
Photoshop, Design and CSS
- Creating web graphics
- Working with layers tutorial an introduction to Photoshop. This tutorial includes creating rollovers using Adobe's Photoshop and Macromedia's Dreamweaver software.
- ImageReady Animation tutorial
- Blending techniques tutorial
- How To Pour an Image into Another tutorial
- Photoshop Tricks
- Automating Tasks and Batch Processing in Photoshop
Computer information in general
- http://www.toxiclab.org/ Various software tutorials
- http://aistudentforum.com/phpBB/portal.php
- http://www.bluevertigo.com.ar/bluevertigo.htm
- WebMonkey
- Web Standards (articles and news)
- CSS Zen Garden
- Dynamic Drive (dhtml and javascript)
- http://www.tokyoplastic.com/
- Linda's Computer Stop
- Spyware Blaster
Casa Basa ˜ blending art with technology