Tutorial Dog is a tutorial web site that seeks to help people learn Adobe Photoshop, CSS, Javascript, HTML and OS X Tips (and have fun). Tutorial Dog tries to provide the most insightful tips and coolest techniques to advance your knowledge of the subject covered. Having said that, we try to always include a psd (Photoshop Document File) with every Photoshop Tutorial so that you can go hands on with results we show. We also like to give away cool resources such as OS X icons and handy templates for free.

Tutorial Dog

Quotes are used to emphasize excerpts of text. Since users almost never read but scan we need to provide them with some focus anchors to fix their attention to the most important parts of our articles. Furthermore, quotes are always used for testimonials and sometimes for blog comments. They can be styled using graphics, CSS and a little bit of JavaScript. Sometimes, creative dynamic solutions can be applied as well.

Block Quotes and Pull Quotes: Examples and Good Practices from Smashing Magazine

Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.

Tripoli from DevKick

My latest redesign project at work was for Group Logic. Another company did the design and created static HTML templates. My role was to create a single header and footer to make maintaining the site easier, and to wrap the store and other dynamic applications in the new design. The company who designed it used images for the form buttons, and I found some interesting things while implementing them.

Input vs. Button by Trevor Davis

Sick of adding class names to table cells? Kotatsu to the rescue!

I personally use TextMate (Mac only) for its "HTML bundles", "multipurpose-ness" and its sexiness; it's totally worth the cash money.

In the list below we present an overview of 35 established or rather unknown — but useful source code-editors; you’ll probably find “usual suspects” — your favourite editor or the editor you’ve once been working with. But you’ll also find some rather unknown alternatives which are definitely worth considering when choosing an optimal source code editor.

35 Useful Source Code Editors Reviewed from Smashing Magazine

There's nothing like building an entire site to show you a good overview of how a CSS layout should work. Over at PSDTUTS we've got a tutorial where you design up a sleek, high end web design. In this tutorial we're going to take that PSD file and build it with some nice clean HTML and CSS.

Build a Sleek Portfolio Site from Scratch from Nettuts

It's therefore rather amusing to recognize that after 14 years of such editors - FrontPage, PageMill, GoLive, Dreamweaver, and many others, with few surviving the hecatomb - hand coding still rises to the top as the preferred method of building pages.

Hand Coding HTML Is Still in Vogue from TidBITS

Ready for HTML5, XHTML 2.0 and CSS3? :)

What would HTML be without CSS? And what is an index of all HTML elements without an index of all CSS properties? To fix the latter I indeed proudly present a continuously updated index of all properties specified in CSS 1, CSS 2, CSS 2.1, and even CSS 3, including all initial values as well.

HTML Properties Index and CSS Properties Index from Jens Meiert

Forms can be dreadfully tricky to style and structure properly. Several articles that are out there focus on best practises for building forms using HTML en CSS. This article focusses in a non technical fashion on the use of meaningful nomenclature and how form semantics relate to elements that current markup standards have to offer. It may help you recognise structural patterns and to compose forms properly.

Form Follows Function and Achieving Thereof from Cornelis

Up-to-date HTML references are hard to come by these days and one great HTML reference that I use from time to time is W3Schools.com. Sitepoint just released a brand new HTML reference that has a search function and more relevant categories such as Microformats, Deprecated Elements and Proprietary Elements. It also shows the compatibility of each element with major browsers.

Sitepoint HTML Reference