Adobe & HTML

Honestly, I’m not really impressed with many things Adobe’s been doing lately. Actually, I believe that Adobe is going through some sort of an Identity Crisis. Nonetheless, you cannot really ignore some of the innovative and good things they’re spearheading, specially with open standards like HTML.

Recently, few of us were hurriedly called to the Adobe Bangalore office and we met with Paul Burnett (@pburnett), Adobe APAC Evangelist. I was unable to agree with few things that he showed us but was genuinely impressed with many other initiatives from Adobe.

What I don’t like.

Adobe fought back in many ways when the world was abandoning Flash, they even went ahead to say they love the company that fired the first lethal bullet to the Flash’s Kingdom. When Adobe realized that it was not winning the battle, they went ahead and try to re-create the reign they had with Flash in forms that does not necessarily pronounced “Flash” but doing very similar things that Flash did.

Flash is a good solution for the right purpose and still is. Actually, HTML5 is way behind when it comes to lots of capabilities what Flash can do. But that’s it, let Flash shine where it can and leave alone where it’s not its job anymore.

Edge Animate – really? This brings back unpleasant memories of the Skip Intro days. Do the web need to recreate what Flash did but with CSS? Adobe’s Edge Animate can help you create Flash-esque Animation and spit out CSS and Javascript. The very idea of spitting our machine written CSS and Javascript sounds scary to me – a web full of ‘blings, bells and whistles’ but done in ‘html5’?

I’m of the opinion that you don’t really need that bad to animate elements on a website. In case of websites that needs so many moving parts, they’d rather be doing it with specialized tools or Javascript Experts doing the job, not by a tool that spits out JS codes for you!

Continue reading

Character Entities Cheat Sheet for HTML, CSS and Javascript

I always had to fiddle and look around multiple sources to get the correct Character Entity with their named or numeric entity for HTML, the unicode entity for CSS, or the Octal-encoded character for Javascript.

For instance, in CSS, to add → in the content of :before, you can write –

.more:before {
	content: "\2192";
	margin-right: 1em;
}

So, I decided to go ahead, spend some time and made a nice, clean, easy-to-navigate one page site to display, literally, all Character Entity for HTML, CSS and Javascript.

Bookmark the page → Character Entities (HTML, CSS & Javascript).
Let me know of bugs, issues – the source is on Github.

[nsfw-ish] Responsive b**bs, err, responsive content with html/css

Working on a website that needs to be responsive.

Client: Can we get the boobs of the images of those females be responsive. Make them bigger in desktop browsers, subtle in tablets and “ok” in Smartphones. Perhaps extra large on very big monitors.

Me: Hmmmm, sure, why not. I can even do a “boobs.js” to do a 3D canvas resizing to make it more realistic. It can fall back to Flash for IE.

So, I went ahead and started styling the pages. Here is the code snippet for the responsive boobs.

I know, that’s a scary nightmare, right!
Today morning, I woke up totally sweating with those codes haunting and hurting my brain.

A Preview of HTML 5

A List Apart has a nice article on a Preview of HTML 5 and should be a good informative read for anybody who is in the web business. The articles takes us inside on how HTML 5 will liberate us from the pseudo semantics that we have followed with HTML 4. HTML 4 has been around for nearly a decade and web publishers are seeking new techniques to provide enhanced functionality. Looks like hope is round the corner with HTML 5.
Continue reading