March 3, 2006
It takes advantage of an unusual combination of implementations – IE7 and Opera 9 support CSS3 substring-matching attribute selectors, but they don’t support the negation pseudo-class; other current browsers which support one or the other, support them both. We can further distinguish Opera 9 from IE7 by the former’s support for CSS3 media queries.
The CSS looks like this:
p.test { color:red; }
p[id$="test"] { color:green; }
p[id$="test"]:not([class="xxx"]) { color:red; }
@media all and (min-width:0px) { p[id$="test"] { color:red; } }
which applies to this sample HTML:
‹p class=”test” id=”test”›
This text will be green if the rule has been applied.
‹/p›
The first rule applies to all modern browsers. The second rule applies to any which support substring-matching attribute selectors, which is Mozilla, Safari, Konqueror, Opera 9 and IE7. The third rule applies to browsers which support both the attribute selector and the negation pseudo-class, which is Mozilla, Safari and Konqueror. This leaves IE7 and Opera 9, so the fourth rule uses a CSS3 media query to negate the style for Opera 7.
Credit goes to Brother Cake and David “liorean” Andersson for discovering this.
Thehua has a great beginners tutorial for creating a easy and simple to-do list using Ruby on Rails. The tutorial is presented in flash, however there is a PDF download for easy offline reading.
AJAX Toolkit Framework (ATF) provides extensible tools for building IDEs for the many different AJAX (asynchronous JavaScript and XML) run-time environments (such as Dojo, Zimbra, etc.). This technology also contains features for developing, debugging, and testing AJAX applications. The framework provides enhanced JavaScript editing features such as edit-time syntax checking; an embedded Mozilla Web browser; an embedded DOM browser; and an embedded JavaScript debugger.
An additional and unique aspect of the framework is the Personality Builder function, which assists in the construction of IDE features for arbitrary AJAX run-time frameworks and thus adds to the supported set of run-time environments in the ATF.
This tutorial will teach you how to take your sql database of tutorials or anything else, and be able to use ajax to show each category just by clicking on a word without having to refresh pages. What allows us to do this is ajax and javascript.
March 2, 2006
The following tutorial features a pop up menu written purely in CSS, similar to the one on the BrokenBlade website. The code uses XHTML lists which are then styled to produce the hover effects. No Javascript is used apart from IE browsers as they will not display the hover effect without it. More on that later though, first off we’ll begin by creating our menu in XHTML.
From the IE Blog:
“I am sitting here with Molly Holzschlag and Andy Clarke at the W3C Technical Plenary meeting in Mandelieu, France and I am showing them our latest bits, which we plan to hand out for the MIX06 conference (and yes, we’ll hand out publicly after the conference too). They wanted to give me a little challenge and asked me to show them 2 of their favorite pages: Gemination, Egor Kloos’s progressively enhanced CSS Zen Garden design and Malarkey’s personal Web site. Here are Molly’s and Andy’s responses to IE7’s updated CSS behavior.”
The tutorials on this site show how to: Generate bar graphs using only CSS & HTML; Employ transparency effects with simple JPG images; Get text to “float” along jagged images; Create static text popups without using javascript.
AdvancedAJAX is a JavaScript object allowing to use XMLHttpRequest object easier and speeding up development of AJAX based projects. It consists a bound of methods helping creating queries, error handling, usage with HTML forms as well as connection timeouts and reconnecting.
March 1, 2006
This seems to be one of the simplest AJAX frameworks to come out so far for PHP. It supports XML, Text and JSON formats as well as GET/POST and custom headers. It doesn’t try and do any crazy PHP/JS serializing. There are quit a few tutorials on there as well. Enjoy.
Top 10 designs on Open Web Design sorted by downloads per day, if you need a quick free layout this is the spot.
