Weekly News for Designers № 611

Envato Elements

Welcome to the W3C design system – A look at how the W3C’s design system is structured. You can even download templates for use in your own projects.
Example from Welcome to the W3C design system

How to Work With Both Good & Bad Design Clients – How to determine which clients are worth the trouble and which ones you should just skip over.
Example from How to Work With Both Good & Bad Design Clients

CSS Container Query Units – Experimenting with CSS container queries using different units.
Example from CSS Container Query Units

Paper to HTML Converter – Check out an experimental prototype that aims to render scientific papers in HTML.
Example from Paper to HTML Converter

Doodle Ipsum – Create custom doodles for use on your project prototypes, etc.
Example from Doodle Ipsum

10 WordPress Plugins to Help Improve Website Accessibility – A wide selection of tools to help us meet the challenges of accessibility.
Example from 10 WordPress Plugins to Help Improve Website Accessibility

Purity UI Dashboard – Grab a copy of this free ReactJS Dashboard based on Chakra UI.
Example from Purity UI Dashboard

Koloicons – A fully-customizable library of 3,000+ free SVG icons.
Example from Koloicons

Mechanic – An open-source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.
Example from Mechanic

Clients Make Too Many UX Decisions. Here’s How to Stop Them. – Tips for inviting client feedback while keeping them at a safe distance from UX.
Example from Clients Make Too Many UX Decisions. Here’s How to Stop Them.

iPod.js – This JavaScript app uses the familiar iPod Classic UI and pairs it with the ability to connect with popular streaming services.
Example from iPod.js

Basic Pattern Repository – A collection of simple and seamless SVG patterns that you can copy and paste into projects.
Example from Basic Pattern Repository

Faust.js, the Framework For Headless WordPress – Take a peek at WPEngine’s new headless WordPress framework.
Example from Faust.js, the Framework For Headless WordPress

Grainy Gradients – Learn how to create noise effects with CSS and SVG.
Example from Grainy Gradients

Tips for Improving the Core Web Vitals of Your WordPress Website – Optimize your site’s performance and stay in Google’s good graces.
Example from Tips for Improving the Core Web Vitals of Your WordPress Website

iPhone 13 Mockup (FREE) – Add the latest iPhone to your device mockup collection with this free Figma file.
Example from iPhone 13 Mockup (FREE)

Create Content That Targets Your Existing Design Clients – Write informative content that is sure to pique your client’s interest.
Example from Create Content That Targets Your Existing Design Clients

Tove – This new WordPress theme takes advantage of Full Site Editing (FSE) and the Gutenberg block editor.
Example from Tove WordPress Theme

The post Weekly News for Designers № 611 appeared first on Speckyboy Design Magazine.

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

Weekly News for Designers № 611

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.