Best of the web for Design and Web Development July 2018

14 min



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

In this tutorial, you will learn how to create four animal donuts 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.
 

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.

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

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.

This tutorial will show you how to use layer styles, with simple shapes and textures, to create an easy ice 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.

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

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

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.

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?

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:

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.

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.

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.
 
 



Source link


Like it? Share with your friends!

0 Comments

What's Your Reaction?

Naughty Naughty
2
Naughty
Cry Cry
6
Cry
Cute Cute
6
Cute
LOL LOL
4
LOL
Love Love
4
Love
OMG OMG
3
OMG
WIN WIN
2
WIN
WTF WTF
2
WTF
Wow Wow
6
Wow
Angry Angry
3
Angry
Damn Damn
2
Damn
Dislike Dislike
1
Dislike
Like Like
6
Like
Huh Huh
3
Huh
Choose A Format
Story
Formatted Text with Embeds and Visuals
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Ranked List
Upvote or downvote to decide the best list item
Video
Youtube, Vimeo or Vine Embeds

Send this to a friend