Once upon a time…
There was a princess…
function princess() {She lived in a wonderful world full of adventures. She met her Prince Charming, rode around her world on a unicorn, battled dragons, encountered talking animals, and many other fantastical things.
var adventures = [];
function princeCharming() { /* ... */ }
var unicorn = { /* ... */ },
dragons = [ /* ... */ ],
squirrel = "Hello!";
In the last post, we had a discussion on
HTML5 8 key features - grouped by W3C.
W3C has a list of standard icons, pointing to these 8 key additions/ revisions/ features to HTML5. They are famous, and all over the net
Lets mix them and our categorization for grouping, to be understood as per our sense of the web page:
Introduction
HTML5 is one of the hot topics trending today. For a Web Developer, its really a galore of features to dive into, but also a headache of keeping up to date with features and trends, so many standards, specifications and documentation, etc
Most importantly, having an organized information. Yes, today, you will find a lot of clutter on HTML5, heavy enough to confuse inquisitive minds
Being a Web Frontend-End Developer, I know how important it is to build the new Web, impress your clients with HTML5!
At the same time, Being a JavaScript Developer at core, I also realize the urge to delve into the JavaScript API of HTML5 features, play with the new things, and merge the difference between Application and Web
Introduction
While working with basic JavaScript, one must have found a need to check for properties existing in objects. Developers have written and practiced multiple awesome ways of digging through an object or duck-typing for the same
Therefore the purpose of this article is NOT to give you the best solution for “How to find if an Object has a Property?”. It only tries to humbly put forth some contextual and basic info on JavaScript objects, based on my understanding while starting development in JS
Creating Objects
Microsoft has launched On{X} that surprisingly has debuted on Android.
- Play Store Link.
Works on JavaScript and will work wonders, if you have basic JavaScript skills !!
CSS3 Animations are cool and there are lots of tutorials available on the internet for the same, but I can’t help myself exploring and experimenting more and more. The most stunning and easy-to-learn are the Animations, besides transitions and 3d properties
In the past I have tried creating a progress bar using animation to an inline style property.
Now here’s a demo created using CSS3, for a bulge effect using transition on opacity and CSS transforms
Jump to the demo
JavaScript Trends (Presentation Resource) -
As long as I continue to participate in the in-house Kiandra IT Friday presentations, I’ll endeavor to open source and post my material online where it makes sense.
Friday just gone, I gave a quick talk on the advances made to JavaScript in the last 12-24 months, and what changes are on…
[video]
14islands: CSS techniques for responsive websites -
Building responsive web sites is challenging and requires dose of patience. It can also be a lot of fun as you start knowing the correct tricks to make it work.
In this article I want to share the CSS techniques that I have found most useful for building responsive websites.
Viewport
(Source: 14islands)
Constant Improvement: Refactoring jQuery code -
jQuery is a great library and a good partner for manipulating the DOM, making ajax calls and other stuff. In this article I wan’t to share some tricks to make your javascript code with jQuery more readable and more fun to maintain.
Constructing an element
The most straightforward way to…
