Best of the web for Design and Web Development November 2016
Rounding up the month in our usual fashion where taking a look back the best Photoshop and illustrator tutorials, which have been published through the month of November across the online web community. We have include too some really good web articles such as easy ways how to use vectors and top eCommerce web design trends.
The entire design is made from Illustrator’s basic tools and effects and some gradients.
In the following tutorial you will learn how to create a semi-realistic MacBook Pro illustration in Adobe Illustrator.
Add a touch of luxury to your designs with these shiny golden ribbon banner vectors. Easily create banner vector shapes with warped rectangles and apply a series of gradients to the shapes to get a gilded perfection.
Brighten up your day with this fantastic neon light vector text treatment! We’ll use custom brushes and the Appearance panel in order to turn any text into bright, neon light text!
In this tutorial, I will show you the steps I used to create this interesting photo manipulation using Ice Texture, Planet and Human Face in Photoshop. Plus we will be using a number fractal stock and apply some custom brush painting effect.
The video tutorial you’re going to combine the powers of Adobe Photoshop and Adobe Illustrator to create a diamond embellished text effect. Illustrator will be used to produce the initial layout, with the help of a couple of third party scripts, then we’ll transfer the artwork over to Photoshop to add some finishing touches and really bring the effect to life.
In the video tutorial It will take you through the process of creating a fun design that combines the wording “Just another day in New York City”. The words ‘Just another day in‘ are set in a cool mono weight script, which are overlaid against ‘New York City‘ in a tall bold sans serif. We’ll then use a Layer Mask to erase certain bits of the text to give the impression that the script weaves in and out of the other letters. To finish off the artwork, we’ll also use a similar technique to place the typography within a scene of New York City, masking out the text so it seems to sit behind the skyscrapers.
In this tutorial, Murilo reveals how he composes these pieces. You’ll learn not only how to mix watercolour with photos, and use blending modes effectively, but also how to marry them together, harmoniously.
Web and design articles
Sucuri releases a website hacked trend report for each quarter. In their latest report, they have revealed that WordPress powered 78% of the sites hacked in the second quarter of 2016. WordPress hacked sites remain a real problem.
Yet from a front end developer’s perspective, we prefer SVG graphics, which have become widely supported on all modern browsers and are in vector graphics format, which make them easily scalable on different screen resolutions. Moreover, developers have the ability to change SVG graphic properties through code, because SVG is an image and a XML document. This creates myriad options on how to use them. Following are three different approaches.
Shopping was the last thing on your mind amid the US presidential election, which was keeping the world on its heels. But now the elections are over and we know IT’S A BOY. Moreover, Thanksgiving is around the corner with Black Friday in tow, so the shopping craze is about to start. This season, more people are planning to avoid the long queues at shopping malls and shop right from their cozy La-Z-Boy recliners.
Visual Studio Code is a free, open source, cross platform text editor made by Microsoft. They essentially took their online editor Visual Studio Online (codenamed “Monaco”) and used Electron by GitHub to deliver a cross platform editor. They have taken great strides to create a fast and highly efficient work environment for programmers.
I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, “Clean Code”, which compares the hours musicians spend with their instruments in preparation for a concert to developers rehearsing code to perform at work.