http://www.dzone.com/links/tag/css-html.html DZone: fresh links for developers en-us Copyright (c) 2006 DZone, Inc. Fri, 16 May 2008 10:22:26 GMT The DZone community 2008-05-16T10:22:26Z en-us Copyright (c) 2006 DZone, Inc. http://www.dzone.com/links/feed/frontpage/css-html/rss.xml http://www.dzone.com/images/std/dzone.com_258x55.gif http://www.dzone.com/links/ http://www.dzone.com/links/rss/javascript_tutorial_continuous_pagination.html 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. ajax css-html how-to javascript Thu, 15 May 2008 20:14:15 GMT http://www.dzone.com/links/81158.html zwigby 2008-05-15T20:14:15Z 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.]]> 81158 2008-05-15T13:25:05Z 2008-05-15T20:14:15Z 12 0 239 0 http://www.dzone.com/links/images/thumbs/80x60/81158.jpg zwigby http://www.dzone.com/links/images/avatars/227238.gif http://www.dzone.com/links/rss/create_a_color_palette_using_css_and_mootools_12.html 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! css-html javascript web design Thu, 15 May 2008 19:45:15 GMT http://www.dzone.com/links/81170.html Eric Wendelin 2008-05-15T19:45:15Z 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!]]> 81170 2008-05-15T14:18:13Z 2008-05-15T19:45:15Z 11 0 139 0 http://www.dzone.com/links/images/thumbs/80x60/81170.jpg dubness http://www.dzone.com/links/images/avatars/196882.gif http://www.dzone.com/links/rss/hot_css_tips.html A selection of CSS tips for building easily manageable CSS files, css-html Thu, 15 May 2008 12:37:44 GMT http://www.dzone.com/links/81149.html dtsn 2008-05-15T12:37:44Z A selection of CSS tips for building easily manageable CSS files,]]> 81149 2008-05-15T12:30:16Z 2008-05-15T12:37:44Z 10 0 574 2 http://www.dzone.com/links/images/thumbs/80x60/81149.jpg dtsn http://www.dzone.com/links/images/avatars/254731.gif http://www.dzone.com/links/rss/is_html_a_humane_markup_language.html 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. css-html opinion Wed, 14 May 2008 19:01:43 GMT http://www.dzone.com/links/80935.html bloid 2008-05-14T19:01:43Z 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.]]> 80935 2008-05-14T12:02:41Z 2008-05-14T19:01:43Z 14 0 225 0 http://www.dzone.com/links/images/thumbs/80x60/80935.jpg bloid http://www.dzone.com/links/images/avatars/111696.gif http://www.dzone.com/links/rss/css_child_selector_performance.html 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? css-html reviews Wed, 14 May 2008 16:53:21 GMT http://www.dzone.com/links/80855.html mswatcher 2008-05-14T16:53:21Z 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?]]> 80855 2008-05-14T01:25:19Z 2008-05-14T16:53:21Z 11 0 160 0 http://www.dzone.com/links/images/thumbs/80x60/80855.jpg mswatcher http://www.dzone.com/links/images/avatars/225256.gif http://www.dzone.com/links/rss/jflow_10_the_ultralightweight_fluid_content_slide.html 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!!!. css-html javascript web 2.0 Wed, 14 May 2008 13:20:34 GMT http://www.dzone.com/links/80907.html shenanime 2008-05-14T13:20:34Z 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!!!.]]> 80907 2008-05-14T09:09:25Z 2008-05-14T13:20:34Z 9 0 446 0 http://www.dzone.com/links/images/thumbs/80x60/80907.jpg shenanime http://www.dzone.com/links/images/avatars/280308.gif http://www.dzone.com/links/rss/easy_scroll_accessible_content_scroller.html 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. css-html how-to web design Tue, 13 May 2008 21:56:54 GMT http://www.dzone.com/links/80418.html Volume4 2008-05-13T21:56:54Z 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.]]> 80418 2008-05-11T20:47:45Z 2008-05-13T21:56:54Z 8 0 163 0 http://www.dzone.com/links/images/thumbs/80x60/80418.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/new_java_api_implementing_css.html CSS implementation for java. css-html java Tue, 13 May 2008 21:05:46 GMT http://www.dzone.com/links/80754.html Cba 2008-05-13T21:05:46Z CSS implementation for java.]]> 80754 2008-05-13T12:41:59Z 2008-05-13T21:05:46Z 11 0 772 4 http://www.dzone.com/links/images/thumbs/80x60/80754.jpg Cba http://www.dzone.com/links/images/avatars/279483.gif http://www.dzone.com/links/rss/confessions_of_an_eccentric_web_developer.html #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. css-html opinion usability web 2.0 Tue, 13 May 2008 16:25:10 GMT http://www.dzone.com/links/80759.html davidwalsh 2008-05-13T16:25:10Z #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.]]> 80759 2008-05-13T13:00:17Z 2008-05-13T16:25:10Z 12 0 476 0 http://www.dzone.com/links/images/thumbs/80x60/80759.jpg davidwalsh http://www.dzone.com/links/images/avatars/238392.gif http://www.dzone.com/links/rss/understanding_css_positioning_part_2.html 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! css-html Tue, 13 May 2008 13:33:41 GMT http://www.dzone.com/links/80528.html Stefan Koopmanschap 2008-05-13T13:33:41Z 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!]]> 80528 2008-05-12T11:02:06Z 2008-05-13T13:33:41Z 14 0 387 0 http://www.dzone.com/links/images/thumbs/80x60/80528.jpg skoop http://www.dzone.com/links/images/avatars/225135.gif http://www.dzone.com/links/rss/google_says_css_sprites_and_unobtrusive_javascrip.html 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. css-html javascript opinion standards Tue, 13 May 2008 11:50:36 GMT http://www.dzone.com/links/80545.html dacoder 2008-05-13T11:50:36Z 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.]]> 80545 2008-05-12T12:11:05Z 2008-05-13T11:50:36Z 8 0 638 0 http://www.dzone.com/links/images/thumbs/80x60/80545.jpg dacoder http://www.dzone.com/links/images/avatars/244359.gif http://www.dzone.com/links/rss/javascript_in_css_ugly_but_intresting.html A look into CSS Expression to control CSS properties through javascript. css-html javascript Mon, 12 May 2008 17:43:55 GMT http://www.dzone.com/links/80622.html dtsn 2008-05-12T17:43:55Z A look into CSS Expression to control CSS properties through javascript.]]> 80622 2008-05-12T17:38:19Z 2008-05-12T17:43:55Z 9 0 571 0 http://www.dzone.com/links/images/thumbs/80x60/80622.jpg dtsn http://www.dzone.com/links/images/avatars/254731.gif http://www.dzone.com/links/rss/pragmatic_progressive_enhancement_why_you_should.html 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. css-html how-to javascript web design Mon, 12 May 2008 16:18:08 GMT http://www.dzone.com/links/80432.html Volume4 2008-05-12T16:18:08Z 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.]]> 80432 2008-05-11T22:46:46Z 2008-05-12T16:18:08Z 8 0 356 0 http://www.dzone.com/links/images/thumbs/80x60/80432.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/make_fancy_buttons_using_css_sliding_doors_techni.html 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. css-html Mon, 12 May 2008 12:58:06 GMT http://www.dzone.com/links/80449.html mswatcher 2008-05-12T12:58:06Z 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.]]> 80449 2008-05-12T01:56:32Z 2008-05-12T12:58:06Z 10 0 577 0 http://www.dzone.com/links/images/thumbs/80x60/80449.jpg mswatcher http://www.dzone.com/links/images/avatars/225256.gif http://www.dzone.com/links/rss/30_exceptional_ajaxjavascript_techniques_recently.html In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques that is recently created. ajax css-html javascript Mon, 12 May 2008 12:05:19 GMT http://www.dzone.com/links/80456.html kimvogy 2008-05-12T12:05:19Z In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques that is recently created.]]> 80456 2008-05-12T05:55:33Z 2008-05-12T12:05:19Z 11 0 622 0 http://www.dzone.com/links/images/thumbs/80x60/80456.jpg kimvogy http://www.dzone.com/links/images/avatars/258445.gif http://www.dzone.com/links/rss/easiest_tooltip_and_image_preview_using_jquery.html Simple jQuery powered script that enables you to easy create custom tooltips and image "fly-out" previews. css-html javascript web 2.0 web design Mon, 12 May 2008 11:59:57 GMT http://www.dzone.com/links/80158.html cssglobe 2008-05-12T11:59:57Z Simple jQuery powered script that enables you to easy create custom tooltips and image "fly-out" previews.]]> 80158 2008-05-09T12:31:11Z 2008-05-12T11:59:57Z 8 0 272 0 http://www.dzone.com/links/images/thumbs/80x60/80158.jpg cssglobe http://www.dzone.com/links/images/avatars/247336.gif http://www.dzone.com/links/rss/pure_css_animated_progress_bar_2.html 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. css-html how-to web design Mon, 12 May 2008 11:59:17 GMT http://www.dzone.com/links/80417.html Volume4 2008-05-12T11:59:17Z 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.]]> 80417 2008-05-11T20:46:30Z 2008-05-12T11:59:17Z 5 0 353 2 http://www.dzone.com/links/images/thumbs/80x60/80417.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/4_uber_cool_css_techniques_for_links_css_globe.html 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. css-html how-to web design Mon, 12 May 2008 09:03:15 GMT http://www.dzone.com/links/80419.html Volume4 2008-05-12T09:03:15Z 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.]]> 80419 2008-05-11T20:48:53Z 2008-05-12T09:03:15Z 8 0 511 0 http://www.dzone.com/links/images/thumbs/80x60/80419.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/css_dos_and_donts_part_1_css_selecting_css_globe.html 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-html how-to web design Mon, 12 May 2008 08:21:45 GMT http://www.dzone.com/links/80420.html Volume4 2008-05-12T08:21:45Z 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.]]> 80420 2008-05-11T20:50:05Z 2008-05-12T08:21:45Z 12 0 388 0 http://www.dzone.com/links/images/thumbs/80x60/80420.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/47_excellent_ajax_css_forms_2.html 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. ajax css-html javascript Sun, 11 May 2008 04:30:52 GMT http://www.dzone.com/links/80328.html kimvogy 2008-05-11T04:30:52Z 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.]]> 80328 2008-05-10T17:37:48Z 2008-05-11T04:30:52Z 26 0 984 0 http://www.dzone.com/links/images/thumbs/80x60/80328.jpg kimvogy http://www.dzone.com/links/images/avatars/258445.gif http://www.dzone.com/links/rss/a_new_look_for_zebra_striped_tables.html 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. css-html javascript usability web design Fri, 09 May 2008 20:16:06 GMT http://www.dzone.com/links/80200.html FuzzyOne 2008-05-09T20:16:06Z 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.]]> 80200 2008-05-09T17:14:44Z 2008-05-09T20:16:06Z 11 0 503 0 http://www.dzone.com/links/images/thumbs/80x60/80200.jpg FuzzyOne http://www.dzone.com/links/images/avatars/279352.gif http://www.dzone.com/links/rss/do_you_reset_your_web_design.html 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? css-html frameworks opinion web design Fri, 09 May 2008 18:07:50 GMT http://www.dzone.com/links/79743.html davidr64 2008-05-09T18:07:50Z 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?]]> 79743 2008-05-07T16:02:21Z 2008-05-09T18:07:50Z 11 0 365 0 http://www.dzone.com/links/images/thumbs/80x60/79743.jpg davidr64 http://www.dzone.com/links/images/avatars/272074.gif http://www.dzone.com/links/rss/css_generated_content_part_1.html 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. css-html how-to web design Fri, 09 May 2008 11:05:22 GMT http://www.dzone.com/links/79785.html Volume4 2008-05-09T11:05:22Z 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.]]> 79785 2008-05-07T18:44:01Z 2008-05-09T11:05:22Z 8 0 276 0 http://www.dzone.com/links/images/thumbs/80x60/79785.jpg Volume4 http://www.dzone.com/links/images/avatars/71517.gif http://www.dzone.com/links/rss/animated_content_navigation_effect_using_jquery.html This tutorial explains how to add various animated effect to content navigation using jquery. css-html javascript php web design Fri, 09 May 2008 07:06:01 GMT http://www.dzone.com/links/79904.html roshanbh 2008-05-09T07:06:01Z This tutorial explains how to add various animated effect to content navigation using jquery.]]> 79904 2008-05-08T10:08:04Z 2008-05-09T07:06:01Z 8 0 398 0 http://www.dzone.com/links/images/thumbs/80x60/79904.jpg roshanbh http://www.dzone.com/links/images/avatars/262632.gif http://www.dzone.com/links/rss/simplest_css_hack_ever.html 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.. css-html web design Fri, 09 May 2008 03:46:43 GMT http://www.dzone.com/links/79979.html thecan 2008-05-09T03:46:43Z 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..]]> 79979 2008-05-08T16:38:55Z 2008-05-09T03:46:43Z 22 0 989 0 http://www.dzone.com/links/images/thumbs/80x60/79979.jpg thecan http://www.dzone.com/links/images/avatars/281718.gif