Category: Web Development

How to Create an Elastic SVG Progress Loading Bar

Codrops has published a tutorial of how to create an elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax. The button starts as an icon with an arrow and once it’s clicked, it animates into a fun little wire and a label that indicates the download… Continue reading How to Create an Elastic SVG Progress Loading Bar

Understanding JavaScript Comparison Operators: Equality

The primary difference between arithmetic and comparison operators is that comparison operators don’t change values; instead, they compare them, producing a true or false evaluation. As such, they are frequently used in branching decisions, such as if conditions. In comparisons, equality operators compare two operands, checking if they are equal or not. The greatest source… Continue reading Understanding JavaScript Comparison Operators: Equality

Generating SVG With React

React1 is one of today’s most popular ways to create a component-based UI. It helps to organize an application into small, human-digestible chunks. With its “re-render the whole world” approach, you can avoid any complex internal interactions between small components, while your application continues to be blazingly fast due to the DOM-diffing that React does… Continue reading Generating SVG With React

Code Clinic JavaScript

Successful programmers know more than a computer language. They also know how to thinkabout solving problems. They use “computational thinking”: breaking a problem down into segments that lend themselves to technical solutions. Code Clinic is a series of ten courses where lynda.com authors solve the same problems using different programming languages. Here, Ray Villalobos works… Continue reading Code Clinic JavaScript

NodeJS Framework – An Easy Way To Develop High Performance Apps

We are well conscious of the fact that applications development has been successful in creating a buzz all over the world. Therefore, with this advancement, different frameworks are deployed in order to develop highly scalable and real time applications and that too, in a simpler way. The augmenting popularity of Javascript has led to the… Continue reading NodeJS Framework – An Easy Way To Develop High Performance Apps

How to Make WordPress Sites Different by Geography

An Approach to Geolocal WordPress Sites In order to launch an inexpensive global network of sites run by volunteers that would provide shoppers categorized directories to local stores, I needed to leverage the power of WordPress with some unusual customizations and workarounds. There are a number of approaches to providing local experiences with WordPress. In this tutorial, I’m… Continue reading How to Make WordPress Sites Different by Geography

Fullscreen Scrolling Tiles with pagePiling.js

Parallax and page scrolling plugins are rather popular among the open source community. A new one to add into the mix is pagePiling.js. This completely free open source plugin runs on top of jQuery for a unique “slide” design. Each section of the page slides out of the way while scrolling. It’s not exactly parallax,… Continue reading Fullscreen Scrolling Tiles with pagePiling.js

The Languages And Frameworks You Should Learn In 2016

The Languages And Frameworks You Should Learn In 2016 A lot happened in the software development world in 2015. There were new releases of popular programming languages, new versions of important frameworks and new tools. You will find a short list of the new releases that we think are the most important below, together with… Continue reading The Languages And Frameworks You Should Learn In 2016

Designing an iOS App in Sketch

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we start the tutorial, there’s a few things you’ll need: Once you have the items installed, let’s go ahead and create some awesome… Welcome Screen Let’s… Continue reading Designing an iOS App in Sketch

OS.js – Open Source Desktop Implementation for Your Browser

OS.js is an open-source desktop implementation for a fully-fledged window manager to your browser, Application APIs, GUI toolkits and filesystem abstraction. It works in any modern browser and is implemented on any platform using Node or PHP. OS.js is completely free and open-source which means that you are able to contribute to the development or… Continue reading OS.js – Open Source Desktop Implementation for Your Browser

More About MEAN Stack You Want to Know!

A latest technology to the old-fashioned LAMP/WAMP stack for building professional websites and real-time applications is MEAN (MongoDB, Express, AngularJS, Node.js) stack, which is an open-source software. MEAN is nothing but a rearrangement of code and technology upgrades switching the base platform from Linux OS to a JavaScript run-time which brings Node.js. Node.js allows to… Continue reading More About MEAN Stack You Want to Know!

