JavaScript Unit Testing For Beginners

Jake Rocheleau  •  Coding  •  July 1, 2016
JavaScript Unit Testing For Beginners

Developers should love the security of unit tests. Nobody loves writing unit tests, but the peace of mind they bring can easily be worth the extra work. Unit tests check blocks of code to ensure that they all run as expected. This is very common for traditional software development and now very common in web development too. But how exactly does JavaScript fit into the unit...

How to Create a Perfect Color Scheme [Infographic]

Diana Valeanu  •  Design  •  June 29, 2016
How to Create a Perfect Color Scheme [Infographic]

Nothing can make a project stand out or identify your brand or business like color. Just think: What would the “Golden Arches” of McDonald’s be without the signature red and gold? When it comes to creating the perfect color scheme, there are plenty of things to consider. Established branding is important and should be honored if colors already exist. But if not, the...

20 Great Examples of Website Gamification

Nataly Birch  •  Websites Examples  •  June 27, 2016
20 Great Examples of Website Gamification

Modern web technologies open up new horizons for the creatives. If you still mourn the death of Flash, then you are likely to miss unique and ample opportunities provided by WebGL, HTML5 and other advanced libraries and languages. The time has come to leave past in the past and embrace cutting-edge solutions that bring to life outstanding projects full of dynamics and...

Principles of Chatbots Design

Carrie Cousins  •  Design  •  June 23, 2016
Principles of Chatbots Design

Are chatbots in the future of website design? These little bits of artificial intelligence are starting to pop up everywhere – whether you notice them for what they are or not. Here, we’re going to take a look at what makes chatbots work and how to make the most of including one in your website design. What is a Chatbot? A chatbot, which refers to a chatting robot, is a...

Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 2)

Sam Norton  •  Bootstrap, Coding  •  June 22, 2016
Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 2)

Firstly read the Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1). Bootstrap 4 comes with an official Sass port for the framework. If you are not familiar with Sass, implementing it via Bootstrap can be a little tricky. In the previous article, we installed, configured and customized npm and Grunt.js setups for faster development. In this article, were going...

Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1)

Sam Norton  •  Bootstrap, Coding  •  June 20, 2016
Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1)

Bootstrap 4 offers a variety of options for installation making it easy for developers to install using package managers such as Bower, Composer, Meteor and npm or manually using source files. In previous tutorials, we worked on source files in Bootstrap 4. But on this two part series tutorial we’re going to look on how we can use node package manager (npm) and grunt.js...

The Complete Social Media Icons Set [EPS, PSD, CSS]

Ahmed Kaludi  •  Icons  •  June 15, 2016
The Complete Social Media Icons Set [EPS, PSD, CSS]

Is it time to mix up the social media icons on your website? Try Candy, a new social media icon set from designer Ahmed Kaludi. The set has everything you need to help users engage and share on dozens of social media sites, including Facebook, Twitter, Snapchat, Vine, LinkedIn, Reddit and more. The set comes with 60 — yes, 60! — icons in PSD, EPS and CSS...

How to Design for Creative Agencies

Adrian  •  Templates  •  June 14, 2016
How to Design for Creative Agencies

If you are designing a website for a creative agency, you need to take the specifics of that agency into consideration when selecting a WordPress theme, whether it will be a multipurpose theme or not. The agency in question may focus on web design, communications or content, but will always have a keen eye and high standards on how and what its online image says to a potential...

How to Create a Credit Card UI using HTML and CSS3

Raul Dronca  •  CSS3, HTML, Tutorials  •  June 13, 2016
How to Create a Credit Card UI using HTML and CSS3

Topic: HTML / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a simple Credit Card Form using HTML and CSS3. We’ll work with Google Fonts to use the custom font (Roboto) for this form. You are free to integrate this form into your website. Let’s get started. HTML Let’s create our HTML structure. We...

Handpicked Web Design Inspiration to Get You Going

Saijo George  •  Websites Examples  •  June 8, 2016
Handpicked Web Design Inspiration to Get You Going

Ready for inspiration? This design round-up we’ve taken a look at some interesting web design design elements that have caught our eye. Find inspiration from how the following websites use subtle as well as bold interactions to truly engage in their audiences. If you’re wanting to maximize audience engagement and user experience, learn a lesson from some masters of the...