8 Essential Tools To Build Your Online Portfolio Fast & Easy

In the world of internet, you will find so many tools that are available for creating a wonderful websites or portfolios. But in this collection, we are showcasing some outstanding, useful and superb tools for building websites or portfolios. When you see this collection, you will find all these tools fresh, simple to use, you… Continue reading 8 Essential Tools To Build Your Online Portfolio Fast & Easy

How to Create Your Own Product Mockup Box in Photoshop

Learn how to create your own realistic looking Product Mockup Box in Photoshop with this very easy tutorial This image was made to help readers create their very own product mockup. To create this, we’ll start by making the boxes. Next, we’ll add some designs to the box. Finally, we’ll finish it up with shadows… Continue reading How to Create Your Own Product Mockup Box in Photoshop

Animation for Beginners: How to Animate a Head Turn

What You’ll Be Creating Today we are going to learn how to animate a character turning his head. You’ll find that you will be animating head turns a lot when you do character animation. A head turn is challenging to animate because the mass and shape need to be consistent, as do the elements of… Continue reading Animation for Beginners: How to Animate a Head Turn

Open Source Software for Developing World Hospitals

Posted · Category: MIT License, Tools HospitalRun is an open source project, aimed at delivering modern software for healthcare facilities in the developing world. It utilizes modern browser-based software design and a user-friendly interface to create an intuitive system. It is also architected to deal with the issues of Internet reliability in a developing world… Continue reading Open Source Software for Developing World Hospitals

Barba.js: A plugin for page transitions

Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa. It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience. Project page

File Upload UI Inspiration

Daily UI challenge #031 — File Upload by Alexander Cafa Share Card by Dea_n File upload by Oleg Frolov Upload by Aaron Iker Day 31 — File Upload by Carl Hauser Day 24 — File upload widget by Hervé Rbna Daily UI — Day 31 — File Upload by irene georgiou File Upload by Noel Niñal Daily UI Day #04 — Upload by Jakub Kowalczyk for Symu.co… Continue reading File Upload UI Inspiration

Chart.js A Simple yet flexible JavaScript charting for designers & developers

Chart.js was first introduced in year 2013, for 3 years of intensive development by many contributors, it has became quite a powerful open source Javascript charting plugin. It’s designed for both developers and designers. It supports 8 types of charts – Line, Bar, Radar, Polar Area, Pie & Doughnut, Scales charts. With version 2.0, you… Continue reading Chart.js A Simple yet flexible JavaScript charting for designers & developers

Taking Control of the tvOS Focus Engine

Introduction On iOS, users normally interact with your apps via the device’s touch screen. On tvOS, however, user interaction is handled by moving the current focus between views on the screen. Luckily, the tvOS implementations of the UIKit APIs handle the changing of focus between views automatically. While this built-in system works very well, for specific… Continue reading Taking Control of the tvOS Focus Engine

How to Create a Gradient Icon Inspired by Instagram in Adobe Illustrator

What You’ll Be Creating Rebrand your logo in style with this quick tutorial on creating a gradient icon in Adobe Illustrator CC. We’ll build our icon design from scratch with quick and simple shapes and pair gradients and effects from the Appearance panel to complete our on-trend design.  Alternatively, you may wish to use a… Continue reading How to Create a Gradient Icon Inspired by Instagram in Adobe Illustrator

How to Send a Pull Request using the Github Desktop Client

In one of my previous posts, I outlined the process of contributing to open source software with a detailed account of each step. One of those steps was sending a pull request to the owner of the repository you forked from. I showed you how to send a pull request using Github‘s web interface. In… Continue reading How to Send a Pull Request using the Github Desktop Client

A slider with SVG radial transition effect

Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds. View Demo   Project… Continue reading A slider with SVG radial transition effect

Solr – Open Source Enterprise Search Platform

Posted · Category: Framework Solr is the popular, blazing-fast, open source enterprise search platform built on Apache Lucene. It is highly reliable, scalable and fault tolerant, providing distributed indexing, replication and load-balanced querying, automated failover and recovery, centralized configuration and more. Solr powers the search and navigation features of many of the world’s largest internet… Continue reading Solr – Open Source Enterprise Search Platform