Making Accessibility Simpler, With Ally.js

I’ve been a web developer for 15 years, but I’d never looked into accessibility. I didn’t know enough people with (serious) disabilities to properly understand the need for accessible applications and no customer has ever required me to know what ARIA is. But I got involved with accessibility anyway – and that’s the story I’d… Continue reading Making Accessibility Simpler, With Ally.js

9 Responsive Frameworks For Responsive Design

Here, we are presenting a wonderful compilation of 9 useful responsive frameworks for front-end design. Though, responsive frameworks have been around for just last couple of years but are getting very much practiced. Consequently, we’re also presenting these responsive frameworks for you. These frameworks will help you in designing front end designs. So, have a… Continue reading 9 Responsive Frameworks For Responsive Design

Creating Your First Desktop App With HTML, JS and Electron

Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and… Continue reading Creating Your First Desktop App With HTML, JS and Electron

20 Best Free Business WordPress Themes

Once you choose to grow your personal or company website, you should use one of many content management systems or CMS. Though I guess you’ll end up using WordPress sooner or later. WordPress if you’re looking for easiest and most powerful choice has a community that is fantastic’s always ready to help you out and… Continue reading 20 Best Free Business WordPress Themes

Gogs – An Open Source Self-Hosted Git Service

Gogs (Go Git Service) is a painless self-hosted Git service. The objective of this mission is to make the simplest, quickest, and most painless approach of establishing a self-hosted Git service. With Go, this may be achieved with an independent binary distribution across ALL platforms that Go supports, including Linux, Mac OS X, Windows and… Continue reading Gogs – An Open Source Self-Hosted Git Service

Create a MEAN Stack Google Map App (Part I)

Introduction “MEAN Apps with Google Maps” (A tongue twister to be true). And yet, whether you’re building an application to visualize bike lanes in your city, designing a tool to chart oil wells across the globe, or are simply creating an app to help choose your next date — having access to interactive, data-rich maps… Continue reading Create a MEAN Stack Google Map App (Part I)

New Trends WordPress Themes for 2016

New trendy design elegant & creative Business WordPress Themes which have many powerful features to allow you build websites very easy and unlimited your creative to make impressed websites. All themes are build with builder and most important all the designs are responsive. This means that it is compatible and looks comfortable on both a pc and… Continue reading New Trends WordPress Themes for 2016

15 Awesome Free Blogging Tools You Will Want To Use

Fifteen or even ten years ago, you could’ve just hit that publish button and people would read you. Today getting discovered is a little more complicated than that. With the number of blogging platforms themselves quadrupling since then, there’s such a small barrier of entry for new bloggers. There’s so much good content published every… Continue reading 15 Awesome Free Blogging Tools You Will Want To Use

Making MEAN Apps with Google Maps (Part II)

Introduction Welcome back! Last time, we created an application that integrated Google Maps directly into the MEAN stack. The app provided us a panel to create users, tag their location based on latitude and longitude, and validate their whereabouts using HTML5 geolocation. As of this writing, over 150 users have added themselves to our demo… Continue reading Making MEAN Apps with Google Maps (Part II)

Free Hand-Picked Resources for Designers and Developers – December edition

In this round up of free resources from december, you’ll find nice flat device mockups, unique UI screen compositions, color tools and inspiration, vector kits, professional printing templates, online communities, stunning icon collections, a curated list of CSS frameworks, a useful animation engine, cool fonts, and web templates in PSD format. All of it is… Continue reading Free Hand-Picked Resources for Designers and Developers – December edition

Front-end Tools: Some of My Favorite Finds of 2015

We’re just about at the end of 2015 and I’m sure you’d all agree it’s been another year jam-packed with new tools for web design and development. While doing my newsletter I’ve come across lots of interesting things, so I thought it would be cool to summarize some of my favorite finds in a year-end… Continue reading Front-end Tools: Some of My Favorite Finds of 2015