News

Best of the web for Design and Web Development July 2018

The month of June wrapped up all into one post. This months round up features a mixture of both Photoshop and Illustrator tutorials from how to create an ice text effect to how to create a sci-fi portrait. There’s also some great articles certainly worth reading such as how to use Chrome web tools and the ethics a front end developer should have.

I hope you enjoy this months roundup, and would love to hear what your favourite posts where from the roundup in the comments section.

Illustrator

How to Create Animal Donuts Designs in Adobe Illustrator

In this tutorial, you will learn how to create four animal donuts in Adobe Illustrator.donuts

Create a Scary Look-Through-The-Keyhole Illustration in Adobe Illustrator

In today’s tutorial, we’re going to take a look behind the process of creating a scary illustration using mostly a couple of basic geometric shapes.key-lock

 

How To Create a Line Art Badge Logo in Adobe Illustrator

Logo designs made in the style of line art are still a pretty popular trend at the moment, they feature simplified illustrations to produce a minimalist design. This style seems particularly common amongst outdoors themed logo designs, often including landscape scenes made entirely of lines, composed into a badge style layout. In today’s Adobe Illustrator tutorial I’ll take you through the process of creating your own line art badge logo. Despite creating the whole design with just lines, we’ll still incorporate a variety of useful Illustrator tips and techniques.bridge-logo

6 Quick Steps to Creating a Fantasy Building Vector Icon

Pop on your imagination cap and get ready to play with basic shapes and building designs in this quick tutorial on creating a fantasy building vector icon!badsge-line

Photoshop

How to Create an Abstract, Sci-Fi Portrait in Adobe Photoshop

In this tutorial, I’ll show you how to use Adobe Photoshop to create an abstract, sci-fi portrait using a variety of photo manipulation techniques.

abstractHow to Create an Easy Ice Text Effect in Adobe Photoshop

This tutorial will show you how to use layer styles, with simple shapes and textures, to create an easy ice effect in Photoshop.

ice

How to Create a Photo to Pencil Drawing Effect in Photoshop

This tutorial will show you how to use layer styles, with simple shapes and textures, to create an easy ice effect in Photoshop. pencil-illustration

Create Valley of the Dragons Photo Manipulation in Photoshop

In this tutorial, I will show you the process I used to create valley of the dragons photo manipulation in Photoshop.

dragfgon

Web and design articles

Design Systems: Everything You Should Know

Are they a revolutionary trend or just a new word instead of the ‘Guide’ term? Trying to understand what’s what.design-systems

What kind of ethics do front-end developers need?

Now that the technology sector of the world is rapidly transforming all of the world’s things into digital things, many have called for more ethics in our field. That is in many instances quite a vague goal, so let’s apply it to one part of digital: front-end development. How can we be more ethical as front-end developers, what kinds of things can we do? I thought I’d try and make a list.

front-end

How to Keep Your WordPress site Busy While You’re on Vacation

It’s that time of year! The sun is shining (well, it is in the UK for once) and thoughts turn to vacations. But what do you do with your website while you’re away?revive-old-posts

How to use Chrome DevTools like a Pro

As the name implies Chrome Developer Tools is a tool that allows web developers to interfere and manipulate applications via the browser. With this tool you can:jotform

HOW TO RUN A SUCCESSFUL DESIGN CRITIQUE

The quality of critique sessions is a clear indicator of how well the creative process is being managed. When a design critique goes well, it can create more ideas on how to solve the problem at hand or help designers pick between a multitude of great solutions. But when a design critique goes wrong, it becomes a huge source of frustration for designers; designers who have been burned by insulting or unfocused critiques stop going to the sessions.digital

Performance Auditing: A Firefox Developer Tools Deep Dive

In this article, we’ll cover Firefox Web Developer Tools (“DevTools”) — a set of tools designed to help developers inspect, debug, profile and optimize the performance of websites and web applications. We’ll particularly look at the tools related to performance, but we’ll also see how to get started using DevTools in general, and learn about some useful settings.

What kind of ethics do front-end developers need?

Now that the technology sector of the world is rapidly transforming all of the world’s things into digital things, many have called for more ethics in our field. That is in many instances quite a vague goal, so let’s apply it to one part of digital: front-end development. How can we be more ethical as front-end developers, what kinds of things can we do? I thought I’d try and make a list.

 

 

front-end

Sponsor

You may also like

Please Leave a comment