html

How to create a sketch app in JavaScript using P5.JS

by

I have been learning P5.JS for a while now and though it would be nice to share the process and progress in form of a tutorial, which will motivate me to continue learning and give others access to it. We will learn how to create a sketch app. I have kept it as basic as … Read more

When to use a static site?

by

Static sites are great they don’t require a Database or pre-processors and they don’t require any complex server sided setup to get working. All you need is a web server that is set to serve a static folder. In the earlier days of the Internet, everything was static and had to be written because pre-processors … Read more

Emmet for Atom

by

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.