Written purely in javaScript. It’s a thing of beauty! - Paul Bakaus

“The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D object. Currently only supported in recent WebKit and Gecko based browsers, most importantly Firefox 3.5+ -moz-transform (documentation) and Safari 3.2+ -webkit-transform" Check It!


Just check the video out here.

More here.

“Use child selectors”, “Make full use of 24-bit PNGs”, My favourite is “Enjoy ourselves again”.

Full details after the break.

1. Use child selectors No more having to define endless descendent rules to cancel out other descendent rules. With CSS2 child selectors we can specify CSS rules that only apply to direct children, not to descendants in general.
2. Make full use of 24-bit PNGs No more blending images against different coloured backgrounds so that the edges have decent anti-aliasing. With PNG alpha-channel support we can use images with shadows, glows and other opacity effects, safe in the knowledge that all graphical browser users can see them.
3. Use attribute selectors No more having to define type classes for inputs — things like <input class="text" ... /> — when we can address them with CSS2 attribute selectors like input[type="text"]. We can even use CSS3 substring-matching attribute selectors (supported in all modern browsers including IE7), which can be very useful for defining selectors that apply to a range of different attribute values, thereby reducing significantly the amount of code it takes to address groups of elements with similar class names (for example).
4. Use a wider range of display properties Being able to use things like display:inline-block instead of float:left means no more endless float within float within float, or the slightly-dubious use of overflow:hidden, just to get blocks to clear properly. (Though I should point out, we had to wait until Firefox 3 for this one too!)
5. Use min-width and max-width Although IE6’s implementation of width is very similar to the correct implementation of min-width, it’s not the same, and it doesn’t serve every purpose; and it doesn’t do anything about max-width. With the end of IE6 can come a new renaissance in block-layout design, with the greater flexibility that designers have been crying out for for years.
6. Throw away 90% of CSS hacks (and 90% of the reasons for needing them!) No more worrying about bizarrely repeating characters, mysteriously invisible blocks, or frustrating double margins; with the end of IE6 comes the end of needing to be able to diagnose and cure such a large array of rendering bugs.
7. Add abbreviations that everyone can see Although personally, I only use the <abbr> element and never use <acronym>, still it does occasionally irk me to remember that IE6 users won’t see the expansion, and bugs me even more on the odd occasion that I need to script for them (and can’t).
8. Trust z-index again No more scratching our heads as we ponder why layer X is on top of layer Y when it should be beneath, wondering what we might have done wrong, only to remember that — d’oh — we haven’t done anything wrong, it’s a stacking context bug in IE6.
9. Save time and money Significantly less time spent hacking means shorter development time and lower development costs.
10. Enjoy ourselves again! Writing CSS will become the pleasure that it used to be. That is, until our expectations rise again, and IE7 becomes our nemesis …

Source: http://www.sitepoint.com/blogs/2009/04/14/10-cool-things-well-be-able-to-do-once-ie6-is-dead/

“<!–[if lt IE 7]><style type=”text/css”>@import url(http://www.jinjadev.co.za/topBar.css);</style><div id=”advBrowserWarning”><a href=”http://www.mozilla.com/en-US/firefox”><b>WARNING!!!</b> Your version of Internet Explorer has known security issues! To protect your computer please correct this now. Click here to upgrade…</a></div><![endif]–>”

Stolen from here.

Which is a very good idea, but if the Tweets/Posts are boring or average, it could make the Fiesta look boring.

View more here.

Website: www.sensisoft.com

From: Mashable.com

So you immediately set out to fix this, then once you done that, you go have a snack… Just in case you get hungry. Then you sit down and decide your lawn could do with a cut.

Procrastination… We all do it… After the break are some steps to break the cycle.

From WebWorkerDaily

1. Admit it: You’re procrastinating.
I usually try not to admit that I’m procrastinating. I pretend I’m doing “research” or tell myself, “I really do need to get more organized.” But the first step in beating procrastination is to face up to it. Yes, I am procrastinating. It’s only human. But if I want to send another invoice one day soon, I’d better get over it.

2. Figure out why.
I usually procrastinate for one of two reasons. The first is that I’ve had a crazy week working long hours, and now I just don’t seem to be able to focus on anything. Sometimes that’s OK. Once I realize my brain needs downtime, I’ll scan the task list, knock off anything that’s urgent, and take the afternoon off. After long periods of doing things for other people, it’s only fair that you’re able to do something for yourself — time permitting, of course.

The other reason I procrastinate is that at least one of the tasks I have to do seems “too hard.” Once I realize that I have a “problem” task, I’ll decide not to commit myself to knuckling down and getting it done. Instead, I tell myself I’ll “look at it more closely.” Yes, I have to trick myself into overcoming procrastination.

3. Take a break.
My next step is to take a break. Having made the decision to consider something that’s daunting me, I take a five-minute break from the desk. I might make a cup of tea or play with the dog. The break makes me feel rewarded for deciding to look at this daunting task, and lets me recharge, so I can come back to the desk in the right frame of mind.

4. Break the task down.
OK, break’s over. It’s time to consider the nightmare. Recently, I was procrastinating over interviewing a finance expert. It all seemed too hard. But when I looked at it more closely, I realized that there were multiple hurdles: not only would I have complete my research and conduct the interview, but I’d have to go into the subject’s office in town, the logistics of which were likely to be a pain in the neck.

At this point I usually get a pen and paper and start listing the components of the task. What exactly will it entail? What will I need to do to achieve each part of the job? By doing this, I can identify problem areas that call for extra attention.

5. Problem-solve.

This is about figuring out how you’re going to tackle each of the task components.

I had to do some serious research for my interview but I wasn’t sure where to start. I worked out a few options, one of which involved talking to a few contacts in the industry to get their advice. Also, since I’d received the job brief, I’d had a few new ideas about the project. I’d need to speak to the client to make sure these fit with the overall plan. I’d also need to look at the public transport timetables, and call the subject’s office to arrange a meeting for the interview.

6. Schedule time to complete each task.

I then schedule the time it will take me to complete each task so that I have a clear plan of how I’m going to get everything done.

Suddenly my horrendous task had dissolved into a series of smaller jobs, some of them quite enjoyable (like brainstorming with friends). As I dropped them into my schedule I realized I could probably knock a few of these jobs over before the day was done!

7. Get started.
Once the plan is in place it’s time to get started on the actual work.

By the end of this process I usually feel like I’ve actually achieved something. But, more than that, I feel inspired to get started. I usually try to knock over some of the smaller tasks on the same day so that when I get up the next morning, I feel like I’m already on my way to getting the job done.

If you’re looking for more techniques for avoiding procrastination, Darrell shared some great strategies in “Road to Recovery: Tools for Web Working Self-Control and Productivity.”

So you’re ready to go live… Or are you?

Some essential checks before launching your website after the break…

1. Do you have a FavIcon? It always looks more professional
2. Have you added a title and meta tag data? Search engines will know what your site is about.
3. Does the site work in the major browsers?… Does it f’ing work in IE f’ing 6? *Spits on IE6*
4. Proof read the site. Make sure of spelling, grammar and that there isn’t TOO MUCH text.
5. Make sure all your links work. Make sure your external links won’t change.
6. Try and break your forms. Nothing like a contact us form that can’t contact anyone.
7. Degradation. Make sure your website works without Javascript as well.
8. Add a tracker. Like Google Analytics, see how well your site is doing.
9. Add a sitemap. It allows search engines to easily index your site.
10. Optimise. Make sure your load-time isn’t unnecessarily long.
11. Backup. Make sure you can’t lose all your hard work.

SM has more detail and some useful links.