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
Tag: Build
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
How to Build an Awesome Website Footer
Let me be the one to say it – building a footer is one of those “by the way” kind of tasks for many designers. It seems easy. It seems negligible. It seems like it can be left to chance. And there is some strong reasoning behind such a point of view. For once, footers… Continue reading How to Build an Awesome Website Footer
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