Best of the web for Design and Web Development October 2017

October 30th, 2017
News

Another month has past, which as always where rounding up the highlights from the month by collating together the very Photoshop and Illustrator tutorials published in the online web community during October. We have also included in the post web and design articles from how to build a web a portfolio for tips on working with new CSS grid.

I hope you enjoy the monthly roundup, and would love to hear your thoughts in the comments section below.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Illustrator

How To Create a Faceted Gemstone Logo Graphic in Adobe Illustrator

The multi-faceted and polygonal logo design style still seem to be really popular, especially with brands in the tech and digital industries. These logo designs are often quite detailed with lots of gradient colours and shading that gives the graphic an icon-like appearance. Follow along with today’s Adobe Illustrator tutorial to create a stylised gemstone logo graphic in Adobe Illustrator. We’ll use a range of tools to produce the design in vector format, resulting in a crisp design that could form the basis of a modern brand identity.

Boo-filled Hand Drawn Halloween Pattern Vector!

In case you’re still needing spooktacular Halloween designs, we’re rolling out this awesome hand drawn Halloween pattern vector tutorial! With this you’ll learn to draw classic Halloween elements and turn them into a fun and boo filled pattern.

How to Create a Spirit Day-Inspired Text Effect in Adobe Illustrator

In the following steps, you will learn how to create a Spirit Day inspired text effect in Adobe Illustrator.

Photoshop

How to Create a ‘Stranger Things’ Inspired Text Effect in Adobe Photoshop

This very quick tutorial will show you an easy way to create a text effect inspired by the ‘Stranger Things’ series, using only layer styles and some simple adjustments.

How to Create a Flame Text Effect in Adobe Photoshop

Pyrophobia is an inordinate fear of or hatred of fire. This tutorial will show you how to use Photoshop’s Flame filter, along with some flame, smoke, and spark image textures as well as blending options, filters, and adjustment settings, to create a blazing, fiery text effect.

Draw Pen and Book Icon Using Photoshop and Illustrator

In this tutorial, you will learn how to draw pen and book icon from scratch using Photoshop and Illustrator. We will use basic tools such as Pen and Brush and combine them with layer style to get realistic result.

Web and Design articles

How to start building up your design portfolio

Graduating from design school and trying to get your first job can be one of the most frustrating times in your career. You need a design portfolio to get a job, but you haven’t had a full-time design job before, so what are you going to put in it?

Creating Vue.js Transitions & Animation: Live Examples

My last two projects hurled me into the JAMstack.

Keyword Not Provided: What does it mean, and what can I do?

In October 2011, Google announced that they were beginning to encrypt search queries for users who were logged into Google. This meant that from an analytical perspective, if you visited your keyword report in Google Analytics (or any other reporting platform), you would see (not provided) at the top of your organic keyword list instead of the actual organic keywords. This only applies to organic keywords and not to paid keywords.

Naming Things In CSS Grid Layout

When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid.

The SEO Apprentice’s Toolbox: Gearing Up for Analysis

Being new to SEO is tricky. As a niche market within a niche market there many tools and resources unfamiliar to most new professionals. And with so much to learn it is nearly impossible to start real client work without first dedicating six months exclusively to industry training. Well…that’s how it may seem at first.

SEO

A UX Designer’s Guide to Building Better Forms

From hating the paperwork at their desk jobs to filling out their insurance form online, the one activity that users disdain most is filling out forms. And yet, forms are an absolutely unavoidable part of our business.

Essential JavaScript Libraries and Frameworks You Should Know About

JavaScript has been around for 20+ years, and it’s one of those languages that never stop evolving. The language has been experiencing a fast-paced growth recently that makes me wonder whether the modern front-end JavaScript technologies that are well known today will be relevant a couple of years later.

The Story of CSS Grid, from Its Creators

On October 17th, Microsoft’s Edge browser shipped its implementation of CSS Grid. This is a milestone for a number of reasons. First, it means that all major browsers now support this incredible layout tool. Second, it means that all major browsers rolled out their implementations in a single year(!), a terrific example of standards success and cross-browser collaboration. But third, and perhaps most interestingly, it closes the loop on a process that has been more than 20 years in the making.