Flexbox alignment properties are superb and they solve lots of layout problems, especially where the common “vertical and horizontal center” layout is needed. However, there are times when aligning with auto margins is safer and more flexible. This tutorial will show you when! Get Started with Flexbox If you’re just stepping into the world of… Continue reading Flexbox Align: When to Use Auto Margins Instead of Flexbox Center
Tag: buttons
6 Tactics to Improve User Experience on Your Website
Trying to reach out to more customers and engage with them in a better way? Want to enhance the user experience on your website? You have come to the right place. The core anchor and focus of your digital marketing efforts is your website. In the marketing landscape of today, with a global pandemic raging… Continue reading 6 Tactics to Improve User Experience on Your Website
2 Smartest Ways to Structure Sass
Sass – the extended arm of CSS; the power factor that brings elegance to your code. With Sass, it is all about variables, nesting, mixins, functions, partials, imports, inheritance, and control directives. Sass makes your code more maintainable and reusable. And now, I will show you how to make your code more structured and organized.… Continue reading 2 Smartest Ways to Structure Sass
3 Easy Ways to Use Emotion in Web Design
As human beings, we like to think that we’re rational creatures. We tell ourselves that we make our decisions based on fact and logic. However, that’s rarely the full truth. As much as we try to make choices guided by rationality, the truth is that we’re often highly emotional people, driven by the way that… Continue reading 3 Easy Ways to Use Emotion in Web Design
Common React Native App Layouts: Login Page
In this series, you’ll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you’ll be creating won’t be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you’re new to laying out React… Continue reading Common React Native App Layouts: Login Page
How to Design Better Buttons for UI
November 18, 2020 by Sangalang Kristine Learning to design better buttons for UI may be an important skill many designers take for granted. Buttons are more than just what we all think they are, they affect users’ overall experience for websites and apps. It is one of the main elements linking an interaction between a… Continue reading How to Design Better Buttons for UI
How to Use ARIA Roles, Properties, and States in HTML
In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles, properties, and states are, and (very importantly) the 5 rules of ARIA use. What is ARIA? ARIA stands for Accessible Rich Internet Applications and it was created by the World… Continue reading How to Use ARIA Roles, Properties, and States in HTML
5 Tips From Professional Web Designers
All web designers want to make the most functional and attractive site possible on their first attempt. This can be a bit of a hurdle if you don’t have all the tools or a ton of experience under your belt. Remember, especially if you are just starting out, simplicity is important. Don’t go cramming all… Continue reading 5 Tips From Professional Web Designers
Making Minimalism Functional in Web Design
Today, great design isn’t just about conveying the right amount of information in a certain number of pages. There’s more to creating the perfect website than experimenting with visuals and sound. Designers need to think carefully about how each element of their site impacts the overall user experience. After all, with billions of websites available… Continue reading Making Minimalism Functional in Web Design
Mobile App UI Design: Latest Trends
About half of all web traffic now comes from mobile devices. To ensure that they are providing a good experience for their customers, businesses have had to change how they present themselves online. Some have chosen to optimize their websites for mobile devices, while others have decided to develop separate mobile apps. If you’ve decided… Continue reading Mobile App UI Design: Latest Trends
10 Best PHP URL Shortener Scripts
URLs are rarely short and sweet. They usually contain multiple keywords and are accompanied by extra parameters to help with the tracking of different campaigns or incoming traffic. These long URLs with so many parameters can sometimes be off-putting for potential visitors. Therefore, it’s usually a better idea to use a URL shortener script and… Continue reading 10 Best PHP URL Shortener Scripts
Axe-core 4.0 is Here!
Over the past few years, browsers like Firefox and Chrome have provided tools to better protect their users with advanced security features. The latest release of axe-core, axe-core 4.0 enables us to test accessibility even in the most security-aware environments. Improvements in axe-core 4.0 include support of Content Security Policy and has additional options for… Continue reading Axe-core 4.0 is Here!
How to make a business website better by improving its UX
4 Shares To establish a modern business, you need to create a website. Websites are precious. They provide quick access to the essential information and services a company offers. It is great to have an excellent online presence – and sites allow just that. However, many users expect a particular web design one business to… Continue reading How to make a business website better by improving its UX
Case Study: 8 Design Tips That Increased My Ecommerce Conversions By 42%
When it comes to increasing sales for your ecommerce store, there are 3 levers you can pull: You can increase your average order value; You can increase the amount of traffic to your site; You can increase your conversion rate. While all of the above are important, the cheapest, most effective way to grow your… Continue reading Case Study: 8 Design Tips That Increased My Ecommerce Conversions By 42%
8 Design Secrets of B2B Vs B2C Websites
Web design clients come from a wide variety of backgrounds. One day, you’ll be designing a portfolio website for a voiceover artist, the next you’ll be creating a comprehensive ecommerce site for a leading retailer. In an ideal world, you’ll get to a point where you eventually specialize in a niche. However, you’ll need to… Continue reading 8 Design Secrets of B2B Vs B2C Websites
Should I Use Wix to Build Websites?
Should I use Wix? This is a common question many newbie web developers consider when building a webpage. Building a website takes a lot of consideration and effort on top of the thousands of dollars needed to hire developers and web designers. Fortunately, there are website builders available that are not only beginner-friendly but also affordable… Continue reading Should I Use Wix to Build Websites?
5 Ways to Build Codeless Websites Using WordPress’ Gutenberg
Web designers could be forgiven if their eyes glazed over at the mere mention of building a custom website. Creating an advanced website used to require programming knowledge and hours of coding. But thanks to Gutenberg, even those who don’t know their HTML from their CSS will be able to create professional websites that stand… Continue reading 5 Ways to Build Codeless Websites Using WordPress’ Gutenberg
A Guide to Accessible Interactive Components using React Libraries
May 29, 2020 Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote a11y and JS – A Seemingly Unconventional Romance. I love JavaScript, and my job is to code in React. I often observe folks (rightly) critique that React Apps are inaccessible. According to the WebAIM… Continue reading A Guide to Accessible Interactive Components using React Libraries
Online Stores Design Examples to Emulate in 2020
The US economy was on an upswing — in fact, the United States GDP expanded by 2.3% in 2019. 2020, however, is not looking so hot for the labor force or online retailers. There’s no question that the online shopping world has always been competitive, but the recent economic downturn has turned the competition up to 10.… Continue reading Online Stores Design Examples to Emulate in 2020
20 Best HTML5 Audio Players
Do you need to add an audio player to your website? Is the default browser audio player too limited? By adding a premium HTML5 audio player plugin to your website you will be able to successfully share your audio files in a visually appealing and interactive way. Super HTML5 Music Player is one of the many… Continue reading 20 Best HTML5 Audio Players
9 Tips For An Effective Mobile App Design
Mobile applications with a compelling design strike a chord with users almost instantaneously. Achieving such a design, however, is anything but easy. Knowing this fact very well, we’ve collated this blog outlining several important mobile app design tips to help you break through the noise with your next app. Design is one of the most… Continue reading 9 Tips For An Effective Mobile App Design
How to Create Your First Android App Step-by-Step
To create a native Android app, one that can directly use all the features and functionality available on an Android phone or tablet, you need to use the Android platform’s Java API framework. This is the API that allows you to perform common tasks such as drawing text, shapes, and colors on the screen, playing… Continue reading How to Create Your First Android App Step-by-Step
Tips On How To Design Your Own Invoice Template For Business
February 12, 2020 by Spyre Studios Invoices are the bread and butter of your business’s revenue, even if you’re a freelancer. It’s the preferred way to get, on paper, what exactly you need from those that owe you for your service or products. Nowadays we have the choice to make our own to our liking.… Continue reading Tips On How To Design Your Own Invoice Template For Business
12 Best CSS Animations on CodeCanyon
In the past few years, browsers have come a long way when it comes to supporting newer CSS properties that allow developers to create nice effects and animations using just pure CSS. There is a lot of browser support for using different transitions and keyframe animations in your projects now. You no longer have to… Continue reading 12 Best CSS Animations on CodeCanyon