Access To 100's Of Premium Design Resources

Unlimited downloads

Best of the web for Design and Web Development July 2020

  • July 29th, 2020
  • News

July is another month, which has flown by where we are slowly getting back to normality. There has been some great Photoshop and Illustrator tutorials published through out the month of July from how to create a retro radio illustration to how to create a logo using Photoshop. There’s some great web articles for front end developer a stand article on tips for optimising your Javascript code, as well as great read on the rise and fall of Flash. There’s some great articles and tutorials included in this months round we really hope you’ll enjoy reading through.

Creative Nerds Premium

Design tutorials

Draw a Realistic Retro Radio using Photoshop and Illustrator from Scratch

In this tutorial, we will draw a retro radio from scratch in Photoshop and Illustrator. We will start by drawing its wireframe in Illustrator and then export the path to Photoshop where we will continue to polish it. This is extra long tutorial with a total of 131 steps! If you think you’re up to the challenge, dig in now!

     

How to Create a Fantasy Map of Your Own Fictional World

Follow along with today’s Photoshop tutorial to create your own fantasy world, just like the fictional story settings of Neverland, Middle-Earth or Westeros. We’ll use Photoshop’s built-in tools to establish the landmass and sea, then construct hills, mountains and deserts with some simple filter combinations, before finishing off the artwork with a vintage paper texture and place names to simulate an old world map.

How to Design a Logo with Adobe Photoshop

Bright colors, curved lines, and a well-chosen font can let your customers know you’ve got a fun product. Combine these elements to create a playful logo in Adobe Photoshop.

Create A Water Texture Vector!

It is starting to warm up oustide, so it is only fitting we create a wading water texture vector, like in a pool. It is a relatively quick and easy technique using Illustrator’s EffectsSimplifyOffset Path and some bright colors.

How To Create Seamless Turing Patterns

A clever 3-step process in Photoshop can be used to create the effect, then I’ll explain how you can convert the patterns into seamlessly repeating patterns for use in Photoshop and Illustrator.

Create a palette knife Photoshop action to transform any photo into a palette knife painting. I will explain everything in so much detail that everyone can follow it, even those who have just opened Photoshop for the first time.

Create “Black Widow” Movie Inspired Text Effect in Photoshop

In this tutorial, you will learn to create this awesome text effect inspired by Marvel movie: “Black Widow” in Photoshop.

 

Web and Design articles

How to Switch Logo in Dark Mode

I designed my website with two versions of the logo – one for light mode and another for dark mode. In this article, I’ll share how I switched the color of the logo in light/dark mode.     

How To Create A GitHub Profile README

GitHub recently released a feature that allows users to create a profile-level README to display prominently on their GitHub profile. This article walksthrough how to access this new feature. I’ll also be sharing some fun GitHub profiles I’ve seen so far. I’d love it if you shared yours with me on Twitter @waterproofheart.

The rise and fall of Adobe Flash

Before Flash Player sunsets this December, we talk its legacy with those who built it.

It’s Good To Talk: Thoughts And Feelings On Creative Wellness

With so much pressure to be our best selves and use every waking moment to develop skills, it’s easy to lose track of our own wellbeing. Self-improvement and commitment to your craft are great — but only if you find the right balance.

CSS Painting Order

How does a browser determine what order to paint content in? A first guess might be that browsers will paint content in the order that it is specified in the DOM, which for an HTML page is the order it appears in the source code of the page.

Bootstrap 5 tutorial: learn how to get started without jQuery

About one month ago we found out that the first version of Bootstrap 5 alpha has been officially released with some of the most important changes being removing jQuery as a dependency, dropping support for IE 10 and 11 and generally improving the markup and stylesheets for the most popular CSS framework in the world.

Uncommon CSS Properties

There are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed. Some of those can save you using JavaScript to achieve a specific result, or some can save your time by writing less CSS. As a front-end developer, I came across such things every now and then, and I asked myself, why not list all those less-used and interesting CSS properties in an article?

14 JavaScript Code Optimization Tips for Front-End Developers

JavaScript has become one of the most popular programming languages of all time. It is used by almost 96% of websites all over the world according to W3Tech. One key fact you should know about the web is that you have no control over the hardware specifications of the devices your user would access your website on. The end-user may access your website on a high-end or a low-end device with either great or poor internet connection. This means that you have to make sure your website is optimized as much as possible for you to be able to satisfy the requirements of any user.

Post tags

RELATED POSTS

Please leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.