Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about. While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the… Continue reading 12 Best Google Design & Development Tools
Tag: CSS
25 Must-Read Books For Designers, Typography Lovers, And Freelancers
UPDATED AUGUST 2020 You may already know that I read a lot and of course, being a designer and a blogger there are many design blogs that I follow and read on a regular basis, but there’s also a lot of books about design, usability, typography, CSS, freelancing and a boatload of other related topics… Continue reading 25 Must-Read Books For Designers, Typography Lovers, And Freelancers
Exciting New Tools for Designers, August 2020
The common theme in this month’s collection of new tools and resources is “things that help you show off your work.” Many of these tools are made to help you better web products or apps or showcase designs with others. Here’s what new for designers this month. Naturaltts Naturaltts is an online text to speech… Continue reading Exciting New Tools for Designers, August 2020
How to Make Your Own SVG Files
Using images is essential in web design. This is why knowledge about different image formats is important for web designers. Not only this, but it is also necessary to learn about the functions of each type of image. Knowledge on how to create and edit such images are also considered as essential skills for web… Continue reading How to Make Your Own SVG Files
Choose Your Own Adventure with the Parsons Web Design and Development Certificate
Many people dream of a career in web design, but it may actually be more attainable than you think. There are countless online courses, of variable quality, with little to no academic structure; self-learning is an option, but it doesn’t come with a curriculum. Without a professional structure and a comprehensive curriculum your dream career… Continue reading Choose Your Own Adventure with the Parsons Web Design and Development Certificate
Performance Tip: Use the Media Attribute for Faster Page Load Times
Sometimes web performance optimization takes a lot of work, and sometimes performance can be improved in just a moment. Adding the media attribute to conditional CSS files is an easy and quick way to speed up web page load times. TL;DR In short, if you add the media attribute to the <link> tag that calls… Continue reading Performance Tip: Use the Media Attribute for Faster Page Load Times
How to Self-Host Google Fonts on Your Own Server
As web designers living in the era of high-speed internet, we have picked up the habit of adding external dependencies such as fonts from third-party servers, most frequently from content delivery networks (CDNs). However, this is not always the best decision. Sometimes, it’s still better to stick to your own infrastructure and host your assets… Continue reading How to Self-Host Google Fonts on Your Own Server
How to Improve Largest Contentful Paint (LCP) and SEO
Contentful; Webster’s Dictionary defines “contentful” as… not found. Clearly someone made up this word, but that is not necessarily a bad thing. The world of user experience metrics is moving quickly, so new terminology is needed. Largest Contentful Paint (LCP) is one of a number of metrics measuring the render time of content on a… Continue reading How to Improve Largest Contentful Paint (LCP) and SEO
What is Jetpack for WordPress?
Have you ever wondered “What is Jetpack”? If you’ve ever run a WordPress website the chances are you’ve seen its name crop up. Jetpack is an awesome free plugin for WordPress. It can help make your WordPress site secure, make it faster, and also grow your audience. Jetpack is the work of Automattic, the same… Continue reading What is Jetpack for WordPress?
How to Enhance Your Website Layouts With SVG Shapes
In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it with Bootstrap styles as well as a full-screen background video. The best way to understand what we’re going to build is by checking out the demo, so it’s… Continue reading How to Enhance Your Website Layouts With SVG Shapes
What are Breadcrumbs in WordPress?
In this tutorial I’m going to explain all you need to know to get started using breadcrumbs in WordPress. BreadCrumbs in WordPress Follow along with us over on our Envato Tuts+ YouTube channel: BreadCrumb Plugins on CodeCanyon If you’re interested in what solutions are on offer from our community of coders, check out the premium WordPress… Continue reading What are Breadcrumbs in WordPress?
WordPress Developer Skills and practices You Should Master in 2020-21
19 Shares Turning into a WordPress developer is difficult to buckle down, genuine difficult work. You would need to place in a ton of time, challenging work, devotion, and center to turn into a first-class developer. There is space to turn into an average developer, that way you won’t put so much time and exertion… Continue reading WordPress Developer Skills and practices You Should Master in 2020-21
Exciting New Tools for Designers, June 2020
The best new tools for designers are ones that make your life easier and your workflows faster. You’ll find some of those in this list this month for sure. From tools to help you capture and manage color palettes to AI-powered design analytics to simple animations, there’s something for almost every designer or developer. Here’s… Continue reading Exciting New Tools for Designers, June 2020
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
Popular Design News of the Week: May 4, 2020 – May 10, 2020
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: May 4, 2020 – May 10, 2020
How to Choose the Best WordPress Theme for Your Business
Creating your company’s website is a big project. This is true no matter what kind of company you operate: a manufacturing firm, a retail store, a business consultancy, or a software development company. The process includes multiple components: developing your message, writing the copy to express it, creating an easy-to-navigate structure, and coming up with… Continue reading How to Choose the Best WordPress Theme for Your Business
How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack
In this short tutorial, we’ll learn how to build a CSS-only switch component by taking advantage of the “CSS checkbox hack technique”. Along the way, we’ll also look at other switch implementations on Codepen. Sound like a good challenge? Our Switch Component Here’s what we’ll be building during this tutorial–a simple todo checklist: For design… Continue reading How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack
Creating an Accessible Range Slider with CSS
April 29, 2020 I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to do this has improved my CSS skills. Today we are going to talk about input[type=”range”]. These inputs where you select a value from a slider that has a thumb on it. You… Continue reading Creating an Accessible Range Slider with CSS
Exciting New Tools for Designers, April 2020
While there’s a lot going in the world with the COVID-19 pandemic, the design world is also reacting. You’ll notice that some of the newest tools and resources for designers are for working through or with the virus’ impact or are inspired by this change to our lifestyles. Here’s what new for designers this month.… Continue reading Exciting New Tools for Designers, April 2020
7 Online Business Ideas That You Can Start With Just WordPress Plugins
As the time passes by, the online businesses are growing rapidly with the support of already available online business platforms, plugins etc. And to Achieve the same, WordPress is much louder than anything else around to fulfill the required online business existence without any boundaries and limitations. As having the high-end yet diversified software… Continue reading 7 Online Business Ideas That You Can Start With Just WordPress Plugins
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
How to Style Wide and Full-Width Gutenberg Blocks in WordPress
The Gutenberg block editor for WordPress has changed how we create content within the CMS. But it’s also opened up some new possibilities on the front end as well. One of the more interesting developments in this area is the ability to add “full” or “wide” blocks to a page or post. This feature adds… Continue reading How to Style Wide and Full-Width Gutenberg Blocks in WordPress
6 Best Browsers for Developers in 2020
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
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