added 2008 Thu May 15 20:14:15 by zwigby
A Javascript tutorial that explains how to build in the continuous page scrolling that Dzone uses on its front page. Includes source code and working example.
A Javascript tutorial that explains how to build in the continuous page scrolling that Dzone uses on its front page. Includes source code and working example.
added 2008 Thu May 15 19:45:15 by Eric Wendelin
A brilliant way to get the colors from a webpage using MooTools. Add some simple CSS and XHTML and you can create a beautiful color palette for your visitors. Very cool!
A brilliant way to get the colors from a webpage using MooTools. Add some simple CSS and XHTML and you can create a beautiful color palette for your visitors. Very cool!
added 2008 Thu May 15 12:37:44 by dtsn
A selection of CSS tips for building easily manageable CSS files,
A selection of CSS tips for building easily manageable CSS files,
added 2008 Wed May 14 19:01:43 by bloid
One of the things we're thinking about while building stackoverflow.com is how to let users style the questions and answers they're entering on the site. Nothing's decided at this point, but we definitely won't be giving users one of those friendly-but-irritating HTML GUI browser layout controls.
One of the things we're thinking about while building stackoverflow.com is how to let users style the questions and answers they're entering on the site. Nothing's decided at this point, but we definitely won't be giving users one of those friendly-but-irritating HTML GUI browser layout controls.
added 2008 Wed May 14 16:53:21 by mswatcher
Are child selectors slower than more simple brethren? This is a question that Jon Sykes sought out data for after he read the work of Jim Barraud. His conclusion?
Are child selectors slower than more simple brethren? This is a question that Jon Sykes sought out data for after he read the work of Jim Barraud. His conclusion?
added 2008 Wed May 14 13:20:34 by shenanime
jFlow is a widget to make your content slides. One popular alternative that exist out there is coda-slider. jFlow is super lightweight because it is only 1.9kb minified!!!.
jFlow is a widget to make your content slides. One popular alternative that exist out there is coda-slider. jFlow is super lightweight because it is only 1.9kb minified!!!.
added 2008 Tue May 13 21:56:54 by Volume4
t has been a while since I presented some unobtrusive (hopefully useful) JavaScript function. Recently I have been working on a project that demanded content scrolling, so instead of reaching out for some heavy unobtrusive solutions, I decided to write my own function. As I was developing it I kept simplifying it so I came down to what I am presenting today - Easy Scroll v1.0, an accessible, unobtrusive content scroller.
t has been a while since I presented some unobtrusive (hopefully useful) JavaScript function. Recently I have been working on a project that demanded content scrolling, so instead of reaching out for some heavy unobtrusive solutions, I decided to write my own function. As I was developing it I kept simplifying it so I came down to what I am presenting today - Easy Scroll v1.0, an accessible, unobtrusive content scroller.
added 2008 Tue May 13 16:25:10 by davidwalsh
#8: I sometimes think that we’re wasting our time when we code javascript. Javascript can be turned off by the client in 10 seconds and all of our javascript work becomes useless.
#8: I sometimes think that we’re wasting our time when we code javascript. Javascript can be turned off by the client in 10 seconds and all of our javascript work becomes useless.
Sponsors
More tags
Apple Programming Security unix-linux ajax how-to javascript php java tools .net trends frameworks books research gui web design ruby open source reviews web 2.0 other languages python humor announcement News mobile Microsoft Windows usability database standards c-and-cpp server web services games flash xml opinion methodology
added 2008 Tue May 13 13:33:41 by Stefan Koopmanschap
This is the second part in the Understanding CSS positioning series, which will focus on float and more advanced display properties. Float is one of the most often used CSS property in current day stylesheets, and this article will show that there are quite some more display properties than just block and inline. We’ve already covered those properties in part 1, so if you haven’t read it yet, start there first!
This is the second part in the Understanding CSS positioning series, which will focus on float and more advanced display properties. Float is one of the most often used CSS property in current day stylesheets, and this article will show that there are quite some more display properties than just block and inline. We’ve already covered those properties in part 1, so if you haven’t read it yet, start there first!
added 2008 Tue May 13 11:50:36 by dacoder
Google has published that using CSS Sprites and Unobtrusive Javascript is great for accessibility while also making sure your website gets indexed and crawled. With Google posting this type of article it makes it easier for us developers to show our managers and execs why its important to use these methods because we all know they will do whatever Google says.
Google has published that using CSS Sprites and Unobtrusive Javascript is great for accessibility while also making sure your website gets indexed and crawled. With Google posting this type of article it makes it easier for us developers to show our managers and execs why its important to use these methods because we all know they will do whatever Google says.
added 2008 Mon May 12 17:43:55 by dtsn
A look into CSS Expression to control CSS properties through javascript.
A look into CSS Expression to control CSS properties through javascript.
added 2008 Mon May 12 16:18:08 by Volume4
In this article I want to point out the reasons why progressive enhancement is a very clever way of developing software and give you some tips and tricks how to develop when it comes to applying it. I am a strong believer in progressive enhancement and had my fair share of criticism for it as a lot of people neither consider it a need nor an easy technique to apply — it is often seen as a unnecessary overhead rather than a safety precaution.
In this article I want to point out the reasons why progressive enhancement is a very clever way of developing software and give you some tips and tricks how to develop when it comes to applying it. I am a strong believer in progressive enhancement and had my fair share of criticism for it as a lot of people neither consider it a need nor an easy technique to apply — it is often seen as a unnecessary overhead rather than a safety precaution.
added 2008 Mon May 12 12:58:06 by mswatcher
This article will show you how to create fancy buttons using CSS sliding doors technique. It is much better to use this technique than to use image buttons because you can apply the style to any link and at the same time you don't have to create an image for each button. I posted this one on Morning Break weblog but due to its popularity I decided to publish it here.
This article will show you how to create fancy buttons using CSS sliding doors technique. It is much better to use this technique than to use image buttons because you can apply the style to any link and at the same time you don't have to create an image for each button. I posted this one on Morning Break weblog but due to its popularity I decided to publish it here.
added 2008 Mon May 12 12:05:19 by kimvogy
In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques that is recently created.
In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques that is recently created.
added 2008 Mon May 12 11:59:57 by cssglobe
Simple jQuery powered script that enables you to easy create custom tooltips and image "fly-out" previews.
Simple jQuery powered script that enables you to easy create custom tooltips and image "fly-out" previews.
added 2008 Mon May 12 11:59:17 by Volume4
Here's a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements.
Here's a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements.
added 2008 Mon May 12 9:03:15 by Volume4
I thought of writing a series of tutorials for various link techniques. When I start writing I realized that they are pretty simple (yet effective :) ) and it might be better to have them summarized. Links (A tags) are one of the most important elements on your document. There wouldn't be any navigation without it, would it :)? The main feature that made following techniques possible is cross browser :hover pseudo class support. Each of these techniques is pure css, no ugly hacks, no JavaScript.
I thought of writing a series of tutorials for various link techniques. When I start writing I realized that they are pretty simple (yet effective :) ) and it might be better to have them summarized. Links (A tags) are one of the most important elements on your document. There wouldn't be any navigation without it, would it :)? The main feature that made following techniques possible is cross browser :hover pseudo class support. Each of these techniques is pure css, no ugly hacks, no JavaScript.
added 2008 Mon May 12 8:21:45 by Volume4
Css Globe is starting a series of lightweight articles named "CSS do's and don'ts". This series is aimed at pointing out some of the bad habits when it comes to css and web standards in general. We'll try to provide answers to some of the most common css questions.
Css Globe is starting a series of lightweight articles named "CSS do's and don'ts". This series is aimed at pointing out some of the bad habits when it comes to css and web standards in general. We'll try to provide answers to some of the most common css questions.
added 2008 Sun May 11 4:30:52 by kimvogy
Sometimes it can be a challenge designing a form that provides great functionality, while not loosing its visual appeal. Check out some great ideas to design your next form.
Sometimes it can be a challenge designing a form that provides great functionality, while not loosing its visual appeal. Check out some great ideas to design your next form.
added 2008 Fri May 9 20:16:06 by FuzzyOne
After reading A List Apart's article about if zebra striping (Link) makes any significant impact on speed/accessibility, I thought I would knock a quick demo up of taking zebra striping a step further using the mouseover event of jQuery, to me this appears to speed up scanning of the data.
After reading A List Apart's article about if zebra striping (Link) makes any significant impact on speed/accessibility, I thought I would knock a quick demo up of taking zebra striping a step further using the mouseover event of jQuery, to me this appears to speed up scanning of the data.
added 2008 Fri May 9 18:07:50 by davidr64
They've been around for a while now: reset style sheets. They're becoming more commonplace among web designers, and even Yahoo is using a reset stylesheet of their own in their development. There are a few different viewpoints and opinions on the use of reset stylesheets, though. Do you reset?
They've been around for a while now: reset style sheets. They're becoming more commonplace among web designers, and even Yahoo is using a reset stylesheet of their own in their development. There are a few different viewpoints and opinions on the use of reset stylesheets, though. Do you reset?
added 2008 Fri May 9 11:05:22 by Volume4
One of the things that had me bothered for a while were visual separators. Whenever I got a design, there were always some silly pipes or > signs that were added to visually separate elements in a horizontal list. I'll try to explain why I think they are so bothersome, and what options we (are supposed to) have to implement them as good as possible.
One of the things that had me bothered for a while were visual separators. Whenever I got a design, there were always some silly pipes or > signs that were added to visually separate elements in a horizontal list. I'll try to explain why I think they are so bothersome, and what options we (are supposed to) have to implement them as good as possible.
added 2008 Fri May 9 7:06:02 by roshanbh
This tutorial explains how to add various animated effect to content navigation using jquery.
This tutorial explains how to add various animated effect to content navigation using jquery.
added 2008 Fri May 9 3:46:43 by thecan
I could not find this trick mentioned anywhere, so i just thought to write and let world know about it. Just in case they didn't know about it, and see the general reaction..
I could not find this trick mentioned anywhere, so i just thought to write and let world know about it. Just in case they didn't know about it, and see the general reaction..
added 2008 Thu May 8 23:26:02 by vandelay
Welcome to iLT’s second quarter roundup of sites that use type well. It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!
Welcome to iLT’s second quarter roundup of sites that use type well. It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!
added 2008 Thu May 8 18:42:34 by mswatcher
In case you missed the first post, CSS Bits is a series of downloadable packs of original CSS code and images for you to use in your projects. In Vol 2, we have a set of six datestamps (the area of a blog post that displays when the post was made). Below you'll find a list of all six styles, each with an example of the timestamp and the code you can use to create it. At the end of this post, there is a link to a zip file with all the code and images used here.
In case you missed the first post, CSS Bits is a series of downloadable packs of original CSS code and images for you to use in your projects. In Vol 2, we have a set of six datestamps (the area of a blog post that displays when the post was made). Below you'll find a list of all six styles, each with an example of the timestamp and the code you can use to create it. At the end of this post, there is a link to a zip file with all the code and images used here.
added 2008 Thu May 8 15:01:22 by eljmonw
I decided on 960.gs after reading a blog post about it. I looked into it and found a professional, well-developed framework that had some good ideas that I was interested in, so I decided to give it a try. Boy am I glad I did...
I decided on 960.gs after reading a blog post about it. I looked into it and found a professional, well-developed framework that had some good ideas that I was interested in, so I decided to give it a try. Boy am I glad I did...
added 2008 Wed May 7 17:11:01 by bloid
This article covers the architecture of Opera Dragonfly in detail, showing what the different components in the architecture are, and how they interact during Dragonfly's running.
This article covers the architecture of Opera Dragonfly in detail, showing what the different components in the architecture are, and how they interact during Dragonfly's running.
added 2008 Wed May 7 16:56:32 by bloid
Here’s the punchline: the effects of declaring line-height: normal not only vary from browser to browser, which I had expected—in fact, quantifying those differences was the whole point—but they also vary from one font face to another, and can also vary within a given face. I did not expect that. At least, not consciously.
Here’s the punchline: the effects of declaring line-height: normal not only vary from browser to browser, which I had expected—in fact, quantifying those differences was the whole point—but they also vary from one font face to another, and can also vary within a given face. I did not expect that. At least, not consciously.
12345678910111213 ... 33 »
