kingkool68 - tagged with webdesign http://www.kingkool68.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron kingkool68@gmail.com HTML5 video and audio tags in all major browsers http://www.kingkool68.com/items/view/25044/html5-video-and-audio-tags-in-all-major-browsers

A small JavaScript shiv for making HTML5 <video> and <audio> elements to work in most browsers with appropriate fallbacks.

]]> Tue, 09 Aug 2011 06:00:00 -0700 http://www.kingkool68.com/items/view/25044/html5-video-and-audio-tags-in-all-major-browsers Apple OS X Lion Buttons in CSS | Improve your UI | Pixify http://www.kingkool68.com/items/view/24482/apple-os-x-lion-buttons-in-css-improve-your-ui-pixify

Examples of Lion styled icons done with CSS.

]]> Thu, 21 Jul 2011 11:28:00 -0700 http://www.kingkool68.com/items/view/24482/apple-os-x-lion-buttons-in-css-improve-your-ui-pixify HTML5Pattern http://www.kingkool68.com/items/view/23977/html5pattern

Various input field patterns to validate against.

]]> Wed, 06 Jul 2011 10:13:00 -0700 http://www.kingkool68.com/items/view/23977/html5pattern The Photoshop Etiquette Manifesto for Web Designers http://www.kingkool68.com/items/view/21032/the-photoshop-etiquette-manifesto-for-web-designers

Best practices for designing a website layout and handing it off to a developer. Little things can go a long way.

]]> Thu, 28 Apr 2011 11:05:00 -0700 http://www.kingkool68.com/items/view/21032/the-photoshop-etiquette-manifesto-for-web-designers HTML5 Reset :: A simple set of templates for any project http://www.kingkool68.com/items/view/20508/html5-reset-a-simple-set-of-templates-for-any-project

Handy snippits of HTML5 goodness

]]> Tue, 19 Apr 2011 13:24:00 -0700 http://www.kingkool68.com/items/view/20508/html5-reset-a-simple-set-of-templates-for-any-project Critical Zero http://www.kingkool68.com/items/view/20484/critical-zero

Interesting design. I like the slanted rule at the top of the page, contrasting colors, and the way they do tags and lists.

]]> Sun, 17 Apr 2011 19:10:00 -0700 http://www.kingkool68.com/items/view/20484/critical-zero The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival http://www.kingkool68.com/items/view/20052/the-cicada-principle-and-why-it-matters-to-web-designers-html-amp-css-layout-design-festival

Using prime numbers to generate seamless tiled backgrounds

]]> Thu, 07 Apr 2011 08:55:00 -0700 http://www.kingkool68.com/items/view/20052/the-cicada-principle-and-why-it-matters-to-web-designers-html-amp-css-layout-design-festival How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds | Psdtuts+ http://www.kingkool68.com/items/view/19824/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds-psdtuts ]]> Sat, 02 Apr 2011 08:24:00 -0700 http://www.kingkool68.com/items/view/19824/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds-psdtuts About the Center - Pew Research Center for the People & the Press (20110328) http://www.kingkool68.com/items/view/19614/about-the-center-pew-research-center-for-the-people-amp-the-press-20110328

The About page from the old people-press.org site right before we launched a redesign. You can see the new version at people-press.org/about/

]]> Wed, 30 Mar 2011 05:01:00 -0700 http://www.kingkool68.com/items/view/19614/about-the-center-pew-research-center-for-the-people-amp-the-press-20110328 Support Details | Tech Support Management http://www.kingkool68.com/items/view/19032/support-details-tech-support-management

See the details of a users browser set-up including browser version, OS, screen resolution, etc.

]]> Tue, 22 Mar 2011 07:31:00 -0700 http://www.kingkool68.com/items/view/19032/support-details-tech-support-management 10 Completely Free Wireframing and Mockup Tools-Speckyboy Design Magazine | Speckyboy Design Magazine http://www.kingkool68.com/items/view/18268/10-completely-free-wireframing-and-mockup-tools-speckyboy-design-magazine-speckyboy-design-magazine

List of apps for completely free wire framing and design mockups.

]]> Wed, 09 Mar 2011 06:32:00 -0800 http://www.kingkool68.com/items/view/18268/10-completely-free-wireframing-and-mockup-tools-speckyboy-design-magazine-speckyboy-design-magazine 24 ways: Calculating Color Contrast http://www.kingkool68.com/items/view/17228/24-ways-calculating-color-contrast

Equations for calculating the contrast of two colors.

]]> Thu, 24 Feb 2011 09:59:00 -0800 http://www.kingkool68.com/items/view/17228/24-ways-calculating-color-contrast The New Bulletproof @Font-Face Syntax | Fontspring http://www.kingkool68.com/items/view/16127/the-new-bulletproof-font-face-syntax-fontspring

The Fontspring font stack hack for displaying custom fonts on websites in a cross-browser compatible way.

]]> Fri, 04 Feb 2011 07:19:00 -0800 http://www.kingkool68.com/items/view/16127/the-new-bulletproof-font-face-syntax-fontspring Booklet - jQuery Plugin http://www.kingkool68.com/items/view/15084/booklet-jquery-plugin

jQuery plugin for constructing a flip book transition. This would be cool for a front end for a WordPress powered online book that could be saved as an ePub.

]]> Thu, 20 Jan 2011 11:17:00 -0800 http://www.kingkool68.com/items/view/15084/booklet-jquery-plugin 24 ways: A Contentmas Epiphany http://www.kingkool68.com/items/view/13683/24-ways-a-contentmas-epiphany

Content strategy to get your sites content in order.

]]> Mon, 27 Dec 2010 08:18:00 -0800 http://www.kingkool68.com/items/view/13683/24-ways-a-contentmas-epiphany Frame Box - Lightweight online tool for creating mockups http://www.kingkool68.com/items/view/13012/frame-box-lightweight-online-tool-for-creating-mockups

Online wireframng and planning tool. Kind of like Omnigraffle but for free.

]]> Mon, 13 Dec 2010 14:15:00 -0800 http://www.kingkool68.com/items/view/13012/frame-box-lightweight-online-tool-for-creating-mockups SonSpring | Formalize CSS http://www.kingkool68.com/items/view/9896/sonspring-formalize-css

Framework for displaying forms consistently across browsers and platforms.

]]> Tue, 19 Oct 2010 07:31:00 -0700 http://www.kingkool68.com/items/view/9896/sonspring-formalize-css Ultimate CSS Gradient Generator - ColorZilla.com http://www.kingkool68.com/items/view/9851/ultimate-css-gradient-generator-colorzillacom

Easy way to generate cross-browser CSS3 gradients.

]]> Mon, 18 Oct 2010 06:58:00 -0700 http://www.kingkool68.com/items/view/9851/ultimate-css-gradient-generator-colorzillacom WebAIM: "Skip Navigation" Links http://www.kingkool68.com/items/view/8642/webaim-quotskip-navigationquot-links ]]> Sun, 26 Sep 2010 17:45:00 -0700 http://www.kingkool68.com/items/view/8642/webaim-quotskip-navigationquot-links The 5-Minute CSS Mobile Makeover • Perishable Press http://www.kingkool68.com/items/view/8340/the-5-minute-css-mobile-makeover-perishable-press

A quick guide for a bare bones, handheld stylesheet. Works well on Blackberry browsers.

]]> Fri, 10 Sep 2010 06:50:00 -0700 http://www.kingkool68.com/items/view/8340/the-5-minute-css-mobile-makeover-perishable-press