How to Add More Life to Your Website’s Flat UI Design?

Well, the fact can’t be denied that the big names like Google, Microsoft etc. are all opting for flat designs nowadays when it comes to designing their websites. So, the trend of flat UI designs is raising its flag like never before. Be it a flat logo, using one dominant brand color, simple and bold… Continue reading How to Add More Life to Your Website’s Flat UI Design?

Are You Underestimating The Power Of Color In Design?

The colors you use in your website’s design have the potential to captivate and influence a sale. They also have the potential to distract and disrupt your visitors’ attention and make them bounce. Don’t underestimate the power of color when it comes to influencing your visitors. A beautiful color scheme isn’t necessarily an effective one.… Continue reading Are You Underestimating The Power Of Color In Design?

Zyma.com – Free 1 Year Web Hosting

Who is Zyma? Zyma.com is a fast growing web hosting company in the UK, with the mission of making a better hosting service that cares about its customers. We were immediately impressed by their website and their highly affordable plans. Why Use Zyma as hosting provider: They have a great long track record of being… Continue reading Zyma.com – Free 1 Year Web Hosting

Add Spark to Your Emails with Interactive Design Elements

Email design has come a long way from plain text messages to the world of interactive elements in a time span of 4 decades. Interactivity is no longer limited to GIFs in emails. It is about creating a flawless user experience by emulating “mailable microsites”. Interactive design elements amp up your email marketing campaign and… Continue reading Add Spark to Your Emails with Interactive Design Elements

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

4 compelling reasons you should embrace VR

While none of us can predict the future, every designer should be thinking about it. All indications point to the next wave of devices that aren’t sitting on the tops of desks. They are wearable, and have canvas sizes that are vastly different than what you’ve been designing for. But should you really care if… Continue reading 4 compelling reasons you should embrace VR

Making logos work for the web

When you design for the web, no matter the industry, there are expectations that must be met, and realities that must be accounted for. Although this is true for all forms of web design, it is especially true for logo design. This is something we’ve encountered numerous times. Think about the many different conventions of logo… Continue reading Making logos work for the web

Affinity Photo comes to Windows

Friends, Windows enthusiasts, and people generally just stuck with Windows… rejoice! Rejoice, for some real competition to Adobe has finally hit our platform. Affinity Photo is here in Beta form, and it is looking mighty fine. I’ve had a chance to play around with it, and I have to say that I am duly impressed.… Continue reading Affinity Photo comes to Windows

Choice paralysis: 3 ways the number of choices impacts conversions

Maybe you’ve heard of a phenomenon called choice or analysis paralysis. In short, it’s a situation where a customer can’t make a decision on a purchase because he’s faced with so many choices that they end up paralyzing him. Hence, choice paralysis. In the annals of marketing, there’s this notorious jam experiment that painfully details… Continue reading Choice paralysis: 3 ways the number of choices impacts conversions

20 essential CSS tricks every designer should know

This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know

Automatic responsive images with client hints

Over time, developers have wrestled with forcing images into responsive layouts. Media queries and fluid grids are constantly employed to achieve visually flexible images. Achieving such flexible images as pointed out by Ethan Marcotte in the seminal first edition of his book  is as easy as: img { max-width: 100%; } The image resources being… Continue reading Automatic responsive images with client hints

Giveaway: Win One of Five Monstroid Licenses

Posted · Category: Announcement Do you remember Monstroid, a huge multipurpose WordPress theme we reviewed around a year ago? Since then, it’s grown even more as a result of multiple updates. Today, we’d like to review the latest one and give away 5 licenses for Monstroid. You can find a lot of WordPress themes designed… Continue reading Giveaway: Win One of Five Monstroid Licenses

How to Retouch and Airbrush Skin in Photoshop

Learn how to retouch skin professionally in Photoshop without making it look fake or blurry. In this Photoshop tutorial, you will learn how to reduce wrinkles and blemishes, airbrush skin naturally, dodge and burn, and more using all non-destructive editing techniques. Once you learn this, you can make everything from natural skin improvements to glamorous… Continue reading How to Retouch and Airbrush Skin in Photoshop

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

30 Free and Premium Shopify Themes for Various Purposes

Posted · Category: Best Collections We always try to keep you updated on new free and premium eCommerce themes that can save loads of your time and energy on web development. When choosing the best eCommerce platform for their online stores, many retailers opt for Shopify due to its extensive functionality and a powerful community… Continue reading 30 Free and Premium Shopify Themes for Various Purposes

A Comprehensive Introduction to Color in Design

This article aims to give you a comprehensive introduction to the deepest of design rabbit holes: color. It will introduce you to the most important lingo and concepts to get you started, helping you make better decisions applying color in your designs. Topics As usual for these guides, we’re going to cover a great deal,… Continue reading A Comprehensive Introduction to Color in Design

Selecting Parent Elements with CSS and jQuery

There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery

How Designers and Developers Can Collaborate Using Sketch and Zeplin

Collaboration between designers and developers is essential to the success of a web project, and it’s a measure of a team’s success. Whilst sharing the same workspace is invaluable, having an online source of truth that helps with this collaboration is incredibly helpful. In this article we’re going to look at Zeplin and how it… Continue reading How Designers and Developers Can Collaborate Using Sketch and Zeplin

Quick Tip: Using CSS Counters to Style Incremental Elements

In this quick tip, we’ll cover the very basics of CSS counters; a useful, yet not so well-known CSS feature. When we’re done building our demo, we’ll take a look at some real world examples of sites which take advantage of CSS counters. The Goal: Styling an Ordered List As a first step, let’s look at the… Continue reading Quick Tip: Using CSS Counters to Style Incremental Elements

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG

Essential Design Trends, March 2016

One of the great things about looking at trends each month is catching a glimpse of what designers are experimenting with. In particular, you start to see a distinct crossover of elements that you might have missed at first glance. That exact thing happened with this month’s collection. Note all the yellow and gold tones. Even… Continue reading Essential Design Trends, March 2016

How to Airbrush Skin With Frequency Separation

Professional retouchers use a lot of techniques to retouch skin. In this tutorial, you’ll learn one of the most basic retouching techniques called frequency separation.  It’s used as a quick way to airbrush skin without removing too many fine details. What is Frequency Separation? Frequency Separation is a jargon used in the retouching world to describe a skin airbrushing… Continue reading How to Airbrush Skin With Frequency Separation

How to Work With Images in Shopify

When starting out with a new platform, such as Shopify, there’s a lot to learn. Whilst Liquid, the template language used in Shopify themes, is very readable and easy to get started with, one area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for… Continue reading How to Work With Images in Shopify