Best of the web for Design and Web Development September 2018

• October 1st, 2018
• News

Its that time of month where we roundup the latest design tutorials, as well as best news from the online design and web community published throughout the month of September.

The September edition contains unique Photoshop and Illustrator text effects, and various other design tutorials. We have included also interesting articles about side way text using CSS, as well as great articles on CSS shape path finder this is a revolutionary CSS feature which I highly recommend reading.

I hope you enjoy the post please do share, and comment below.

Photoshop

Create Meteorite Text Effect in Photoshop

Learn to create a meteorite text effect in Photoshop with this detailed, step-by-step Photoshop. Suitable for intermediate skill level

How To Create a Mosaic Text Effect

. Those Fauxsaics are painstakingly created by hand by drawing each individual tile, but my process uses the power of Adobe Illustrator to achieve a similar look. We’ll then transfer the art over to Photoshop to help boost the realism with texturing and the must-have pair of superimposed feet

How to Create a Pastel Photo Effect Action in Adobe Photoshop

In this tutorial, you will learn how to create an amazing pastel photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time.

How to Create a Leaf-Covered Text Effect Action in Adobe Photoshop

In this tutorial, you will learn how to create an amazing pastel photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time.

Illustrator

How To Create a Retro 70s Style Striped Logo Type Effect

70s inspired type style, then follow it up with an alternative process that has the advantage of preserving the live text.

How to Create an Abstract Topographical Map Icon

Transform a simple geometric shape and wavy lines into an abstract topographical map icon in minutes!

How to create a punk kid illustration using illustrator

In this tutorial we will be using illustrator to create an illustration of a “punk kid”.

Web and design articles

LOVING & HATING THE HAMBURGER ICON

I love the hamburger menu. I hate the hamburger menu.

Google floods webmasters with ‘mobile-first indexing enabled’ notifications

Did you get a notice from Google that your site is now enabled for mobile-first indexing? You’re not alone.

Design Considerations for Multiple Email Clients and Devices

Email design follows a lot of the same considerations as web design: many different types of browsers, operating systems, screen sizes, and devices. But where web designers have been able to use modern CSS techniques and client side scripting languages to help them overcome these challenges, email designers haven’t been so lucky.

Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor

CSS Shapes let your web designs break out of the rectangular grid. All of those classic magazine design elements like non-rectangular text flow and shaped images can be yours, for the low low price of using a new CSS standard. Text can flow, images can be rounded, even just a few non-parallel lines can make your site stand out and make your brand distinctive. Standing out is the biggest challenge most sites face today. Shapes can help!

Customise radio buttons without compromising accessibility

We can do quite a lot with CSS to create fancy radio buttons (or checkboxes, for that matter), and that’s awesome. I happened to be working on a Cordova-based demo application, which had a few boolean configuration options, which made sense to be implemented as radio buttons. Plain ole’ radio buttons seem a bit boring, but with a bit of CSS, it’s not too much trouble to spruce things up.

Easily Create Sideways Text Using the “writing-mode” CSS Property

In this quick tip I’m going to show you how to display text on a web page running from top to bottom, instead of left to right (or right to left). There are a two approaches, one being better than the other, so let’s jump in and take a look!

Google: AMP to use ‘consensus-seeking’ governance model

When the AMP (Accelerated Mobile Pages) Project began, the open-standard to enable publisher pages to load quickly on mobile was a Google-driven initiative. On Tuesday, the company said there are “more than 700 folks contributing over 10,000 commits running on many millions of websites.” Now Google says AMP is moving to an “open governance model.”