38 private links
This is a behavior htc file for Internet explorer to make CSS property " border-radius " work on all browsers. At present, all major browsers other than IE shows curved corner by adding 4 lines of css.
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
A powerful Photoshop-like CSS gradient editor from ColorZilla
No this is not about using position: fixed by default. Take a look at this page as example, scroll down, and see the top-left. Notice the issue metadata stick on top? As far as I know there is no pure CSS for this task, it uses onscroll to do the job.
How hex geeky do you feel today? Take a sec to guess the hex!
If you design websites you may have heard of interesting tools called CSS pre-processors. A couple of great ones are LESS and SASS. I helped Alexis, the creator of LESS with the design of the language and built the public site.
An HTC file to make CSS3 property box-shadow to work in Internet Explorer
I made quick work of the buttons for those browsers that support border-radius, but that left Opera and IE out of the fun. For them, I developed a different way of rounding the corners, but then I needed a quick way to tell which browsers to give the simple border-radius solution, and which to give the more complex solution.
Enter jQuery. The following tiny script extends the jQuery.support object to include border-radius information.
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don’t yet support them.
Here we go IE float art. In all seriouness though, when half the web becomes broken the example below will hopefully look right.
CodeBurner makes valuable reference material for HTML and CSS available right in your browser.
CodeBurner is a suite of tools for web developers, that provides reference material for HTML and CSS, integrated with a range of popular development environments.
If you use pretty much any browser except IE 6 (more on that later) when you visit this site, you've probably noticed that the dark-grey sidebar scrolls with you just until the banner and menu are off the page, and then locks itself into position or "sticks". When you scroll back to the top, if the menu and/or banner need to be seen again, the sidebar politely resumes its normal scrolling duties. Go ahead, try it now, I'll wait. Fun isn't it? I've had a number of people comment on that, so I thought I would outline how I accomplished it.
The Sticky Footer solution presented here is based upon the information found in the Exploring Footers article from A List Apart as well as expands upon the work of Cameron Adams and this piece at lwis.net.
It is light (1kb), flexible, browser-friendly and easy to use!
Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words.
Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Доклад Наталии Макишвили о том как делается верстка для мобильных телефонов и смартфонов в "Яндексе". Много структурированной, полезной и конкретной информации в одном PDF-файле.
We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.
This technique and the above background image is credited to this site. Here is what this technique is going to accomplish:
Fills entire page with image, no white space; Scales image as needed; Retains image proportions; Image is centered on page; Does not cause scrollbars; Cross-browser compatible; Isn’t some fancy shenanigans like Flash.