I'm hand-coding Web sites now, which means static (and faster loading) pages for the short term. Of course, nothing works the way I expect it to, so I've had to brush up on my HTML and CSS skills. Here are some of the free resources I've been using.
Web Design Tutorials and Resources
- W3 Schools Full Web Building Tutorials - All Free I've used a number of these tutorials, and found them excellent. The best thing about this site (other than the "Free" part) is how comprehensive the sets of tutorials are. This can replace a big, expensive bookshelf of computer books.
- Design Vitality Weblog: This blog is committed to being resourceful, and giving back to the community that made us good at what we do. We cover web design, graphic design and even a little bit of everything in between. Of particular interest is The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources, which lists their four favorite sources for Web templates and tools.
- HTML Dog: HTML and CSS Tutorials. And Stuff. Welcome to HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.
- Dev Shed: Open Source Web Development Tutorials. Bunches of in-depth tutorials on all sorts of topics.
- Added Bytes' cheat sheets on CSS, PHP, MySQL, and lots more.
- Web Builder's Toolkit: tutorials on CSS, HTML, and a little bit of fancier stuff, like CGI and Javascript.
- Experiments in Web Programming from BrainJar.com: BrainJar.com features technical articles, tutorials and examples of programming for the web. It's not intended as a "cut and paste" site but rather a learning resource.
- Web Pages--CSS Tips and Tricks, along with advice on photo galleries and WordPress
- The Perfect Fluid Width Layout from CSS-Tricks. Just a nice sample layout that handles fluid-width columns using CSS. Download it and play with it.
- Mezzoblue, from the creator of CSS Zen Garden. Both sites are inspirations for attractive CSS design.
CSS Layouts: Fixed versus Fluid
- Fixed Layouts vs. Fluid Layouts- What is the Best for you? Not a tutorial as much as advice on choosing layout type.
- Fixed or fluid width? Elastic! A possible middle ground between fixed and fluid CSS designs.
- CSS Layouts: The Fixed. The Fluid. The Elastic from Mike Cherim. Another instructive comparison.
- Fluid vs. Fixed Web Sites: What's Right for You? Yet another comparison.
1 comment:
These are good tutorials. I have some of them in my bookmarks. I can suggest you php tutorial also.
Post a Comment