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

How to Create a Human Portrait of a Dog in Photoshop

Welcome! Today I will be taking you though some of the processes behind simulating studio lighting on images taken outside of a controlled environment. We’ll be focusing on lighting for the most part and how to get some natural highlights and shadows. What you’ll be creating Created as something fun for a friend of mine,… Continue reading How to Create a Human Portrait of a Dog in Photoshop

10 Key Things Web Design Clients Should Know & Understand

Web design is always changing, and the future is about as clear as an oil slick. New trends emerge every day, it seems, and Google algorithms are always forcing everyone to adapt. SEO, web design, and the number of devices people use seems to expand web design horizons every day. All of this can be… Continue reading 10 Key Things Web Design Clients Should Know & Understand

Getting Started With Ionic: Introduction

Ionic is a popular mobile app framework that helps you build hybrid mobile apps quickly, using HTML, CSS, and JavaScript. In this series, you learn how to set up and build your own mobile apps with Ionic by creating a fully functional mobile app together. We start with an introduction to Ionic and learn how… Continue reading Getting Started With Ionic: Introduction

Less Is More – Minimalist And Simple Web Design

Image source: Vadim Grin[2] Exposed to lots of senseless content on the internet, we grow more sensitive to mess and distractions. We come across useless texts, we receive a pile of magazine spam, ads or business commercials, and we have serious difficulties in determining what is really worth our attention. Responsiveness Image source: Erikas Mališauskas[3]… Continue reading Less Is More – Minimalist And Simple Web Design

10 Top Tips for Fashion Illustration

Fashion Patterns From clothes to accessories, fashion illustrations have a long history as a visual reference for a designer’s concepts or current fashion trends.  What makes a good fashion illustration, though? With help from content from Envato Market, let’s count down 10 top tips for creating great fashion illustrations to better your own sense of… Continue reading 10 Top Tips for Fashion Illustration

Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop

Rate this post Learn how to create a fantasy photo manipulation of a desperate angel in sorrow and bleak rainy scene with Photoshop. In this tutorial, you’ll learn how to create your winged angel with ordinary stock images, do some retouch and enchantment on the angel with shadows and lighting, then complete it with rain… Continue reading Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop

Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop

Rate this post Create a mystical picture and wallpaper for your desktop. In this tutorial you will learn many interesting effects such as creating lightning, fog and carved and burning runes and much more. I’ll show you an interesting example of the image toning and sharpening, a lot of interesting tricks and techniques. What you’ll… Continue reading Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop

The Importance Of Usability When Designing A Site

Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken. The user should be able to intuitively relate the actions she needs to perform on the web page with other interactions she sees similar contexts, e.g., press a button to perform… Continue reading The Importance Of Usability When Designing A Site

How to Create a Retro Funfair Vector in Adobe Illustrator

What You’ll Be Creating Wanna have some fun in the amusement park? Then join me in this tutorial and create a retro-style flat funfair scene, inspired by the Grease movie! No special drawing skills are required here—we’ll be working with simple geometrical shapes and the Pathfinder operations of Adobe Illustrator. What is more, we’ll learn… Continue reading How to Create a Retro Funfair Vector in Adobe Illustrator

How To Design An App Walkthrough

Image source: Dan Machado[2] There are so many walkthroughs-misuse situations, that it is questionable whether designers really understand their purpose. There are many complex apps which don’t have walkthroughs, the same as simple ones which don’t need them, but they still incorporated them in their design. This makes the decision on whether to use walkthroughs… Continue reading How To Design An App Walkthrough

Tips about how to Design the Great Logo

The fundamental shapes of universe’s geometry derive from the knowledge of ancient civilizations. These fundamental forms and functions have constantly helped us to divide time and space and have now motivated every known science (technology, languages, math, physics, civil evolvement, etc.). Art and culture have actually mostly benefited from shapes such as for example circles;… Continue reading Tips about how to Design the Great Logo

Animation for Beginners: How to Animate a Character Walking

What You’ll Be Creating In this tutorial I will be taking you through the steps of how to animate a character walking in place. Basically you will be creating a walk that loops infinitely, so if you were to incorporate a walk like this into a movie, perhaps the background would be scrolling from right… Continue reading Animation for Beginners: How to Animate a Character Walking

Designing an iOS App in Sketch

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we start the tutorial, there’s a few things you’ll need: Once you have the items installed, let’s go ahead and create some awesome… Welcome Screen Let’s… Continue reading Designing an iOS App in Sketch

Strategies For Creating Better User Interfaces

Believe it or otherwise not, perfect interfaces are created on an item of paper. It’s much later on that the exact same is used in Photoshop or Sketch App. The primary advantage of paper sketches may be the possibility to produce errors. Unlike limited design pc software, paper is ready to accept everybody’s imagination and… Continue reading Strategies For Creating Better User Interfaces

WP REST API: Setting Up and Using Basic Authentication

In the introductory part of this series, we had a quick refresher on REST architecture and how it can help us create better applications. We then explored the history of REST APIs in WordPress and introduced ourselves to the latest addition: the WP REST API plugin. We set up a basic working environment for testing… Continue reading WP REST API: Setting Up and Using Basic Authentication

Don’t Forget to Cover Your Client Side!

By making sure that your application is tested, you are able to reduce the amount of bugs you find in your code, increase the maintainability of your application, and design well structured code.  Client side unit testing presents different challenges than server side testing. When dealing with client side code, you will find yourself struggling to… Continue reading Don’t Forget to Cover Your Client Side!

10 Tips for Designing Logos That Don’t Suck

So you’re designing a logo. It sounds like an easy enough task, right? Draw a circle, type in the company name and you’re done (I’ve literally heard a designer suggest that very process). Unfortunately, if you’re really worth the money the client is paying you, there’s a lot more to it than that. There are… Continue reading 10 Tips for Designing Logos That Don’t Suck

Conceptual Photography: 37 Imaginative Photos

Beautiful photography can touch your heart. The following incredible examples of Conceptual photography showcase of talented photographers who trying to convey a message or concept. Conceptual photography is a type of conceptual art – is a photography genre in which the artist makes a photograph of a concept or illustrates an idea. Usually the conception of the… Continue reading Conceptual Photography: 37 Imaginative Photos

Guidelines Of Using Colors In Web Design

When creating a website or any other type of application, you must be aware that the colors used in it are vital for the overall user experience. If the viewer find it difficult to use the application because of its colors, then you have a big problem. In order to avoid this situation, you should… Continue reading Guidelines Of Using Colors In Web Design

10 Things You Don’t Want to Hear About Web Design

OLYMPUS DIGITAL CAMERA

Given that the web design field flourishes in the face of honest and open feedback, we thought we would put together a post that discusses some things that we as an industry need to hear, that we perhaps don’t want to. Or that aren’t always the easiest to hear.   1 – Not Always Room… Continue reading 10 Things You Don’t Want to Hear About Web Design