Mastering HTML5 Canvas with this free Cheat Sheet

By John Negoita on Monday, March 13th, 2017 in HTML5. No Comments

Have you ever dreamed of being able to create original and intricate illustrations using nothing but HTML code? Well now, Web Developers and coding enthusiasts can now unleash their inner artist with HTML5. Thanks to advances in technology, HTML5 can create basic 2D images but also more complex animations through scripting and the component called the HTML5 canvas. Are you not familiar with all the features of HTML5 canvas? No problem! Our friends from released a guide to help you master this specific coding tool. It might sound a bit intimidating, but the HTML5 canvas cheat sheet they are offering is easy …

2017 Roundup of Top 5 Premium WordPress Themes with Demo

By John Negoita on Sunday, February 26th, 2017 in WordPress. No Comments

Want to know what are the best premium WordPress themes of 2017? Here’s a look at the bestselling premium themes for the start of this year. #1 Massive Dynamic – Powerful WordPress Theme VIEW DEMO For only 49$, the Massive Dynamic WordPress Theme promises complete control over your website’s design. It allows you to drag and drop elements, choose styles, and see the changes instantly. No more refreshing the page to see the changes, simply edit using the Live text editor and see the new design as you go along. Pair that with unlimited layouts and multiple demo versions and …

Preparing your Sails JS application for production

By John Negoita on Wednesday, February 15th, 2017 in NodeJS. No Comments

So, you’ve built your application using Sails JS and you are ready to throw it into the world. What are the steps to prepare it for production? In this tutorial I will show you a couple of things you need to do in order to prepare your Sails JS application for production. The Sails JS website dedicates a page on Sails JS application deployment. If you are an impatient programmer like myself you will probably scan that page and get bored quickly. Let’s see in practice how to go about launching our Sails JS app in production. Launch your Sails …

Drawing simple line patterns using HTML5 canvas

By John Negoita on Monday, September 12th, 2016 in Javascript. No Comments

In this tutorial I will show you how to draw a line pattern using JavaScript and the HTML5 canvas. Drawing with HTML5 canvas is not too difficult and it only requires some basic HTML and JavaScript knowledge. At the end of this tutorial you know how to do simple drawing using HTML5 canvas and JavaScript and how to  write code to create line patterns and colored stripe patterns that you can use for website backgrounds for example. Level: Beginner Duration: 10 min Skills required: HTML, JavaScript We will create several line patterns that will look like this: Let’s start …

How to use jQuery plugin with WordPress plugin tutorial

By John Negoita on Monday, August 22nd, 2016 in Javascript. No Comments

I’ve ran several times into the problem of how to use jQuery plugin with WordPress posts and pages. Every time the solution was rather complicated having to modify the theme or to directly modify the HTML source of the post or page. In this post I will show you how to easily use jQuery plugin with WordPress. For this I will use a WordPress plugin for jQuery plugins and at the end of the post you will find the download link for this free plugin. What we want to achieve is to create a WordPress plugin that allows to easily integrate a …

How to get the return a value from a AJAX asynchronous call with jQuery and AngularJS $http

By John Negoita on Friday, August 12th, 2016 in Javascript. No Comments

Web applications often make use of dynamic views. These require some JavaScript skills usually and I think that one of the most common use of JavaScript for web apps with dynamic views is the AJAX asynchronous call. With AJAX one is able to load data within a page without having to reload the whole page making the dynamic part a smooth experience for the end user. AJAX asynchronous calls with jQuery jQuery is one of the most popular JavaScript library to date. To make AJAX calls with jQuery one would have to write something like: $.ajax({

Components of long shadow icon design

By John Negoita on Monday, June 27th, 2016 in CSS. No Comments

Since iOS 7 by Apple and its UI, flat design has been established as the design style. Of course, design has always been evolving, and there have always been trend-setters and trend-followers. Now the question is “What is the next step from flat design?” Not claiming to have the answer, let’s take a look at a variant of the flat design called long shadow design. What does long shadow design mean, what are its components, how to integrate it in your designs and how you can create your own long shadow designs? I will try to answer all these questions in …

What is CouchDB equivalent of SQL not in or not equals?

By John Negoita on Thursday, June 23rd, 2016 in Javascript. No Comments

I’ve started using CouchDB mainly as a database for mobile apps. However I found it useful also as a backend for server side web applications. I’m a beginner with CouchDB and in one of my applications I needed something simple. I wanted all documents except the ones with a certain value for a field. The value of the field was not known in advance, so I started searching in the documentation for the CouchDB equivalent of SQL not in or not equals. The answer I found online There is no equivalent did not really satisfy me, so I gave it a …

Pros and Cons for Creating Simple Pie Charts with 3 Popular JavaScript Chart Libraries

By John Negoita on Wednesday, June 15th, 2016 in Javascript. 4 Comments

In this post I will discuss how to create a simple pie chart using 3 popular libraries: D3, Google charts and Infographic Charts library. I will be looking at the pros and cons of each library. We will try to use the libraries such that the end result looks as similar as possible and then compare the code written to get the result. Note: This tutorial demonstrates how to create a pie chart using JavaScript, which is a client library. It is outside the scope of this tutorial to show how to create dynamic pie charts. To create dynamic charts …

Planetarium CSS solar system animated with CSS animations

By John Negoita on Tuesday, June 14th, 2016 in CSS. No Comments

In this post I will show you how to create a so called planetarium CSS solar system. Basically I will use CSS animations to animate a representation of our solar system. Actually I will only represent the movement of the Moon around the Earth, the rotation of the Earth around its own axis and the revolution of the Earth around the Sun. If you have not used CSS animation so far, I suggest first reading the 5 min CSS animation beginner tutorial and then coming back to this. Planetarium – CSS Solar System FacebookTwitterGoogle+LinkedIn See the Pen CSS Planetarium – solar system with CSS …