Simple hack to reduce the impact of CSS on page load time

The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox

Tips, tricks and tutorials on the web’s most beautiful language.

I am Using W3 Total cache plugin for WordPress. My post has one table which updates every minute/hour. But as I do caching, the server does not serves latest version, instead it displays cached cop...

Remove unnecessary "type" attribute from MI script code to keep HTML validators happy. Second file adds async attribute to external gtag script. - remove_type_attr_1148073.php

AT&T doesn't currently allow you to use your own router exclusively, but they do allow your own router behind theirs with few restrictions (and that's the main point). The cable modem router wifi combo I demonstrate is with the Arris/Motorola BGW210-700 that AT&T sent me in July 2020, configuring to use with my pre-existing Netgear Orbi set ( https://jo.my/orbi ). If you instead have the PACE 5268AC FXN, you want my other video: https://youtu.be/hKwyCsJU60I My Youtube Tech Channel: https://youtube.com/c/mikemu My Everyday Reviews Channel: https://jo.my/everydayreviews My Podcast, Mu-ster Tech: https://podcasts.bcast.fm/mustertech Equipment list: https://shor.by/mikegear I use TubeBuddy to manage my Channel: https://www.tubebuddy.com/mikemu Music I use: https://jo.my/soundstripemusic (10% off using code: MIKEMU ) Small Online Meetings: https://jo.my/meetvectera Amex Card Application Offer: https://jo.my/amexoffer Sell your Audio with Soundwise: https://jo.my/soundwise Live Stream with Restream.io, $10 Credit: https://restream.io/join/mikemu ***FREE TRIALS** (Paid Links) Try Audible and Get 2 Free Audiobooks, 30 day free trial: https://amzn.to/2YDs2py Amazon Prime Video: https://amzn.to/30NJn1J Amazon Business Account: (Buy stuff for business or work?) https://amzn.to/2BgwhPv Amazon Prime Monthly: ($5.99 EBT) https://amzn.to/2YImnyi Amazon Music Unlimited Free Trial: https://amzn.to/30NbRIF Amazon Kindle Unlimited Trial: https://amzn.to/30ZLtvB Twitch Prime: https://amzn.to/3d97XfI Dropbox Referral +500MB storage: https://go.mikemu.com/dropbox Website: https://mike.mu Instagram: https://www.instagram.com/mikedotmu/ Instagram 2: https://www.instagram.com/mikemuphotography/ Facebook: https://www.facebook.com/mikemuonline Twitter: https://twitter.com/mikemu Twitch: https://www.twitch.tv/demolismu My Patreon Page: https://www.patreon.com/mikemu Everytable $20 off 1st Subscription: https://go.mikemu.com/everytable20 Tovala $30-$50 off: https://jo.my/50tovala DISCLAIMERS: Some of the links may be affiliate links. If you purchase from these links I may receive a small commission at no additional cost to you. The content of this video and my opinions were not reviewed or paid for by any parties. Thank you for your continued support! #attfiber #useyourownrouter #bgw210

How do I add an id attribute dynamically to every heading tag on a wordpress website using php? I wanted to make it so that for every heading tag (h1, h2, h3, h4, h5, h6) I have a unique id attache...

At this point I’m starting to write more and more blog posts. Every now and then I get a couple questions from people that I’ve covered in a blog post before and I will send them a link to that blog post. This works great, but can be a bit lacking if you want to specifically […]

Use InnerBlocks to insert any block (core or custom) inside your custom ACF block. Set the default content, limit which blocks can be used, and more.

In this tutorial, I’ll show you how to add custom Gutenberg block styles with the Gutenberg block editor. I’ve included two ways — both ES6 and ES5 Javascript.

I code for fun

In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more.

Your link looks to be private…so I couldn’t access it. If I can resolve the fact that ngrok barfs because of too many connections, I will be a happy man. How and why is it doing this? What’s the point of having this if Wordpress spawns so many connections, that ngrok gets mad and times out??

This article explores the fun new world of SVG favicons. We cover adding them to HTML, using emojis, inlining them as data URIs, and supporting dark mode.

When working with a local site and trying to share it via a public URL or receive a webhook - you need to publish the site. Let's use Expose tool for WordPress development.

There are many plugins that tend to automatically add their JS and CSS files to all posts and pages of your blog even though you might be using the..

A tale of online-sleuthing

Our extensive native mobile app usability testing verified that 98% of product-finding guidelines for mobile websites also apply to native mobile apps.

The Accessibility Boilerplate is a basic HTML template to kickstart your web project responsibly. - jbmoelker/a11y-boilerplate

Why compressing images for dense screens is different, and how to serve them

I have previously saved a copy of /var/lib/mysql/ddms directory ("ddms" is the schema name). Now I installed a new MySQL on a freshly installed Ubuntu 10.04.3 LTS by running apt-get install mysql-s...

In a recent project, I helped implement design tokens in an established design system. One of the more challenging parts of this work was updating the components to use design tokens. I learned a couple of things that might help speed up the process for others. Before we talk about using design tokens with components,...

A perfectly rounded icon library made for designers, developers, and pretty much everyone.

@Jacob Peattie that doesn't really work any more. At least with Wordpress 5.7.2, this is the output based on your solution. You can see, srcset still gets returned regardless. <div class="

I'm using ACF to output images in an image carousel called Flickity. Flickity supports image srcset with lazy loading. Here's my basic ACF markup which uses wp_get_attachment_image: <?php $...

Exploring techniques and trade offs for creating reusable grid components using modern CSS best practices.

Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.

Place in your functions file: // Custom Excerpt function for Advanced Custom Fields function custom_field_excerpt() { global $post; $text = get_field('your_field_name'); //Replace 'your_field_name' if ( '' != $text ) { $text = strip_shortcodes( $text ); $text = apply_filters('the_content', $text); $text = str_replace(']]>', ']]>', $text); $excerpt_length = 20; // 20 words $excerpt_more = apply_filters('excerpt_more', ' ' […]

Learn how to create your own Certificate Authority for your local servers so that you can run HTTPS locally without issue.