Category: Web Development

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

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