Category: Web Development

20 Free WordPress Themes (2016 Edition)

Thinking about launching a WordPress site? Not sure if you want to hire a professional web designer or buy a WordPress theme? What about a nice cocktail of free WordPress themes for any kind of project, all collected together in this blog post? Will these freebies brighten your mood? We are sure they will. So,… Continue reading 20 Free WordPress Themes (2016 Edition)

Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website. View demo Download source Today we’d like to show you how to create a very simple intro effect similar to the one seen on the takeit website where a… Continue reading Polaroid Stack to Grid Intro Animation

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

20 Interesting JavaScript and CSS Libraries for February 2016

The world of web development keeps expanding as new frameworks, libraries and plugins are created everyday. To keep you up to date with all the cool toys, we made this collection of our favorite JavaScript and CSS tools you should try in February 2016. Super Simple Slider Super simple slider is jQuery plugin which provides you with a functional and… Continue reading 20 Interesting JavaScript and CSS Libraries for February 2016

Deploying from GitHub to a Server

GitHub, and the Git version control system it’s based on, are fantastic tools for managing and collaborating on projects – code-based or otherwise. In this article, we’ll look at options for making Git and GitHub projects fit better into developer workflows, allowing for a smooth and hands-off deployment process. I’ll break these options into the… Continue reading Deploying from GitHub to a Server

25 Beautiful Card-Based WordPress Themes

Card-based designs got popular with the rise of Pinterest in the realm of social media. The image sharing website’s card-based website had led to a rising trend of cards in user interfaces of websites and mobile applications. It is an excellent solution for the specific demands of mobile devices (which are typically smaller) and interfaces,… Continue reading 25 Beautiful Card-Based WordPress Themes

11 Amazing Effects Created Using CSS3 Box Shadows

With CSS3 Box Shadows, you can do a lot of things like building modals, making beautiful text effects, drawing a Viking shield and even more. Designers all over the world are playing around with CSS shadows and come up with exciting results. In this post, we are also presenting 11 amazing effects that you can… Continue reading 11 Amazing Effects Created Using CSS3 Box Shadows

9 Useful Javascript Color libraries

Here are 9 useful Javascript libraries which allow you to perform many different manipulations on colors. Colorify Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors,… Continue reading 9 Useful Javascript Color libraries

CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

Flexbox is an advanced method of more efficiently using space amongst items of a CSS container. While its theory can seen a bit complicated and difficult to master, thankfully the web is chock-full of great opportunities to learn. We’ve compiled a collection of some of the best resources out there to help you learn more… Continue reading CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

Learn SQL

Every web developer should know SQL. Although it has been around since the 70s, it is still widely used, and you can’t build a serious application without it. Most full-stack frameworks have libraries for dealing with the SQL complexity – ActiveRecord, Doctrine, Hibernate and more. But often times you need to get your hands dirty and write low-level… Continue reading Learn SQL

Card Stack Effects With CSS and Dynamics.js

This is some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element. Animation is at the top element of a stack by clicking on an accept or reject button.These kind of animations can fit into many scenarios involving all kinds… Continue reading Card Stack Effects With CSS and Dynamics.js

Developing a Static Site Generator Workflow

Nobody likes finding bugs. Even worse, no one enjoys finding bugs while shopping for digital products. That is why, as a company providing a web-based bug tracking tool to tens of thousands of users, we have to ensure a bug-free environment. With our increasing number of web pages – and therefore increasing lines of code… Continue reading Developing a Static Site Generator Workflow

Design Mock-Ups Need Dynamic Content: Tools and Plugins

Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet still neither resilience nor flexibility are usually reflected in deliverables… Continue reading Design Mock-Ups Need Dynamic Content: Tools and Plugins

Weekly News iDevie (week 5)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter for some more amazing design articles, resources and freebies. New Resources & Tools voxel.css – A new, lightweight 3D CSS voxel library. Performance Budget… Continue reading Weekly News iDevie (week 5)

How To Create And Customize A WordPress Child Theme

The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme

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