Best of the web for Design and Web Development July 2018
- July 30th, 2018
- News
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.
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.
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.
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!
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.
How 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.
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. 
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.
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.
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.
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?
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:
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.
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.
