IO.JS on Mac

IO.JS is a folk of Node.js that uses the latest build of Google’s V8 Engine and supports ES6, in some performance benchmarks IO.JS is faster than Node.js The performance benchmarks of IO.JS vs Node.js can be found over here. IO.JS is recommended if you are working on a new project, if you are using a … Read more

Emmet for Atom

Emmet is a plugin available for popular text editors that let you write HTML abbreviations without having to directly write HTML tags, instead use Emmet’s shortcuts.

It reduces the amount of HTML the user must write and increases efficiency and saves precious time.

A simple example.

article>header  

Code language: HTML, XML (xml)

All you have to do is hit TAB it will be parsed as.

<article>  
  <header></header>
</article>  

Code language: HTML, XML (xml)

You can also create the default HTML5 template with:

html:5  
Code language: HTML, XML (xml)

it will be parsed as

<html lang="en">

  <meta charset="UTF-8">
  <title>Document</title>

Code language: HTML, XML (xml)

As you can see how much easier it is to use Emmet compared to writing HTML directly.

Emmet has officially made their plugin available for Atom editor that can be installed using APM

apm install emmet  
Code language: Bash (bash)

You can install it using the Atom plugin tab by going into the install menu, searching for Emmet, and installing the plugin by emmetio

Happy Coding!

You can access all the posts over Atom under atom and editor tag.

Have a question? Leave a comment below.

Take a break!

Working on a project for hours is a thing now for me, it might be a web development project, graphics designing or Animation. I work for hours daily, spend most of the time in web development and the rest of the time in graphics designing or animating, it tends to happen that every time I … Read more

Learning Animation

Animation is the field of artists, where a large amount of creativity and skills is everything you need to get success and one of the best way to display creativity and create amazing motion picture. Its fun to watch Animated film, TV shows and short clip. It is one of the best sources of entertainment … Read more

CSS: Social share buttons

I designed social share buttons for [Twitter](https://twitter.com), [Facebook](https://facebook.com) and [Google Plus](https://plus.google.com), all these buttons are written in pure CSS and part of a project I have been working on. It’s clean and simple, you can add them to your website, it’s hosted on my CDN. “` The CDN is not longer available “` Markup of … Read more