Checklists for good HTML and efficient CSS

Efficient CSS

cascading reminder:
http://www.w3.org/TR/CSS21/propidx.html

Efficient CSS - for:
http://css-tricks.com/efficiently-rendering-css/

http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors#comment_3942

Against:
http://clipperhouse.com/blog/post/Please-dont-write-efficient-CSS.aspx

GOOD HTML coding standards
http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png

http://faq.programmerworld.net/web_publishing/a-web-standards-checklist.html

http://www.peachpit.com/articles/article.aspx?p=24011&seqNum=3

Also:
Use widths and heights for images

Video for the web - 2011 updates - HTML 5 video etc

Quicktime Embed
-Nice easy export from the old Quciktime Pro 7 'Export for web' with iphone capable versions and a poster frame, and it makes some code for your site. Seems to work nice out of the box. Makes and m4v file...

Questions:
if iphone dosnt support flash, how come youtube works if that is flash video?? is it actually h.264 on the flash player, whcih iphone plays on quxiktime
http://www.apple.com/pr/library/2007/06/20youtube.html
To achieve higher video quality and longer battery life on mobile devices, YouTube has begun encoding their videos in the advanced H.264 format, and iPhone will be the first mobile device to use the H.264-encoded videos. Over 10,000 videos will be available on June 29, and YouTube will be adding more each week until their full catalog of videos is available in the H.264 format this fall.

ok so its not flv, its h.264... its flv on youtube desktop??

SKINS
A free QT skin that looks like JW player... free for non commercial use.
http://www.zenwebware.com/webware/zenqt-player/

HTML 5 Video!!!
http://en.wikipedia.org/wiki/HTML5_video
it dosnt seem ready

demos
http://www.html5video.org/demos/

!!! Definitive article on HTML5 and video formats for web 2011
http://diveintohtml5.org/video.html

Finally some instructions:

For maximum compatibility, here’s what your video workflow will look like:

1. Make one version that uses WebM (VP8 + Vorbis).

2. Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.

3. Make another version that uses Theora video and Vorbis audio in an Ogg container.

4. Link to all three video files from a single

Miro video encoder for all the latest formats:
http://www.mirovideoconverter.com/


go to the bottom of the above article for the full code to use for these formats, includes video tag and object tag for flash... yay!

Dummy images right size generator

makes those placeholder images
http://dummyimage.com/

rich black and plain back all about

http://www.printernational.org/rich-black-plain-black.php

main points:
careful with photoshop blacks and converting from rgb, which makes a rich black by default.
-careful with matching a seemingly black image with a plain back box ion a page layout program, sample acolour acurately.
-rich black can cause registration problems if type is small or line art, or reversed.
-a printer recomends low value to be safe: 30c, 30m, 0y, 100k.
-dont use rich black fro body copy, mainly for large blocks of black.
table fro here

Overview of black inks

Name	CMYK	Usage or description
Standard black	0C, 0M, 0Y, 100K	Normal black.
Rich black	63C, 52M, 51Y 100K	The 'old' adobe photoshop black.
Cool black	60C, 0M, 0Y, 100K	Black with a bluish tone.
Warm black	0C, 60M, 30C, 100K	Black with a redish tone.
Registration black	100C, 100M, 100Y, 100K	Used for registration marks.
'Designer' black	70C, 50M, 30Y, 100K	A dark slighly cool black.

also go to this page for recommended books about print design.

see also:
http://photoshopninja.com/techniques-print/better-cmyk-black-printing/
http://www.typophile.com/node/17683

TO do -write up a FAQ and make these assets for new web projects

COMPILE / WRITE FAQS AND ASSETS for new web projects, KNOWLEDGEBASE.
or collect online tutorials into an FAQ page instead of making ones from scratch

What size should I make it? 

show 960 x 600 page, and a grid. 

give a template/instrutions for setting up in photoshop and illustrator, in pixels... if they are a designer.

about text and fonts. 

about namehosting, hosting email. 

how to setup your email to come into applemail. (always a problem)

make a form with all your vital passwords etc on it... (with some encryption method thingy and instructions on how to keep it secure and FTP issues)

ftp and so on tutorials

briefing questionairre template

tutorials for mac and PC. 

Ultimate guide to setting up wordpress after an install

http://www.problogdesign.com/wordpress/the-ultimate-guide-to-setting-up-wordpress-after-an-install/

New Indesign / print stuff

GREP - find change queries
http://livedocs.adobe.com/en_US/InDesign/5.0/help.html?content=WS1952D538-1335-4b1d-BA5E-FA5A176FDC9F.html
http://www.kahrel.plus.com/indesign/grep_query_manager.html

CS5
CS5 also is meant to be unstable and slow, dont update just yet, many on forums are preferring CS3 for speed and stability...

To do:
-Find a list or automated script of common type checking like hyphens, double spaces etc etc and things to watch out for in a print doc.
-Read up once and for all about colour profiles and settings and PDF, create presets for the correct settings.
-Read up on print in general and typesetting.