A good understanding of SVG is a rare skill. Surprisingly often, SVG is treated as just another image format. We use SVG because of its scalability and smaller file size, but in reality, SVG is so much more! In this article, I'll shed light on three of the most popular design tools: Adobe Illustrator, Sketch, and Figma. There are also other tools available supporting SVG that may have other functionalities and implement other solutions.

It doesn't matter whether you are a veteran designer or you just started discovering Photoshop, you can always implement the following 10 tips to become better at what you do. Read More

User Interface design is becoming a focus in a whole range of industries. It's a somewhat unnecessary point to make but, the more advanced technology gets, the more it is able to take account of user experience. Here's how it works: when technology is in the innovation stage, where the concepts are new and prototypes are being developed for earliest tests, there isn't the motivation, time or resources to be concerned with the user experience. This makes sense of course, but what it ends up perpetuating is a 'usability lag', whereby the state of technology might be far ahead of … Continue reading →Visit us at InstantShift.com

Welcome to the Spring round of our free HTML and PSD templates showcase. As always we have put together a plethora of various design elements that only have one thing in common – they are all free to use. Other than that you will find a diverse variety of different elements for different use cases. We hope we have what you are looking for. Enjoy! Blur-admin: Free Angular Bootstrap Admin Dashboard Template Created by: Akveo Team Features: Angular Bootstrap administration dashboard template, translucid elements, ultra modern style, uncountable components in its left sidebar menu. License: MIT Fitness: Healthy Blog One-page HTML Template Created by: Bucky Maler Features: Built with HTML5, Sass, JavaScript, Bootstrap 4, Gulp, Design by Blaz Robar, off-canvas right sidebar menu, responsive layout, engaging footer, and more. License: Free for personal use Alegian: Multi-purpose Landing Page HTML Template Created by: Shahin Srowar Features: parallax background, drag-and-drop page builder, very easy to customize, responsive layout, Mailchimp-ready, PSD included, and more. License: Attribution-NonCommercial-NoDerivatives 4.0 International TravelReady: Responsive Landing Page HTML Template Created by: Shahin Srowar Features: Flat section backgrounds and elements, minimal icons, free fonts featured, responsive layout, medium and big thumbnails, background video, PSD included, and more. License: Attribution-NonCommercial-NoDerivatives 4.0 International Sadaka: Flat NGO Website Template Created by: […]

PrestaShop Multi-Warehouse Advanced Stock Management: Easily create multiple warehouses and manage stocks for them. The extension enables you to distribute your inventory among multiple locations. Add incoming shipments, internally move products inside the warehouse, and create delivery orders for the customers. Create multiple warehouses for managing the stock. Assign products to the warehouse in bulk [...]

A solid tap target can make or break your mobile website or app. The size, shape, location, and overall design of the button or link determines whether a user successfully completes an action or not. It might seem like a small thing, but can be one of the most important elements of a design. Modern […]

How did WordPress gain such a massive market share? And what does it have to do in order to maintain its dominance? The post Thoughts on WordPress Achieving 40% Market Share appeared first on Speckyboy Design Magazine.

WordPress doesn't offer any kind of notification system. All you can use is the wp_mail() function, but all of the settings have to be hardcoded, or else you have to create a separate settings screen to allow the user tweak the options. It takes many hours to write a system that is reliable, configurable and easy to use. But not anymore. I'll show you how to create your own notification system within minutes with the free Notification plugin.

Recently I was toying with the idea of a 3D button that moves as the user moves their mouse around it. To further this effect, I added some 3D shadows which move in tandem to give the illusion of a 3D button that is sitting off the page and moves with the user's mouse movements. Demo See the Pen <a href="https://codepen.io/smpnjn/pen/qBjJwar"> 3D Hover Buttons</a> by smpnjn (<a href="https://codepen.io/smpnjn">@smpnjn</a>) on <a href="https://codepen.io">CodePen</a>. How Does It Work? The fundamental concept behind these buttons is that we need to track when the user mouses over the button, moves, and mouses out. On mouseover, we will move the button so it appears 3D. On mouse out, we will reset it.

There's something unusually attractive about a gothic font design. It can make any typographical layout look magnificent and majestic, and it’s probably why gothic fonts are widely used in branding and logo design. If you've been looking for a unique gothic font for a new project, you're in luck. We’ve handpicked the best gothic fonts […]