All about Web and Desktop Application
This is an interesting website which is able validate your website whether Web 2.0 valid. Just enter your website URL and validate it. Here is its URL
The Web 2.0 Validator is run by James Britt and Neurogami. Have some fun, but please validate responsibly.
Popularity: 21%
I have an addiction. I can’t help but view source on every nice looking website I see. It’s like if you had x-ray glasses that allowed you to see any person you ever saw in their underwear at will. How could you not?
It’s just so tempting to see if a beautiful website is built with beautiful code as well, or if it’s beauty if only skin-deep. Code? Beautiful? Sure. After all, Code is Art. This is just HTML, so it can’t be quite as intricate and elegant as a dynamic language, but it still bears the brush strokes of it’s creator and there is craftsmanship abound.
It gets me to thinking, what makes beautiful code? In HTML, it really comes down to craftsmanship. It’s all those little things added up that make the whole. Here is a list of just some of the little things that I look for in other’s code and that I try to do myself that make for good craftsmanship in HTML:
Popularity: 22%
Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them. Please note that this page is no longer being maintained.
Requirements: the replacement must solve the screen reader problem, and it must address the “images off, css on” problem. It is also hoped that a solution will be found that reduces the need for empty <span> elements. The successful technique must work in browsers back to 5.x, but as of the time of writing none of these appear to fail so browser support matrices will be spared.
The two most promising techniques, Phark and Gilder/Levin are available on a reduced page for screenreader testing.
(more…)
Popularity: 22%
Stay connected wherever you are! GMX Webmail gives you the freedom you need and the reliability you demand. Join over 10,000,000 satisfied users worldwide and receive:
All of this, plus the convenience of one web-based solution to manage all your e-mails. 100% free!
Popularity: 18%
Common Ajax tasks should be easy, and with Prototype and Scriptaculous they are. Prototype and Scriptaculous are libraries of reusable JavaScript code that simplify Ajax development. Prototype provides helpful methods and objects that extend JavaScript in a safe, consistent way. Its clever Ajax request model simplifies cross-browser development. Scriptaculous, which is based on Prototype, offers handy pre-fabricated widgets for rich UI development.
Two books recommended here:
(1) Prototype and Scriptaculous in Action
Prototype and Scriptaculous in Action is a comprehensive, practical guide that walks you feature-by-feature through the two libraries. First, you’ll use Scriptaculous to make easy but powerful UI improvements. Then you’ll dig into Prototype’s elegant and sparse syntax. See how a few characters of Prototype code can save a dozen lines of JavaScript. By applying these techniques, you can concentrate on the function and flow of your application instead of the coding details. This book is written for web developers with a working knowledge of JavaScript.
Sample Chapter:
Chapter 8
Sample Chapter 4
Sample Chapter 6
Popularity: 27%
We spend so many hours at work that when we clock off, we try to squeeze every minute out of what remains of the day, just to feel that we have a life. so we hit the clubs with friends, stay up watching television, or game online into the wee hours.
sleep early? No way. Who want to turn his life into a nightmarish cycle of getting home exhausted only to collapse into bed, then rushing off the next morning to reach the workplace on time again?
Yet, our bodies cry out for sleep. The amount needed differs from person to person, but most of us need seven to nine hours, and few can keep going for too long on less than five hours a night.
Research has found that sleep deprivation can result in memory impairment, inefficient thought processes, a suppressed immune and even depression. Most recent studies have also linked the lack of good-quality sleep - for as short a period as three nights in a row - with a higher risk of diabetes and weight gain.
It doesn’t take a genius to see that those aren’t the most desirable effects to experience on the job. Who can expect to perform well at work (or in private life) if one is frequently ill, can’t think straight or remember things, and is depressed and overweight?
Fine, But can we really impress at work, have a life and get enough sleep as well?
Popularity: 16%
You don’t like to scroll? Be prepared. (We warned you.)
Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision.
So which typefaces are “bulletproof”? What fonts can be used effectively in almost every Corporate Design? And what are the options for unique, but still incredibly beautiful typefaces?
We have answers. Over the last few days we’ve browsed through dozens of type foundries, read dozens of designers’ articles about typography, analyzed font rankings and visited bookmarked font-related suggestions. So this post has ‘em all. Well, OK, at least many of them.
Let’s take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Most screenshots are taken from the foundries and provided specimens - particularly on Veer.com and Fontshop.com.
Popularity: 55%
Ajax is comparatively new to the world of programming and software. So far, only few people have cracked the use of this program without the use of toolkits. Only God knows how many people who can actually code without using toolkits but I’m willing to bet that they don’t really reach that much. Saying that only a rocket scientist could figure out how to properly code Ajax is probably an understatement considering its requirements from a developer.
But if you have figured Ajax out, good for you. On my end, I was able to do a little bit of Ajax project from time to time but I still have troubles figuring things out. It’s still a matter of trial and error for me.
In my journey in figuring out Ajax, I came into contact with one of the peculiar situation that will only happen to Ajax. If you have been to the world of programming language, you may already have encountered innerHTML. This little tool is often used by programmers to easy write objects in a DIV. Although the longer way of using DOM is also good, programmers naturally select the easier way… including me.
Popularity: 21%
The reason I am writing this article is because of some work I have been doing recently. My client wants a persistent AJAX application to work in IE6+. This means the web page will be left running for days/weeks on end without being refreshed or the browser being closed. This means it cannot have ANY memory leaks.
I currently process incoming XML using an XSL document - which works very well. However when done under IE6 the XSL transformation is output as plain text [please let me know if there is a DOM alternative] which means the only way to insert my newly transformed code is to use innerHTML. This seems to leak memory like a biatch! Note that the leak doesn’t occur in FireFox.
So why does innerHTML leak? Well after some digging I found out a few interesting facts - lets look at the who, where, why and how…
Popularity: 19%
When you develop a website you know that you will always have to keep a balance between design and productivity. You need good working pages, easy layout, easy navigation, impressive design etc.
I’m not going to talk about every aspect today but I will share with you some of the tools I like to use when it comes to CSS, bandwith and a faster loading. More exactly, how to compress a CSS code without making the code to look so ugly and unreadable. If your design is based on a lightweight css code than I guess you shouldn’t worry about this but if you like to impress your visitors with visual elements, you can’t get it done without a big css file.
There are many CSS compression tools to find on the Internet at this moment like CSSTidy which takes your input (it must be a valid CSS code otherwise the result might fail to impress) and removes blank lines, comments etc. It has many options to work with.
Ok … so what is the point. The point is one that I’ve experienced a lot lately. I often decided to “parse and optimize” my CSS code using this tools but I changed my mind short after. Why? Because I do like to update my CSS’s, to add things, delete things and so on and, after using a tool like CSSTidy, my code was so hard to follow. I had only 1 line and I couldn’t find anything without using the CTRL + F magic trick. You lose time, development time.
Popularity: 22%
Script.aculo.us is a cool library for effects. I collect samples from different places in this page. Enjoy it!
Extra Tip: protoculous is a javascript file which contains Prototype and Scriptaculous together compressed.
Popularity: 48%
Fonts are an integral and essential part of the web page experience for your users. Commonly, designers use pixels as the measurement for determining the size of a font on-screen. Dreamweaver provides a selection of measurement options, but it is ems that is a popular choice due to its flexibility. The ems unit is essentially resizable, for browsers that support this, and their size is relative to a user’s font size preference. For example, if the size of font in the body tag is determined as 100%, all further text is relative to this point. This can be reduced or increased, i.e. 90%, to suit a page design as required. Styling text so that is 0.5ems means that it will always be half the size of the base text. On the opposite scale, 2.0 ems text will always be twice the size of the base text.
Popularity: 21%
Pseudo-class are an interesting group of selectors in CSS that apply to elements when they’re in a certain state or condition, such as with a link, when the mouse is over it. This makes for some interesting and lightweight visual effects.
| Pseudo-class (CSS2.1) | Description | Applies to |
|---|---|---|
| :link | Applies to links that have not been visited. | links |
| :visited | Applies to links that have been visited. | links |
| :hover | Applies to an element which the mouse is currently over. | all |
| :active | Applies to an element currently being activated by the user (ie: the mouse is held down over). | all |
| :focus | Applies to an element while it has the user focus. | all |
| :first-child | Matches an element that is the first child of some other element. | all |
| :first-letter | Applies to the first letter of a paragraph. | block level elements |
| :first-line | Applies to the first formatted line of a paragraph. | block level elements |
| :lang | Applies to an element when it’s in the designated language. | all |
The first four pseudo classes are typically used on links, even though 3rd and 4th apply to elements in general. This is because in IE (as of IE6), “:hover” and “:active” don’t work on elements other than links.
Popularity: 20%
Subscribe in a reader
Or, subscribe via email: