Build a Bookshop with React & Redux I: React Redux Flow

At some point in your complex React project, you are going to need a state management library. Redux is a good choice because of it’s simplicity and centralized data management. This piece is a practical approach to the fundamentals of Redux in building React application for managing a book store. If you are unfamiliar with… Continue reading Build a Bookshop with React & Redux I: React Redux Flow

25 Powerful Tools and Resources For Web Designers

Posted · Category: Best Collections It’s important for web designers and agencies to keep abreast of the latest technological and design trends. It’s equally important that those who produce design tools and aids, maintain design element resources, and provide website development and implementation services That is true with the design and development aides that are… Continue reading 25 Powerful Tools and Resources For Web Designers

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 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

How to Build a Pebble Application

What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application

SpriteKit From Scratch: Constraints and Actions

Introduction In this tutorial, the second installment of the SpriteKit From Scratch series, you learn about constraints and actions. These features are used to easily add movement and animations to your SpriteKit game while limiting the position and orientation of nodes in the game. To follow along with me, you can either use the project… Continue reading SpriteKit From Scratch: Constraints and Actions

How to Use Adobe Fuse to Create a Superhero Reference

What You’ll Be Creating When you have an awesome idea for a character, you can feel how great it would be to see it on paper. But what if you don’t have “talent”? Or maybe you can draw, but humans are simply not your area of expertise? Are you supposed to spend hours learning just… Continue reading How to Use Adobe Fuse to Create a Superhero Reference

How to Run Your Application on a Physical Device

Most Android phones and tablets can be connected to a computer using a USB cable. However, by default, the USB connection established between an Android device and a computer is limited to file transfer only. Therefore, if you want to use your device for Android application development, you have to make a few configuration changes… Continue reading How to Run Your Application on a Physical Device

50+ fresh resources for designers, March 2016

How’s it going, compadres? This month’s roundup hand-picked from all across the web includes icons, design assets, illustrations, vector artwork, UI kits, some really cool code snippets, fonts, templates, some awesome tools, and much much more. Sit back, relax, and enjoy the best freebies on the Web this month! The months of the year vector… Continue reading 50+ fresh resources for designers, March 2016

Build a Real-Time Polymer To-Do App

  If you kept up with Google I/O 2015, then you likely saw that Polymer 1.0 has been released to the public. If you have been around since Polymer 0.5, then you likely saw that all your favorite building blocks have been deprecated. For all those who have used 0.5, consider this a migration assistant.… Continue reading Build a Real-Time Polymer To-Do App

Weekly Inspiration: 15+ Portfolio Building Tools

There are more ways than ever to get yourself (and your work) seen online. Whether yours is a design, illustration, photography, code, or product portfolio, take a look at some of these tools for getting it out there. Dunked Brainchild of Orman Clark and chums, dunked is a platform offering an account where you can upload… Continue reading Weekly Inspiration: 15+ Portfolio Building Tools

iOS 9: Additions to SceneKit

Introduction SceneKit is a high-level 3D graphics API that has been available in OS X since version 10.8 (Mountain Lion) and was introduced on iOS with the release of iOS 8. In this tutorial, I show you the major improvements and new capabilities the framework has gained with the release of iOS 9 and OS… Continue reading iOS 9: Additions to SceneKit

How to Create a Scrolling Background in Affinity Designer

What You’ll Be Creating In this tutorial we’ll go through the process of creating a horizontal, tileable background that is perfect for side-scrolling 2D games (action, adventure, hack & slash) for PC, mobile and browsers. We’ll be using the basic vector tools of Affinity Designer, and you’ll see how we can make the image seamless… Continue reading How to Create a Scrolling Background in Affinity Designer

Build Your UI Toolkit with Fabricator

You can build your UI Toolkit with Fabricator. Fabricator is built on Node.js, a platform for building fast, scalable network applications. There are pre-built installers for each platform. You can also install with Homebrew via brew install node. You can organize your design system the way you want. Components, Structures, Elements, Atoms, Molecules, whatever –… Continue reading Build Your UI Toolkit with Fabricator

How to Build a Simple Advent Calendar in JavaScript

Advent is the period of waiting and preparing for Christmas which begins four Sundays before Christmas eve. The passing of Advent time is traditionally measured with the help of either an Advent Calendar, or an Advent Wreath. Although the beginning of Advent is not a fixed date, Advent Calendars usually begin on Dec 1. Based… Continue reading How to Build a Simple Advent Calendar in JavaScript

Brunch is your premiere HTML5 Build Tool running on Node

I recently stumbled onto an interesting build tool by the name of Brunch. This seems to be made for constructing picture-perfect HTML files without a lot of hooey. Brunch is made to compile scripts, templates, and lint all of your code automatically. Modules can also be run during this time & applied to the compiled… Continue reading Brunch is your premiere HTML5 Build Tool running on Node

Qards: Build Beautiful Websites Faster

Building websites is not a full-time job anymore. At least, it could be this way. Thanks to the evolution of technology and the strong desire to obtain quality results as fast as possible, now almost anyone can create beautiful websites. Why Qards could be the tool you need No matter the profile of the clients… Continue reading Qards: Build Beautiful Websites Faster

Build a Custom WordPress User Flow — Part 3: Password Reset

In the first two tutorials in this series, we have built custom pages for logging in and registering a new user. Now, there is only one part in the login flow left to explore and replace: what happens if a user forgets their password and wants to reset their WordPress password? In this tutorial, we’ll… Continue reading Build a Custom WordPress User Flow — Part 3: Password Reset

How to Build Interactive Prototype with Google Form

download source file I have been using Form since Google acquired them. The video above is my 2nd prototype built with Form. And I’m writing my first Medium article to share the knowledge I learned while making it. But it’s not a follow me then you’ll get it tutorial. I’m just going to give a… Continue reading How to Build Interactive Prototype with Google Form

How to Build Compelling and Powerful Startup Website

Do you have any cool ideas that you want to implement in your business to spread its presence through the internet? The first essential step towards this will be a website-designs compelling and powerful startup website, but it is not an easy task to make a new website that is impressive enough to attract visitors.… Continue reading How to Build Compelling and Powerful Startup Website

Build Ravishing Websites in 2014: Top 15 Platforms for Designers

The web design market is teeming with feature-rich platforms that promise to help creative professionals set up spectacular websites for their clients. The biggest problem is: how does a designer choose? Below you’ll find our take on the Top 15 website design platforms of 2014.   IM Creator IM Creator is an excellent solution for… Continue reading Build Ravishing Websites in 2014: Top 15 Platforms for Designers

Visual Composer – Build WordPress Websites in Minutes

It is a real challenge for WordPress beginners to figure out how to build an attractive and functional website without having coding knowledge and experience. Often business owners end up hiring someone to do the advanced page setups for them as trying to get it done on their own would take too much time and… Continue reading Visual Composer – Build WordPress Websites in Minutes

4 Tools to Build an Amazing Website

You pride yourself on your ability to code websites by hand, shaking your cane at these upstart web designers who rely on HTML editors and even the dreaded WYSIWYG tools. However, even the best from-scratch developers benefit from some designing tools. You want to work smarter, not harder, and tools can help you get your… Continue reading 4 Tools to Build an Amazing Website