Tag: Here’s

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

How to Make Floating Input Labels With HTML5 Validation

TL;DR Replace your JavaScript validation with HTML5 validation. It’s easier than you think, and gives you a ton of markup and styling control. Try this demo: What We’re Doing Here So you need to validate a form. You do the right thing and start with server-side validation. Then, if you’re a good web-designer, you add… Continue reading How to Make Floating Input Labels With HTML5 Validation

A Beginner’s Guide to AJAX with jQuery

In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax… Continue reading A Beginner’s Guide to AJAX with jQuery

Top Free Photoshop Watercolor Brushes for Designers

Design styles can be created with free resources like icons, vectors, custom illustrations, and notably brushes. Free brush packs are available all over the web dating back to Photoshop 7. There are now thousands of brush packs online made specifically for digital designers. This collection of free Photoshop watercolor brushes can be perfect for anyone… Continue reading Top Free Photoshop Watercolor Brushes for Designers

An Example of AJAX with Vanilla Javascript

Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript

New eBooks Available for Subscribers

Do you want to learn more about data analysis with Python? How about iOS 9 game development, Django, or Swift 2? Our latest batch of eBooks will teach you all you need to know about these topics and more. What You’ll Learn In the past couple of months we’ve made 16 new eBooks available for… Continue reading New eBooks Available for Subscribers

Working with Data, Assets, and Templates in Middleman

This second tutorial about building static websites with Middleman dives a little deeper into the framework. By the end, you should know enough to build your own project from scratch. We’ll cover topics such as Data Files, Pretty URLs, Project Templates and the Asset Pipeline, so let’s get stuck in! Data Files So, having already… Continue reading Working with Data, Assets, and Templates in Middleman

Weekly Inspiration: Good Golly, Gradients

Gradients are making a sneaky comeback. For a while they belonged to the world of Miami Vice and Tequila Sunrise, then they added depth to 1980’s magazines, then there was Geocities–ok, let’s not dwell on the past. Nowadays gradients are being used on the web in bold fashion; mixing highly saturated colors for extremely rich… Continue reading Weekly Inspiration: Good Golly, Gradients

100+ Logo PSD & Vector Mockup Templates

Elegant Logo Mockup Pack This fantastic logo mockup pack includes 6 different styles for your logo, 3 different front view backgrounds, 2 different perspective view backgrounds, and is fully layered for use in Photoshop. Mix Branding Logo Mockups A beautiful assortment of 14 branding logo mockups, handpicked from multiple logo mockup categories. This bundle gives… Continue reading 100+ Logo PSD & Vector Mockup Templates