Best of the web for Design and Web Development September 2019
- September 30th, 2019
- News
The best of web that time of the month where roundup the highlights from the month from online web and design community. The post features a collection of phtoshop and illsurator tutorials for sharpeing your design skills, alongside web developement articles from CSS hacks to new new wordpress updates. These web round up is always a great post worth reading through.
Photoshop
How To Make a Fun Oil Painting Pet Portrait in Photoshop
Follow along with today’s Photoshop tutorial to turn your pet into a renaissance masterpiece. We’ll use a public domain oil painting of a 19th century Dutch General as the source, then combine some Photoshop filters to apply the painterly look to a digital photograph to blend the two images into a comedic portrait that is cute, surreal and hilarious at the same time!
Illustrator
How to Draw a Back to School Character in Adobe Illustrator
This time we’ll be creating a cute cartoon Back to School character! Let’s use the Pencil Tool and other handy tools of Adobe Illustrator to draw a funny raccoon wearing glasses. This character can be used for making stickers, patterns and designs for stencil and fabric. Let’s do it!
Web and design articles
Everyone has used URLs, but few have put much thought into what it takes to craft a high-quality URL.
Everyone has used URLs, but few have put much thought into what it takes to craft a high-quality URL.
Figma plugins are a recent addition to what’s becoming the go-to collaborative tool for UI designers everywhere. Plugins are built by the community (you can even build one yourself if you wish) and provide an easy way to extend your capabilities with Figma. Through this helpful update, designers can automate repetitive tasks, add accessibility features, and add helpful content into mockups.
It would surprise me if you’d never come across a ghost button 👻. You know the ones: they have a transparent background that fills with a solid color on hover. Smashing Magazine has a whole article going into the idea. In this article, we’re going to build a ghost button, but that will be the easy part. The fun and tricky part will be animating the fill of that ghost button such that the background fills up in the direction from which a cursor hovers over it.
The scrollbar is a humble but productive mechanism that operates as the primary means through which one can traverse a document. But that’s not all a scrollbar can do! This modest workhorse also provides a meaningful hint at how long the document is, pulling double duty as a document progress bar too.
Where to put buttons on forms
Button placement on forms is often ignored or prioritised based on what looks good.
Twenty Twenty: An Introduction to the New Default WordPress Theme
Twenty Twenty is the new default WordPress theme coming with the latest release of WordPress 5.3. Like its predecessor Twenty Nineteen, Twenty Twenty has been designed with a special focus on Gutenberg. There’s a big difference between the two, though: Twenty Twenty isn’t built from the ground up; it’s designed upon an existing theme from the WordPress community instead.