Using Laravel Valet for WordPress Development

If you’re familiar with the PHP community, then you’re likely familiar with a number of the different applications and frameworks that are currently popular in the development space today. One of the more common frameworks that we’re seeing used to build web applications is Laravel. Though this tutorial is not specifically about Laravel, I recommend checking… Continue reading Using Laravel Valet for WordPress Development

Cutestrap – Sassy, Opinionated CSS Framework

Posted · Category: Framework, MIT License Cutestrap is a sassy, opinionated CSS Framework. A tiny alternative to Bootstrap. It supports Vertical Rhythm, Consistent pattern for form fields, 8kb minified, Smart defaults for all default elements (Conventional), CSS specificity is very low in the class hierarchy (Configurable), Solid foundation for a living styleguide using KSS. It… Continue reading Cutestrap – Sassy, Opinionated CSS Framework

How to Build a News Website Layout with Flexbox

What You’ll Be Creating It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of Flexbox whilst designing a “news layout” like the one you can find on The Guardian. The reason we’re using Flexbox is that it… Continue reading How to Build a News Website Layout with Flexbox

Using Subversion to Check Out WordPress

There are a lot of reasons to enjoy following open-source software, one of which is the ability to learn from the code that others have built.  Other examples include: following along with bug tickets seeing new features merged into the code base learning how to achieve something programmatically viewing the deprecation of an old feature… Continue reading Using Subversion to Check Out WordPress

Free UI Kits That A Designer Should Have

Posted · Category: Best Collections UI kits are among designers’ favorite tools to work with, because they enhance their creativity, and clean the palette even for the most difficult projects. What makes UI kits even more loveable is that they help us explore other designers’ ideas, without expecting the client to come up with his,… Continue reading Free UI Kits That A Designer Should Have

How to Integrate SmoothState.js Into a WordPress Theme

In our previous tutorial, we used the History Web API within a static site to serve smooth page transitions. In this tutorial we’re going to take things to the next level, by applying what we learned in a WordPress website. There’ll be one crucial difference; we’ll leverage SmoothState.js instead of building our own from scratch.  SmoothState.js will: Request pages asynchronously (AJAX) and… Continue reading How to Integrate SmoothState.js Into a WordPress Theme

Using a Drag and Drop Builder? Get Your Free License

Posted · Category: Uncategorized Drag and drop website building tools have their pros and cons, as do most website building tools. If you are using drag and drop to build your websites, we have a little reward for you – a promise of something better. It’s called XPRS, it offers a new and innovative approach… Continue reading Using a Drag and Drop Builder? Get Your Free License

How to Create a Watercolor Wedding Invitation in Adobe InDesign

What You’ll Be Creating Painterly designs are a big trend for wedding invitations right now. Romantic without being overly feminine or floral, they have an effortlessly cool, beachy style which is perfect for outdoor or more laid-back ceremonies. In this tutorial that’s suitable for beginners to the software, we’ll walk through the steps of creating an… Continue reading How to Create a Watercolor Wedding Invitation in Adobe InDesign

How to Fix Wide Angle Distortions Fast

If you shoot with ultra wide angle lens, you know the distortions it creates. Photoshop has a tool called “Adaptive Wide Angle” which can correct this but it has its flaws including the amount of time it takes to do it. In this tutorial, you’ll learn a technique called “Volume Deformation” which will save you… Continue reading How to Fix Wide Angle Distortions Fast

15 Free Admin Dashboard Templates (PSD & Sketch)

In recent years, much has changed in the way web users interact with dashboard data and complete simple backend tasks. Layouts are more spacious and mobile-friendly, colors are simpler, typography is highly-readable, interactive charts make data much easier to digest, and advancements in technology have made completing tasks much quicker. The admin panels of 2016… Continue reading 15 Free Admin Dashboard Templates (PSD & Sketch)