kingkool68 - tagged with css http://www.kingkool68.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron kingkool68@gmail.com CSS3 Please! The Cross-Browser CSS3 Rule Generator http://www.kingkool68.com/items/view/4979/css3-please-the-cross-browser-css3-rule-generator

Handy list of CSS3 declarations for all kinds of different browsers.

]]>
Mon, 28 Jun 2010 15:01:00 -0700 http://www.kingkool68.com/items/view/4979/css3-please-the-cross-browser-css3-rule-generator
Typograph – Scale & Rhythm http://www.kingkool68.com/items/view/4972/typograph-scale-amp-rhythm

Tool for generating vertical rhtym. Kind of weird to use.

]]>
Mon, 28 Jun 2010 08:36:00 -0700 http://www.kingkool68.com/items/view/4972/typograph-scale-amp-rhythm
5 Links Of Interestingness http://www.kingkool68.com/items/view/3476/5-links-of-interestingness

http://0to255.com/ – “0to255 cures your color manipulation woes. Simply pick the color that you want to start with and 0to255 gives you a range of colors from black to white using an interval optimized for web design. Then, just click the variation you want to use and the hex code is automatically copied to your clipboard.” My favorite part is that it uses a RESTful API so you can do things like http://0to255.com/0099ff You know I just love things that you can manipulate with a url.

http://cssdesk.com/ – A tool for quickly mocking up snippets of HTML/CSS. I would prefer to just create a new HTML file in Dreamweaver and play with it using Firebug, but this could work too. I found the cursor in the HTML/CSS box to be a little off when hitting return. CSSdesk has a nice interface which is almost like a desktop application. And since you can download it and run it locally, I guess it qualifies as a genuine application.

Please Do Not Change Your Password – Alot of security’s best practices cause more problems than they solve. “At countless conferences and seminars, experts have consistently called for more education and outreach as the answer to user apathy or ignorance. But the research of Herley and others is causing many to realize most of the blame for noncompliance rests not with users, but with the experts themselves — the pros aren’t able to make a strong case for all their recommendations.”

Holistic Web Browsing: Trends Of The Future – “The future of the Web is not at your desk. It’s not necessarily in your pocket, either. It’s everywhere.” How do we design for a Web that was only intended to be used in a single context?

WTF? (Video) – “This clip comes from Hard Ticket to Hawaii, possibly the worst 1980’s movie made (though to be fair, it’s tagline of Bombs, Babes, and Beaches is quite… radical).” At first I thought the acting was WTF, then I saw the ending.

“How many SEO copywriters does it take to change a lightbulb, light bulb, light, bulb, lamp, bulbs, flowers, flour…?” — Chris Rowe 5 Links Of Interestingness by Russell Heimlich

]]>
Mon, 12 Apr 2010 19:04:00 -0700 http://www.kingkool68.com/items/view/3476/5-links-of-interestingness
Radial Gradients http://www.kingkool68.com/items/view/3368/radial-gradients

Generate CSS3 code for different browsers from one standard tool.

]]>
Mon, 05 Apr 2010 12:26:00 -0700 http://www.kingkool68.com/items/view/3368/radial-gradients
Sliding Labels Version 1.1 http://www.kingkool68.com/items/view/2981/sliding-labels-version-11

Sliding label technique for spiffy forms.

]]>
Wed, 03 Mar 2010 14:42:00 -0800 http://www.kingkool68.com/items/view/2981/sliding-labels-version-11
Put Your Print Stylesheet At The Bottom http://www.kingkool68.com/items/view/2969/put-your-print-stylesheet-at-the-bottom

I woke up this morning with a profound realization. “Why not put print stylesheets at the bottom of the page so they load last?”, I thought to myself. It makes perfect sense to any performance-conscious web developer who savors every last millisecond of performance gained. Your print styles aren’t needed until you print the page, so it is okay if it takes a little while longer to download.  Unfortunately the quirkiness of the browser makers trumps our otherwise sound logic. According to tests done by Steve Souders, web performance guru extraordinaire, Internet Explorer blocks the rendering of content until all of the stylesheets have been downloaded regardless of their media type. And since Internet Explorer is the dominant browser by visitors to most mainstream sites, there is absolutely no benefit to including the print stylesheet at the bottom of the page. A possible workaround would be to dynamically insert the print stylesheet (using JavaScript) into the web page after it has finished loading. This just feels icky to me as the poor sap who is most likely to print out the webpage I so meticulously coded is also the poor sap using Internet Explorer 5.5 with JavaScript turned off and BonziBUDDY turned on.

a

]]>
Mon, 01 Mar 2010 19:25:00 -0800 http://www.kingkool68.com/items/view/2969/put-your-print-stylesheet-at-the-bottom
15 Fantastic Finds on the Google Code Repository http://www.kingkool68.com/items/view/2713/15-fantastic-finds-on-the-google-code-repository

