Category: Javascript

Advanced JavaScript Fundamentals

Without a doubt, JavaScript is the most popular programming language in the world. While the web development industry is chock full of frameworks and libraries that simplify some aspects of JavaScript development, there’s something to be said about having the skills to write pure JavaScript. Frameworks, libraries and transpilers may come and go, but JavaScript… Continue reading Advanced JavaScript Fundamentals

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG

Build a Real-Time Polymer To-Do App

  If you kept up with Google I/O 2015, then you likely saw that Polymer 1.0 has been released to the public. If you have been around since Polymer 0.5, then you likely saw that all your favorite building blocks have been deprecated. For all those who have used 0.5, consider this a migration assistant.… Continue reading Build a Real-Time Polymer To-Do App

Build a Custom Photo Widget for Your Desktop with Node.js

The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js

Framerjs: Innovative prototyping and design with interaction

Constant updates for free! Includes prototyping for Virtual Reality! Join more than 1400 students and learn how to use Framer JS with your Sketch 3 or Photoshop designs to create innovative prototypes, design animation and add interaction to your mobile and web designs and prototypes. This course will teach you step by step how to… Continue reading Framerjs: Innovative prototyping and design with interaction

JavaScript from Beginner to Expert

The total length of the course is over 12 hours! You will learn theory and you will also gain lots of practice. During the course I will explain you how to write real life applications like for example galleries with thumbnails, image sliders etc. I will do everything so you understand JavaScript. After this course… Continue reading JavaScript from Beginner to Expert

Building Angular and Node.js Apps with the MEAN Stack

Course info ​ Level Intermediate Duration 4h 2m Released 31 Jan 2014 The MEAN stack is becoming more and more popular. Angular has become the hottest new MVC framework, and using it with Node and Express means a high level of harmony between the client and server. Throw MongoDB on for data storage, and you… Continue reading Building Angular and Node.js Apps with the MEAN Stack

Ultimate Web Designer & Developer Course: Build 23 Projects!

Are you looking for an all-in-one Web Design, Web Development and Career Building course that takes you step-by-step through the all of the skills you need know to start a working professionally? Are you a programmer looking to improve your design skills, so your designer colleagues can stop making fun of your bad designs? Or… Continue reading Ultimate Web Designer & Developer Course: Build 23 Projects!

Knowledge Persistence and Sessions With React

Having a “remember me” function is a very useful feature, and implementation with React and Express is relatively easy. Continuing from our last part where we set up a WebRTC chat application, we will now add Mongo-backed persistent sessions and a database-backed online user list for good measure. Sessions? If you have not used sessions… Continue reading Knowledge Persistence and Sessions With React

How to Build a Simple Advent Calendar in JavaScript

Advent is the period of waiting and preparing for Christmas which begins four Sundays before Christmas eve. The passing of Advent time is traditionally measured with the help of either an Advent Calendar, or an Advent Wreath. Although the beginning of Advent is not a fixed date, Advent Calendars usually begin on Dec 1. Based… Continue reading How to Build a Simple Advent Calendar in JavaScript

Streamlining Web Development Workflow with Yeoman

There are many tools for building web-apps yet putting them all together and making them fit in our workflow could be real cumbersome. We also tend to do repetitive tasks when building web apps such as creating files, creating folders, installing a number of front-end libraries. Wouldn’t it better if we can streamline this task… Continue reading Streamlining Web Development Workflow with Yeoman

How to Make Any Website Responsive

If you have an existing website that is not responsive, I’m sure you’ve probably given some thought to how you would make it mobile-friendly. It’s really hard to argue against the mobile trend these days with Mobile Web Traffic now at about 25% of all Internet Traffic, and sales of mobile devices (Phones & Tablets)… Continue reading How to Make Any Website Responsive

10 Fresh JavaScript Libraries for Web Developers

JavaScript library is pre-written JavaScript code snippets for specific functionality to ease web developer work. These JavaScript libraries are the best resource for the web developers. JavaScript libraries are developed by professional developers to help out novice web developers. You will get benefited with these JavaScript libraries for AJAX development and JavaScript Application development. There… Continue reading 10 Fresh JavaScript Libraries for Web Developers

Make HTML5 apps with Sencha, part one

When it comes to creating mobile apps there are a variety of issues to consider, including the plethora of devices, screen sizes and platforms to cater for, plus the number of skillsets needed to target all the major platforms. For example, Apple iOS uses Objective-C, Android uses Java and a bit of C and C++,… Continue reading Make HTML5 apps with Sencha, part one

Create a Simple jQuery Image Lightbox Gallery

When building your own WordPress theme, there are a number of items to consider. One such page element is a dynamic image gallery, either using a lightbox or some type of sliding panel. Both of these user interfaces mesh nicely into the content of an article. Since they can both work on typical websites it… Continue reading Create a Simple jQuery Image Lightbox Gallery

Promised-Based Validation

The concept of “Promises” has changed the way we write asynchronous JavaScript. Over the past year, many frameworks have incorporated some form of the Promise pattern to make asynchronous code easier to write, read and maintain. For example, jQuery added $ .Deferred(), and NodeJS has the Q and jspromise modules that work on both client… Continue reading Promised-Based Validation

Streamline your Process with Volo

Front-end developers face a variety of challenges when creating sites that have repetitive solutions. All sites use a similar DOM skeleton, as well as many common features and attributes. Volo aims to remove some of the effort out of the process, allowing developers to focus on the new aspects of a project, as apposed to… Continue reading Streamline your Process with Volo

Make a Web App with Instagram-like Filters

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScript libraries and plugins: Caman.js – this is a powerful canvas manipulation… Continue reading Make a Web App with Instagram-like Filters

A RequireJS, Backbone, and Bower Starter Template

Switching to a modular approach to writing JavaScript is unfortunately a more difficult process than we might hope. Once you understand the concept of AMD, you then have to figure out the logistics: how do you setup RequireJS? What about non-AMD libraries? What about dependency management? What about configuration and optimization? Download the Video Using… Continue reading A RequireJS, Backbone, and Bower Starter Template

Live Album Previews with CSS3 and jQuery

Today we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it. Let’s… Continue reading Live Album Previews with CSS3 and jQuery

How to Create a Simple Multi-Item Slider

For today’s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store… Continue reading How to Create a Simple Multi-Item Slider

Creating an iOS-like Home Screen with CoffeeScript

Today we are going to create an iOS-like home screen using CoffeeScript – a new JavaScript based language, and the jQuery library. CoffeScript has a clean syntax that lies somewhere in between Ruby and Python. If you haven’t used any of them, don’t worry – it is not required. However you will need to be… Continue reading Creating an iOS-like Home Screen with CoffeeScript