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
Tag: cases
Get Started With WPBakery (Formerly Visual Composer)
Writing HTML, CSS, and PHP code to build or customize a WordPress site can be incredibly time consuming, even for an experienced web developer. That’s probably why much of the WordPress community has moved on to using page-builder plugins instead. WPBakery Page Builder (formerly called Visual Composer) is the most flexible and feature-rich WordPress page-builder plugin… Continue reading Get Started With WPBakery (Formerly Visual Composer)
Best Practices for Displaying Form Errors
One of the most important but often neglected aspects of form design is the display of error messages. Helpful and well-designed error messages can improve the user experience, while confusing ones can lead to frustration. Learn how to get it right in our new short course, Best Practices for Displaying Form Errors. What You’ll Learn Submitting… Continue reading Best Practices for Displaying Form Errors
The Importance of Readability on the Web
Readability on the web has to overcome many hurdles. Even if you follow all the right conventions, the presence of digital ads, popups and click bait can all distract from the main content of your site. But how do they impact readability? How can you use design to improve it? Below are some ways of… Continue reading The Importance of Readability on the Web
Which Should You Use and When?
Flexbox and CSS Grid are two CSS layout modules that have become mainstream in recent years. Both allow us to create complex layouts that were previously only possible by applying CSS hacks and/or JavaScript. Flexbox and CSS Grid share multiple similarities and many layouts can be solved with both. When to use which is another… Continue reading Which Should You Use and When?
Create an Animated SVG Logo for International Women’s Day 2019
To mark International Women’s Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag #BalanceforBetter. In the process we’ll be learning about using Figma and its boolean operations, as well as inline SVG animation via the animateTransform element. This is what we’ll be creating:… Continue reading Create an Animated SVG Logo for International Women’s Day 2019
How To Fix ‘Failed To Load Resource’ Error In WordPress
The “Failed To Load Resource” error is one of the most frustrating issues many WordPress users have been encountering lately. This error is quite hard to fix since it can be caused by several different issues like plugin compatibility issues and HTTPS URL issues and more. In this post, we take a look at some… Continue reading How To Fix ‘Failed To Load Resource’ Error In WordPress
How To Fix ‘503 Service Unavailable’ WordPress Error
One of the few very frustrating errors you’ll ever encounter when using WordPress is the ‘503 Service Unavailable’ error. This error can be quite confusing to most WordPress users as it could completely render your website offline without giving you any clear reason to what caused the error. There can be a few different causes… Continue reading How To Fix ‘503 Service Unavailable’ WordPress Error
How to Make a Sticky Menu in WordPress
What You’ll Be Creating Navigation menus are changing. Instead of just throwing one into a site without considering what form it’ll take, designers are taking the time to consider the design of navigation menus, the space they take up on the page, and how users interact with them. One growing trend is for sticky menus.… Continue reading How to Make a Sticky Menu in WordPress
7 Best Web Design Strategies to Implement to Build Audience’s Trust
How likely will you recommend a specific website to someone? Generally, we evaluate a website based on its contents, responsiveness, and designs. When a webpage captures your interest, you will usually navigate the site and look everything about it. As they say, first impressions always last. It means when you saw something interesting for the… Continue reading 7 Best Web Design Strategies to Implement to Build Audience’s Trust
4 Examples of Bad UI and How to Avoid Them
The easiest way to observe bad user interfaces is by keeping your eyes open. Every time you order something online, every time you visit a new website, every time you fill in a form, purchase a product or publish a post, think about how you’re being asked to perform that task. Where are the buttons… Continue reading 4 Examples of Bad UI and How to Avoid Them
Building Image-Rich Websites Without the Lag
Optimize Image File Size You might be familiar with this trick from the old days, batch when using progressively-loading JPEGs was the height of image optimization techniques. While these methods can still be of some use today, there are many more ways to shave off some loading time today. Use a program like ImageOptim or… Continue reading Building Image-Rich Websites Without the Lag
Why You Should Use Slider Revolution for Your WordPress Site
WordPress Sliders are a dime a dozen, but few can match the amazing Slider Revolution for WordPress when it comes to features, speed, and ease of use. Today we’ll take an in-depth look at: what sliders are the pros and cons of using a WordPress slider plugin on your site why Slider Revolution is the best… Continue reading Why You Should Use Slider Revolution for Your WordPress Site
How to Choose a Software Development Company For a Startup?
An idea. This is what every great project starts from. An idea is essential, but you won’t go far if you don’t know how to turn it into a real product. If a startup founder lacks the necessary expertise but doesn’t want to give up the idea, there are three possible ways out: – Learn… Continue reading How to Choose a Software Development Company For a Startup?
How to Make a Great (Coming Soon) Website Product Launch Page
Launching a new product is an exciting business venture, one that could mean a world of difference for your business. However, as you’re prepping for the launch, it’s important to think about how you’re going to promote your product as well as make it possible for people to buy it. Here are two options: Create… Continue reading How to Make a Great (Coming Soon) Website Product Launch Page
Codester – A Developer’s Helping Hand
Let’s say you are a developer with hands full of new jobs and opportunities, a lot to do and so little time to finish your project and meet your client’s needs. You know what to do, you just need some trustworthy help. Or, you could be on a quest to find your place in a… Continue reading Codester – A Developer’s Helping Hand
Target CSS for Specific Content With WordPress Template Tags
What You’ll Be Creating Learning WordPress development isn’t just about learning to code PHP. You’ll also need some HTML and CSS skills if the sites, themes and/or plugins you create are going to work well. In this tutorial, I’ll show you an incredibly useful feature of WordPress that mixes PHP with some simple CSS. It’s… Continue reading Target CSS for Specific Content With WordPress Template Tags
Freelance designer, design agency, or DIY? Who should design your new website?
Whether you want to launch a personal blog to share your stories, an online store for your family business or a corporate website for your enterprise, every website development project starts with the same crucial step: design. It is during this part that you decide on a cohesive visual identity for your brand and lay… Continue reading Freelance designer, design agency, or DIY? Who should design your new website?
Keyboard Accessibility Tips Using HTML and CSS
Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML and CSS. A11y From the Beginning These tips are part of Web Accessibility: the Complete Learning Guide, where we’ve collected a range of tutorials, articles, courses, and… Continue reading Keyboard Accessibility Tips Using HTML and CSS
Draw with CSS: Using CSS To Draw Elements
With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how… Continue reading Draw with CSS: Using CSS To Draw Elements
How to Upload a File in PHP (With Example)
In this article, I’ll explain the basics of file upload in PHP. Firstly, we’ll go through the PHP configuration options that need to be in place for successful file uploads. Following that, we’ll develop a real-world example of how to upload a file. Configure PHP Settings There are a couple of PHP configuration settings that… Continue reading How to Upload a File in PHP (With Example)
Understand Arrays in PHP
* { box-sizing: border-box; } body {margin: 0;} In this post, you’ll learn the basics of arrays in PHP. You’ll learn how to create an array and how to use associative and multidimensional arrays, and you’ll see lots of examples of arrays in action. What Is an Array? In PHP, an array is a data… Continue reading Understand Arrays in PHP
Examining the Importance of Logo Design
No matter how organised a business may be behind the scenes, it must present the right image to its clients. This means having the right logo. Many customers first become aware of a business through its logo. Or it might be the first thing they see when searching for a product or service. If the… Continue reading Examining the Importance of Logo Design
Why Data Visualization Matters For Your Business
Data analysis has an undeniable role to play in today’s business operations. By studying the analyzed data, managers and department heads can detect loopholes as well as identify the strongholds of their business. As much as data is essential in efficiently running a business, unorganized or large amounts of data can be too challenging to… Continue reading Why Data Visualization Matters For Your Business