Lots of interesting Google Code projects related to web design.

]]>
Thu, 11 Feb 2010 20:38:00 -0800 http://www.kingkool68.com/items/view/2713/15-fantastic-finds-on-the-google-code-repository
CSS performance: UI with fewer images / Stoyan's phpied.com http://www.kingkool68.com/items/view/2298/css-performance-ui-with-fewer-images-stoyans-phpiedcom

Cross browser CSS3 techniques including, gradients, rotating images, RGBA,

]]>
Sat, 16 Jan 2010 12:57:00 -0800 http://www.kingkool68.com/items/view/2298/css-performance-ui-with-fewer-images-stoyans-phpiedcom
CSScharts - bar charts created with pure CSS http://www.kingkool68.com/items/view/2270/csscharts-bar-charts-created-with-pure-css

PHP script that automates creating HTML/CSS bar charts out of UL or OL elements.

]]>
Fri, 15 Jan 2010 04:42:00 -0800 http://www.kingkool68.com/items/view/2270/csscharts-bar-charts-created-with-pure-css
Sexy Music Album Overlays | Komodo Media http://www.kingkool68.com/items/view/2252/sexy-music-album-overlays-komodo-media

Neat use of transparent pngs and last.fm album covers.

]]>
Wed, 13 Jan 2010 08:17:00 -0800 http://www.kingkool68.com/items/view/2252/sexy-music-album-overlays-komodo-media
Best of CSS Design 2009 http://www.kingkool68.com/items/view/1918/best-of-css-design-2009

Web design trends of 2009 - "I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. However, the large background is no longer as hot as in 2008, instead, texturized background is popular in 2009."

]]>
Mon, 14 Dec 2009 10:23:00 -0800 http://www.kingkool68.com/items/view/1918/best-of-css-design-2009
35 CSS-based Layouts that Look Awesome - Nettuts+ http://www.kingkool68.com/items/view/1919/35-css-based-layouts-that-look-awesome-nettuts

Interesting ideas for web design.

]]>
Mon, 14 Dec 2009 10:22:00 -0800 http://www.kingkool68.com/items/view/1919/35-css-based-layouts-that-look-awesome-nettuts
10 Tutorials to Take Your WordPress Development Skills to the Next Level http://www.kingkool68.com/items/view/1880/10-tutorials-to-take-your-wordpress-development-skills-to-the-next-level ]]> Wed, 09 Dec 2009 19:09:00 -0800 http://www.kingkool68.com/items/view/1880/10-tutorials-to-take-your-wordpress-development-skills-to-the-next-level A mash of work from Australian designer, Rob Morris | Digitalmash http://www.kingkool68.com/items/view/1714/a-mash-of-work-from-australian-designer-rob-morris-digitalmash

Websie design inspiration. Hire a hero.

]]>
Sun, 29 Nov 2009 19:33:00 -0800 http://www.kingkool68.com/items/view/1714/a-mash-of-work-from-australian-designer-rob-morris-digitalmash
WordPress › Custom Class Selector « WordPress Plugins http://www.kingkool68.com/items/view/1712/wordpress-custom-class-selector-wordpress-plugins

Add a custom CSS class drop down to the visual editor.

]]>
Sun, 29 Nov 2009 15:04:00 -0800 http://www.kingkool68.com/items/view/1712/wordpress-custom-class-selector-wordpress-plugins
Styling Blog Comments: Correct Markup and Free Examples - Templatica http://www.kingkool68.com/items/view/1172/styling-blog-comments-correct-markup-and-free-examples-templatica

Ideal markup for blog comments and some fancy designs to go with it.

]]>
Fri, 09 Oct 2009 20:49:00 -0700 http://www.kingkool68.com/items/view/1172/styling-blog-comments-correct-markup-and-free-examples-templatica
SEO 2.0 | Top 7 Ways To Crash Internet Explorer http://www.kingkool68.com/items/view/1071/seo-20-top-7-ways-to-crash-internet-explorer

Simple lines of code to crash IE6.

]]>
Fri, 02 Oct 2009 07:20:00 -0700 http://www.kingkool68.com/items/view/1071/seo-20-top-7-ways-to-crash-internet-explorer
Guide to CSS Font Stacks: Techniques and Resources « Smashing Magazine http://www.kingkool68.com/items/view/1023/guide-to-css-font-stacks-techniques-and-resources-smashing-magazine

Set of ideal font stacks for better web typography

]]>
Sat, 26 Sep 2009 12:24:00 -0700 http://www.kingkool68.com/items/view/1023/guide-to-css-font-stacks-techniques-and-resources-smashing-magazine
Modernizr http://www.kingkool68.com/items/view/884/modernizr

A JS script that adds classes indicating support for advanced features. Then you can have CSS fallbacks based on what browser a person is using.

]]>
Mon, 07 Sep 2009 06:33:00 -0700 http://www.kingkool68.com/items/view/884/modernizr
Bulletproof @font-face syntax « Paul Irish http://www.kingkool68.com/items/view/881/bulletproof-font-face-syntax-paul-irish

The best way to construct a @font-face property.

]]>
Sun, 06 Sep 2009 07:23:00 -0700 http://www.kingkool68.com/items/view/881/bulletproof-font-face-syntax-paul-irish