Why and when use createDocumentFragment instead of createElement

In this post I will try explain you why you should learn about createDocumentFragment() and why you should use it.

ECMAScript 6 - What's new in JavaScript - part 3 - let

Like I mentioned here: http://frontenddevs.blogspot.com/2013/09/ecmascript-6-whats-new-in-javascript.html I preparing series of posts about coming ECMAScript version 6.

Today I will write about let.

ECMAScript 6 - What's new in JavaScript - part 2 - const

Like I mentioned here: http://frontenddevs.blogspot.com/2013/09/ecmascript-6-whats-new-in-javascript.html I preparing series of posts about coming ECMAScript version 6.

Today I will write about const.

ECMAScript 6 - What's new in JavaScript - Part 1

Introduction

On this series I'm planning write posts about new features in incoming ECMAScript version 6. Here is definition from Wikipedia:

ECMAScript is the scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known implementations such as JavaScript, JScript and ActionScript.

How to fix issue with "Nothing to compile." message

The problem:

---

If you using yeoman and grunt and compile your stylesheets with compass, you can come across the message:

"Nothing to compile. If you're trying to start a new project, you have left off the directory argument.
Run "compass -h" to get help."

How to make aside menu with nice effect on showing.

In this tutorial I will show You how create aside menu with interesting flip effect for main content of page. It uses CSS3 transition and transform. Javascript is used for manipulate classes.

On this screenshoot below you can find how it looks like:

Aside menu in use

To see this in action just scroll to end of post and watch demo.

New Twitter Bootstrap 3.0

Few days ago new version of most popular frontend framework - Twitter Bootstrap was released. It's first release candidate so be aware if you want use it on production.

How to build Rubik's Cube using CSS3 and HTML

In this post I will try to show you how create 3D Rubkik's Cube using only CSS3 and HTML. On the picture below you can see effect of my work.

Screenshot of code result.

My simple chat application uses Node.js and Angular.js

Because I like learning new things some times ago I decided to create project where I can learn new technologies like:

• AngularJS - [http://angularjs.org/]
• NodeJS - [http://nodejs.org/]
• Websockets - by using socket.io library [http://socket.io/]
• Browser notification (at the moment not working :) )
• Authentication via node.js (I'm using Passport library [http://passportjs.org/])
• Jade - as a node template engine [http://jade-lang.com/]

Basics of RequireJS

I hear a lot of about RequireJS and today I decided to learn this. So for start let's read what is RequireJS.

What is it?

We can read from documentation that RequireJS is:

... a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.