Development By Simon Sterne Today WordPress is the web’s favourite CMS (content management system), renowned for its low-entry level and vast array of themes and plugins. WordPress’s open-source nature allows for endless flexibility, catering to diverse needs and technical skills. Unfortunately, 10,950,000 websites are hacked yearly, and 4,708,500 of those belong to small businesses. WordPress’s… Continue reading Rock Solid WordPress Security: Keeping Your Business Safe
Tag: gaps
Using Figma variables for breakpoints
The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints
How to create a color ramp used in design systems
Whether you’re a brand designer putting the finishing touches on a color palette or a product designer laying the foundational work for a design system, I will walk you through how to create color ramps utilized in design systems. If you’re new to creating color palettes for digital spaces, check out my previous article, Color for… Continue reading How to create a color ramp used in design systems
Design for meaningful outcomes
Aim for quality outcomes, not just outputs — that’s how we can drive customer and business value! Designing for outcomes enables us to focus on customer needs and meaningful business results. “Start with the customer experience and work backwards to the technology,” Steve Jobs once said. To write a compelling story, start with the ending as a meaningful destination.… Continue reading Design for meaningful outcomes
The Ultimate Guide to Typography
Are you interested in typography? This complete course covers everything from typography history to the difference between typefaces and fonts, typeface classification, how to choose a font, and more! Watch the Ultimate Guide to Typography Course What You’ll Learn What is the history of typography? What is the difference between a typeface and a… Continue reading The Ultimate Guide to Typography
Ask a UXR #2: introducing user research to an organization
On asking the existential questions about a UXR’s purpose, being a thought partner, and bringing questions, not just answers This is the second post in a bi-weekly UXR Q+A series. Submit your questions in the comments, or in this Google form, and it they may be answered in future posts. Follow “Ask a UXR” by subscribing… Continue reading Ask a UXR #2: introducing user research to an organization
How to Make a Perfect Circle in Procreate
What You’ll Be Creating Wondering how to draw a perfect circle in Procreate? Today, I’m going to show you how to make a circle using the shape tool in Procreate. What You’ll Learn in This Procreate Perfect Circle Tutorial How to make a perfect circle on Procreate How to transform or scale a perfect circle… Continue reading How to Make a Perfect Circle in Procreate
23 New Modern Fonts For Designers
68 Shares Use new modern fonts to create beautiful headings, gorgeous invitations, stunning logos, and so much more! Fonts are perfect for displays, headers, invitations, save the dates, weddings, and any where you like. Unique modern fonts and typefaces that will make your design looks futuristic and modern. You can use these fonts for any… Continue reading 23 New Modern Fonts For Designers
2021: The year to recalibrate personas
[unable to retrieve full-text content] 2021: The year to recalibrate Personas Photo by Immo Wegmann on Unsplash 2020 has been, without question, a year of disruption, uncertainty, and unknown territories; with a pandemic that shifted routines and daily lives came a flux in consumption habits, expenditure, and how we spend time. Countries began drafting laws to… Continue reading 2021: The year to recalibrate personas
Tips on Making Your Design Breathe: Using Space Effectively
September 24, 2020 by Clarence Design is about putting elements together to make a whole new object. This can be about product design where you design an object to be functional and better. It can also be about art or digital design where you combine images, color, and texts together to create a whole new… Continue reading Tips on Making Your Design Breathe: Using Space Effectively
Is Change Positive for Web Designers?
As a web designer, you’re constantly being bombarded with messages that tell you to acquire new skills, try new tools, and keep on hustling. But if you’re constantly changing things up, does it do the opposite of what you originally set out to do? In other words, if you always have to start over, is… Continue reading Is Change Positive for Web Designers?
Diversity Initiatives in Web Design
Web developers have been the bedrock of any company’s business strategy for some time, and the industry is continuing to thrive and grow at a rapid pace. This is why it’s surprising that it is so lacklustre when it comes to diversity. A recent study revealed 80% of those in the design industry are male,… Continue reading Diversity Initiatives in Web Design
How to Choose All Terrain Knee Scooter?
You might be wondering as to how to choose all terrain Knee Scooter, here is a detailed guide for you. Such scooters are also called knee walkers and orthopedic scooters. They are made for those people who have an injury on their lower leg or on their ankle or foot. Furthermore, they are a great… Continue reading How to Choose All Terrain Knee Scooter?
8 Ways to Kickstart a Design System
Recently, I was part of a 3-person team of consultants who in 12 weeks built the foundations of a new design system. That design system is now used in multiple products and is contributed to by other developers and designers. In this post you’ll find some of the techniques we used to make the project… Continue reading 8 Ways to Kickstart a Design System
20 Best HTML5 and JavaScript Game Engines and Templates
With Flash end-of-life announced for the end of 2020, HTML5 and JavaScript games have quickly taken over, becoming a major source of gaming on the web. With this major shift in the landscape though came a move from largely using one tool to create online games, to using dozens (maybe hundreds!) of different engines, libraries,… Continue reading 20 Best HTML5 and JavaScript Game Engines and Templates
Features, Syntax, and the Problem It Will Solve
CSS subgrid is slowly making its way into browsers. The CSS Working Group is actively working on it and the related W3C specification has already reached Level 2. This new feature will enable us to enhance grid items with subgrids that inherit the grid tracks of their parent grid and seamlessly align with it. As CSS subgrid is… Continue reading Features, Syntax, and the Problem It Will Solve
The 7 Programming Languages Web Developers Need To Know in 2019
March 19, 2019 by Alex Fox It might not seem important for web developers to learn programming languages. After all, HTML and CSS can develop some incredible sites all on their own. But JavaScript, PHP, and Swift can all extend the functionality of your web page significantly in was that CSS can’t hope to accomplish.… Continue reading The 7 Programming Languages Web Developers Need To Know in 2019
7 Key Factors In Interviewing Users for UX Surveys
When it comes down to it, you need to find out if your design works for the end user. That’s what usability testing is all about. As a designer, you live in a small bubble, intimately familiar with the design, fluent enough to navigate complex menus with ease. But will the user attain the same… Continue reading 7 Key Factors In Interviewing Users for UX Surveys
3 Features Every CSS Navigation Menu Must Have
Building a custom CSS navigation menu for yourself or a client is exciting. You’ve got a blank canvas to start with, and you can create anything. However, CSS menus aren’t simple. Engineering them might be old hat, but over the years, CSS menus have gotten stuck in a groove, skipping some of the most important… Continue reading 3 Features Every CSS Navigation Menu Must Have
Stop Being an Ego Designer
Wow! The new client project has landed and you will be the lead designer! Great, everybody has to do your biddings. Gnaar! Thats wrong, dude! Photo by: Nik MacMillan I believe that every project and teamwork will push you more into the character of an altruist. Designing a digital product with your ego creates a… Continue reading Stop Being an Ego Designer
A Closer Look at the Best UX and UI Tools and Apps
There are various ways to build a prototype, and a prototype can be used as a measure of design progress or to test final result. In most instances, a web designer goal is to create a high-fidelity prototype has the look and feel of the end product, and is also capable of supporting team collaboration… Continue reading A Closer Look at the Best UX and UI Tools and Apps
Tips for Designers Who Don’t Code
I hail from a design background and moved into front-end development some years ago. With responsive web design, the requirement of the designer is shifting. Here are a few tips collated to help designers who don’t code. In an ideal world, everybody designing for the web medium would also be a front-end developer. The reasons… Continue reading Tips for Designers Who Don’t Code
How to Create Flat Profession Avatars in Adobe Illustrator
In this tutorial we’ll be making a set of flat-style portraits, depicting people of different professions and occupations. Such images can be used as avatars for social networks or as design elements for your website, depicting various categories. Or you can even draw yourself, using such flat-style portraits for your business card. If you want… Continue reading How to Create Flat Profession Avatars in Adobe Illustrator
How To Create a Set of Vector Weather Line Icons
Stroked line icons really complement a flat interface style with their minimal and basic appearance. Let’s take a look at building a set of stylised vector icons of our own. We’ll base them on the weather to allow us to create a set of consistently styled icons that would be a perfect match for a… Continue reading How To Create a Set of Vector Weather Line Icons