Best of the web for Design and Web Development July 2017

• July 31st, 2017
• News

This is another great month to roundup our personal favourite blog posts from the online design and web development community. The round up includes some great design tutorials for certainly sharpening your Photoshop and Illustrator skills. Alongside some great articles including a great guide to web typography, and some nifty new feature available in Google analytics.

Please feel free to share any design, or web development posts you have stumbled across this month in the comments section below.

Illustrator

How To Create a Geometric Pattern in Adobe Illustrator

Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. There’s an infinite number of results that can be achieved by simply changing up the parameters, shapes or colours used each time. In today’s tutorial I’ll show you a series of techniques you can use to make your own vector geometric pattern. Follow the step by step guide exactly to replicate my design, or remix your own custom pattern artwork by using these techniques as a foundation for your experiments.

Speed Lines Type Effect in Adobe Illustrator

So-called “Speed Lines” seem to have become a popular type effect recently. In today’s Adobe Illustrator tutorial I’ll show you how to add these fast movement lines to create a custom type effect using Illustrator’s various shape building tools. Along the way we’ll touch on a range of useful tips and techniques that are handy time savers to help take some of the tediousness out of the process.

How to Create a Gorgeous Metallic Text Effect – Adobe Illustrator Tutorial

Get luxurious with this gorgeous metallic text effect. Create something fit for a king with 3D effects, gradients, and a patterned background in well under an hour.

Feeling Thirsty? Here’s How to Create a Vector Milk Box Icon

In today’s tutorial, you’re going to take a quick look behind the process of creating a minimalistic milk box icon, using nothing more than the basic geometric shapes and tools that you probably already work with on a daily basis.

Photoshop

Create a deep-sea feel using Photoshop blending modes

The use of Photoshop’s blending modes is not technically difficult. Where the magic lies is in the conceptual ideas you bring to their use. Jono Hislop wants you to have room to breathe your own inspiration into blending modes, so his tutorial makes repeated use of them.

How to Create a Disc Cover in Adobe Photoshop

In this tutorial, you will learn how to create a disc cover design in Adobe Photoshop.

How to Create a Trendy Marble and Rose Gold Text Effect in Adobe Photoshop

In this tutorial, you will learn how to create a disc cover design in Adobe Photoshop.

How to Create a Colorful Explosion Text Effect in Adobe Photoshop

In this tutorial, you will learn how to create a disc cover design in Adobe Photoshop.

Web and Design Articles

A Basic Guide to Website Typography

It should come as no surprise that the core of any website, including yours, is its content. More specifically, the crux of your website is the text that, when put together to form words, sentences, and chunks of understandable information, make up the content that your site visitors see, read, and enjoy.

Mission SEO Impossible: Rank a Single Brand Website for a Broad, Plural Search Query with Comparative Intent – Whiteboard Friday

Competing with comparison sites in the SERPs can feel like a losing game, but it doesn’t have to. In today’s Whiteboard Friday, Rand explains the challenges and outlines five solutions that can help you begin ranking for those high-value comparative terms.

Designing The Perfect Slider

Competing with comparison sites in the SERPs can feel like a losing game, but it doesn’t have to. In today’s Whiteboard Friday, Rand explains the challenges and outlines five solutions that can help you begin ranking for those high-value comparative terms.

A Friendly Introduction to Flexbox for Beginners

This is the updated version of an article published on 4th February 2013. Updates include:rewriting paragraphs and sections to fit new developments in browser support for flexbox and in CSS with the advent of Grid Layout, creating live demos on CodePen, modifying code snippets, title change, adding a featured image, and a few grammatical changes.

Ask a question, get an answer in Google Analytics

What if getting answers about your key business metrics was as easy as asking a question in plain English? What if you could simply say, “How many new users did we have from organic search on mobile last week?” ― and get an answer right away?

How To Steal Design Ideas (And Not Feel Like A Schmuck)

Stealing is wrong. We all know that, right? Mom and dad said it first, then it’s hammered in by every teacher from kindergarten to senior thesis. No stealing.