On the surface, web browsers seem very similar. They all provide you with a relatively straightforward way to get online and search for the content that you need. However, the more time you spend building your skills as a designer/developer, the more you’ll recognize the need for a unique kind of browsing experience. Fortunately, we’ve found… Continue reading 6 Best Browsers for Developers in 2020
Tag: CSS
How to Add Custom CSS to Your WordPress Site
The WordPress ecosystem is huge, so it can be a challenge to find the perfect theme to match your brand in every respect. A good starting point is by browsing the thousands of high-quality WordPress themes on ThemeForest. However, it frequently happens that you find an almost perfect design but you still want to tweak it a little—or… Continue reading How to Add Custom CSS to Your WordPress Site
CSS Tips for Better Color and Contrast Accessibility
Color accessibility is an important part of visual accessibility. People with various types of visual impairments, such as color blindness and low vision, perceive colors in different ways. As a result, the meaning of colors becomes less significant or is completely lost for users with visual disabilities. Although most articles on color accessibility give design tips… Continue reading CSS Tips for Better Color and Contrast Accessibility
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
How to Lint CSS Using Stylelint
Linters have been around for a good while; but if you’re new to CSS this might be the first you’ve heard about them. A CSS linter will keep your stylesheets in check and make you a better coder! What Are the Benefits of CSS Linters? As front end developers we hope that the code we… Continue reading How to Lint CSS Using Stylelint
Metatags 101: A Simple Guide for Designers
One of my mottos in life, and in business is this: “If Google tells you to do something, you better get it done.” And when it comes to using HTML meta tags for SEO, none of us should be messing around. That said, you know how it is with Google search. The algorithms are always… Continue reading Metatags 101: A Simple Guide for Designers
How to Remove “Powered by WordPress” From the Footer
So you’ve spent days, weeks or perhaps even months perfecting your WordPress website, and you’re excited to finally publish it—and then you notice the Proudly Powered By WordPress disclaimer in your website’s footer. WordPress may be one of the world’s most popular content management systems, but chances are you’ll want people to view your website… Continue reading How to Remove “Powered by WordPress” From the Footer
Boost Your Website Loading Speed with CSS Hacks
The user experience on a website matters the most; the content on it being of parallel value. A website’s user experience is all about making the navigation and the buyer’s journey of a prospective customer/visitor as smooth as possible and providing them with everything that they need to complete an action or a transaction, given… Continue reading Boost Your Website Loading Speed with CSS Hacks
Exciting New Tools for Designers, December 2019
As you are shopping this month for others, why not find a few goodies for yourself? Our roundup of new tools and resources is packed with usable items. And most are free, so there’s no shame in trying out something for yourself. Here’s what’s new for designers this month. CSS Background Generator CSS Background Generator… Continue reading Exciting New Tools for Designers, December 2019
How to Use a Free Responsive Portfolio WordPress Gallery Plugin
There are a lot of free and paid gallery plugins out there which you can use of your website to showcase images to visitors. Some of them simply allow you to display images in a neat manner on the website while others try to provide an all-in-one package with features like lightbox and social sharing… Continue reading How to Use a Free Responsive Portfolio WordPress Gallery Plugin
Exciting New Tools for Designers, November 2019
You’re sure to find some tools and resources that will help you save time as we enter what is often one of the most hectic seasons of the year. Here’s what’s new for designers this month. Screen Size Map Screen Size Map is a tool to showcase popular screen sizes and will even auto-detect yours.… Continue reading Exciting New Tools for Designers, November 2019
How to Build an Accordion Component With the CSS Checkbox Hack
What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack
23+ Best HTML Resume Templates to Make Personal Profile CV Websites (2019)
A personal website is one of the greatest assets you can have in 2019. A personal resume website puts you in complete control over your name and your personal brand. It also increases your visibility and makes it easier for employers, or even clients, to find you online. Example of professional resume (CV) website design… Continue reading 23+ Best HTML Resume Templates to Make Personal Profile CV Websites (2019)
Show an Event Calendar With a Free WordPress Calendar Plugin
Many businesses need to share event calendars with customers. For example, a restaurant can use an event calendar to advertise special musical events, or holiday menus. Similarly, schools can use event calendars on their websites to let students and teachers know about any upcoming activities in school related to sports, exams or other events. Event… Continue reading Show an Event Calendar With a Free WordPress Calendar Plugin
5 Unexpected UX Design Skills to Help You Level Up
Whenever a hiring boom like this happens, you have to consider how it could work against you. Sure, there are more job openings. However, that means that more UX designers (and designer wannabes) are going to come out of the woodwork, trying to snag up the highly coveted gigs. So, let’s assume that you’re all… Continue reading 5 Unexpected UX Design Skills to Help You Level Up
7 CSS Units You Might Not Know About
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. New CSS Techniques It’s easy to get stuck working with the CSS techniques we know well, but doing so puts us at a disadvantage… Continue reading 7 CSS Units You Might Not Know About
How to Build a MouseOver Navigation Slide Effect
Have you ever used the Slider Revolution WordPress plugin in a project? If the answer is “yes”, you might have noticed the mini toolbar that appears in the right corner of the plugin’s configuration page. Initially, only the icons are visible, keeping the whole thing nice and compact. Then each time you hover over an icon, its… Continue reading How to Build a MouseOver Navigation Slide Effect
How to Use the Free WordPress FooGallery Plugin to Create Image Galleries
.jpg)
Some websites require you to add many images in a single post or webpage. For example, you might want to upload a lot of images from an art exhibition or an event on a website. Similarly, any business that focuses on products and services might add a lot of relevant images on a single page.… Continue reading How to Use the Free WordPress FooGallery Plugin to Create Image Galleries
WordPress Survey Plugin: Forminator to the Rescue
Form builder plugins are very handy. Quizzes, polls, surveys, and even event registrations and quote requests are forms. With a form builder plugin, you save time and effort, and the finished product is a well-crafted and professional looking page on your site. A quiz is the type of post that gets shared, thus increasing the… Continue reading WordPress Survey Plugin: Forminator to the Rescue
15 Best CSS Libraries for 2019
Hey kids, you ready for me to tell you all about this newfangled thing called Bootstrap? Well get un-ready, ‘cause I’d never do that to you. It’s not that Bootstrap isn’t great, it’s just that if you work in web design, and you’ve been paying any attention at all, you already know about it. And… Continue reading 15 Best CSS Libraries for 2019
Is It Time to Embrace AMP?
If you own a website, you should have at least heard the term AMP before. If you haven’t, it’s likely you will hear more about it very soon. Google’s Accelerated Mobile Pages (AMP) Project has impacted the user experience of millions of mobile web users since its initial launch in 2015. Though primarily used to… Continue reading Is It Time to Embrace AMP?
How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
<picture> is an HTML5 element designed to give us more versatile and performant responsive image functionality. Instead of loading a single image and trying to resize it to suit all possible viewport sizes and layouts, the picture tag loads multiple images of different sizes and resolutions, choosing the best fit for different scenarios. How Does <picture>… Continue reading How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
How to Create a Mailchimp Subscribe Form Widget for WordPress
In this tutorial I’ll explain how to create a “Mailchimp subscribe form widget” using WordPress, the Mailchimp API, and AJAX. It will be aimed at competent beginner developers, and requires some understanding of PHP and WordPress development. There’s a lot to do, so let’s get stuck in! A Quick Note on APIs “The web has… Continue reading How to Create a Mailchimp Subscribe Form Widget for WordPress
An Introduction to CSS-in-JS: Examples, Pros, and Cons
CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its advantages, CSS-in-JS is a controversial technology, as many developers ask if it’s worth further complicating front-end development. This article intends to give… Continue reading An Introduction to CSS-in-JS: Examples, Pros, and Cons