#web-development

How to customize your /wp-admin with admin.css, and use CSS to print a PDF

Learn how to customize your /wp-admin with admin.css and how to style the WooCommerce's "Overview analytics" page to be printed as PDF.

How to add extra "Local Pickup" fields for shipping methods in WooCommerce?

Learn how to add extra fields’ options for the "Local Pickup" shipping methods on WooCommerce's Cart and Checkout page.

How to Add HTML Content to a Specific Page in WordPress

Are you looking to add a custom message popup to a specific page on your WordPress website? Whether it's for age verification, special promotions, or any other purpose, this guide will walk you through the process step by step.

How to Change Specific Texts and Strings "by Hand" on WordPress

Learn how to change specific texts, titles, terms, and strings "by hand" on WordPress or WooCommerce. Find out how in this post.

Remove zeros on WooCommerce (3 ways)

Learn three different approaches to remove zeros on WooCommerce, whether you need a global solution or a front-end-specific one.

Defer JS on WordPress

Learn how to defer JavaScript on WordPress and dramatically improve your website's loading speed.

How to Add Thumbnails to WooCommerce's Grouped Products

Discover how to enhance the user experience by adding thumbnails to WooCommerce's grouped products. Additionally, learn a bonus tip for displaying all variations of a variable product on a single product page.

Change SRC attribute for mobile images with Vanilla JS

This snippet is a great solution to change the SRC of an <img> HTML element with vanilla JS.

WooCommerce: Redirect Users by Role to Specific URL After Login

Discover how to redirect "subscribers" and "shop managers" to specific URLs after logging into the WordPress admin. This tutorial is ideal for developers or website managers who want to control user access and provide tailored experiences.

WooCommerce: Check if Products in Cart Have a Specific Tag and Remove Them If They Can't Be Shipped

Learn how to check if WooCommerce products in the cart have a specific tag, such as "Bottle-Wine," and automatically remove them if they can't be shipped to the customer's country. This tutorial offers a practical solution for managing product restrictions based on shipping constraints.

Replace Text with CSS Only

Learn how to replace text using CSS only, providing a visual alternative for situations where direct text replacement is not possible or practical. Please note that this solution is primarily visual and may not be ideal for highly accessible websites.

How to Add an Intro to a Website with JS

Learn how to add an introductory animation or content to your website using JavaScript. This tutorial demonstrates a simple approach to ensure the intro is played only once per session or on specific pages.

Simple Accessible Accordion React Component

In the world of web development, accessibility is a crucial aspect often overlooked by many developers. It's not just about creating visually appealing websites or applications; it's also about ensuring that everyone, regardless of their abilities or disabilities, can access and use digital content effectively. One common UI component that requires special attention to accessibility is the accordion.

How to Change Default "Add to Cart" Button Text to "Pre-order Now" in WooCommerce

Learn how to customize the default WooCommerce "Add to Cart" button text to "Pre-order Now" for specific products. Follow this simple guide to enhance your online store's user experience.

How to Speed Up WordPress Websites

This video provides a fundamental approach to achieving faster page load times for WordPress websites.

My Choice for Gatsby Markdown Code Highlighting and Why

Discover why I've chosen `gatsby-remark-vscode` as the code highlighting solution for the dc.tips website. This plugin leverages VS Code's extensions and themes, offering sophisticated syntax highlighting without relying on client-side JavaScript.

How to Download an Entire Website

Learn how to download an entire website on MacOS/Linux and Windows using simple commands or tools like HTTrack. This guide provides step-by-step instructions for capturing website content for offline use or archiving purposes.

Custom Scrollbar with CSS (WebKit)

Learn how to customize the scrollbar with CSS for WebKit browsers, providing a visually appealing design for scrollable elements on your website.

Code Examples of the Media Creators (NodeJS) website

Here is shown a few precious pieces of code, to help in the near future, when no one knows what this all is about.

How to Make a Themeable SVG Favicon

Tailwind CSS: Targeting Mouse Devices Only with `mouse-only:`

10web — A Podcast for Developers

10web is a 🇵🇹 Portuguese podcast which invites developers and people in tech to talk about the modern web, marketing, SEO and about the business of web development in Portugal.

The Boagworld UX Show

The Boagworld Show was the first web design podcast and ran from 2005 to 2021. It interviewed the leading minds in the field and was instrumental in setting the direction of the modern web.

Full Stack Radio — A Podcast for Developers

A podcast for developers interested in building great software products. Hosted by Adam Wathan.

GraphQL.FM — A Podcast for Developers

GraphQL.FM is a weekly show on all things GraphQL. Every week Marc-Andre Giroux ([GitHub]) and Tony Ghita (Twitch.tv) chat with a GraphQL expert. The show is live-streamed on Twitch every Tuesday at 12PM PST!

Javascript Jabber — A Podcast for Developers

Weekly panel discussion about Javascript on the front and back ends. This show is primarily focused on the web ecosystem, but also covers NodeJS, mobile, and language features.

JS Party — A podcast for Developers

JS Party, a weekly celebration of JavaScript and the web

MongoDB — A Podcast for Developers

Podcast about news and data, software development and anything related to noSQL and MongoDB.

Mudo — A Podcast for Creatives

Mudo is a Portuguese podcast where you can find talks and interviews from creatives in Portugal and around the World. You can find out more info about their creative or business process, get to know their experiences and even collect a few tips to apply on your work and creative process.

Open Source Underdogs — A Podcast for Developers

Open Source Underdogs is the podcast for entrepreneurs about open source software. In each episode, the hosts chat with a founder or leader to explore how they are building thriving businesses around open source software.

PodRocket — A web development podcast from LogRocket

Every week, PodRocket gets you up to speed on everything happening in frontend web development through in-depth interviews with experienced engineers. PodRocket discuss the best, worst, and newest aspects of all your favorite libraries and frameworks. PodRocket also give you a fresh look at the most pressing tech industry issues through the eyes of your peers.

Purrfect.dev — A Podcast for Developers

A weekly podcast about web design and development from Alex Patterson and Brittney Postma. Purrfect.dev is a development podcast made by developers for developers. Learning how to be a developer is hard, Purrfect.dev will show you how to grow as a developer bit by bit.

The Stack Overflow — A Podcast for Developers

The Stack Overflow podcast is a frank and funny conversation about what it means to work in software and how code is reshaping our world. As it celebrates its 12th anniversary, it’s a must listen for any programmer, as necessary as Stack Overflow itself.

Syntax — A Podcast for Web Developers

A Tasty Treats Podcast for Web Developers.

That's my JAMstack — A Podcast for Developers

That's My JAMstack is a podcast looking at the people that make the JAMstack community an amazing place to work and play. Started in 2019 by Bryan Robinson with the philosophy of bite-sized interviews highlighting these amazing developers, designers and technologists.

The Changelog — A Podcast for Developers

Conversations with the hackers, leaders, and innovators of the software world

The CSS Podcast — For Web Developers

A podcast to breakdown complex aspects of CSS into digestible episodes, covering everything from accessibility to z-index.

Laws of UX – A collection of best practices that designers can consider when building user interfaces

PerfectPixel by WellDoneCode: Your Pixel-Perfect Companion

The internet's source for images, pictures, and others. Powered by creators everywhere.