Site File Structure. Like the inner workings of a fine watch, the internal details of your site are craftwork that only other technologists will see, but your users will benefit from careful planning and thought. Discussions about site and page structure usually center around the most visible aspects of navigation, user interface, and content organization, but attention to the file and directory structure and how you name things within your site can produce big payoffs in: The hidden semantics of sites The goal of semantic organization of your site is to produce a consistent, logical system of classifications for html and other files, directories, css components, and the various logical and visible divisions within your page templates.
A consistent, modular approach to site construction can be scaled from small sites containing a dozen pages all the way up to content-managed sites consisting of tens of thousands of pages. Naming conventions Naming pages, directories, and supporting files Include files 1. 2. HTML Editor, Website & Web Design Software. Overview: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework. Web Style Guide. Liberty - Business HTML Template. Description Liberty is clean, minimal and jquery enhanced html template. This template can be used for business and portfolio websites. Features 8 Color Schemes PHP AJAX Contact Form PHP AJAX Email Subscription Form Full Width Slideshow 12 HTML Files Includes Many Styled Elements: pullquotes, blockquotes, tabs, toggles, table, lightbox, etc Jcarousel jQuery Plugin Quicksand Powered Portfolio jQuery Enhancements Cross Browser Support Commented Javascript and CSS Straightforward Documentation Support and Updates Updates Version 1.2 Fixed twitter feed probem, please refer to changes-log.txtversion 1.1.3 Updated contact and subscription scripts.
HTML5 Canvas Cheat Sheet. There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better. The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla's examples). So, it's basically just a listing of the attributes and methods of the canvas element and the 2d drawing context.
Choose between a 2 page PDF document or a PNG file. Corrections and comments are welcome! Lightview.