Search
Styling Buttons in WordPress Block Themes
9.1.2023
A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …
Styling Buttons in WordPress Block Themes originally...
Document.elementFromPoint
30.12.2022
Reacting to events with JavaScript is the foundation of a dynamic experiences on the web. Whether it’s a click event or another typical action, responding to that action is important. We started with assigning events to specific elements, then moved to event delegation for efficiency, but...
Adding Box Shadows to WordPress Blocks and Elements
7.12.2022
The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements.
Adding Box Shadows to WordPress Blocks and Elements originally...
Starfield, Bethesda's Next Big RPG, Has Survival Elements Without All The Stress
30.11.2022
With so, so many planets in Starfield, Bethesda’s upcoming space sim game, there’s a lot of room for speculation ahead of its release on Xbox and PC next year. But the time for guessing games is coming to an end. Inspired by fictional themes and “tone” moreso than hardcore realism, the game aims...
A Couple Changes Coming in Chrome 108
4.11.2022
“A change to overflow on replaced elements in CSS”:
From Chrome 108, the following replaced elements respect the overflow property: img, video and canvas. In earlier versions of Chrome, this property was ignored on these elements.
This
…
A Couple Changes...
Unreveal Effects for Content Previews
1.11.2022
Some explorations of page transitions using covering elements and CSS clip-paths
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
25.10.2022
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent element from a …
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class...
Fancy Image Decorations: Masks and Advanced Hover Effects
21.10.2022
Welcome to Part 2 of this three-part series! We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients …
Fancy Image Decorations: Masks and Advanced Hover Effects...
A Pure CSS Gallery Focus Effect with :not
13.10.2022
Oftentimes in the past, I needed to figure out how to add styles to all elements inside the container but not the hovered one.
Demo of the expected “fade-out” effect on siblings to let users “focus” on a particular element.…
A Pure CSS Gallery Focus Effect with :not...
Japanese Gaming Giant Sega to Launch First Blockchain Game
3.10.2022
Sega, one of the largest Japanese gaming companies, has announced that it will launch its first blockchain game in collaboration with Double Jump Tokyo, another Japanese development company. The game, which is based on Sega’s Sangokushi Taisen franchise, will be built using Oasys, a Japanese...
Circle Launches Cross-Chain Transfer Protocol, USDC Issuer Acquires Payment Orchestration Firm Elements
30.9.2022
On Thursday, at the Converge22 event in San Francisco, Circle announced the acquisition of the payment orchestration company Elements. Circle explained that the acquisition includes plans to “quickly scale payment offerings.” Circle says the new service will make it easier...
Named Element IDs Can Be Referenced as JavaScript Globals
27.9.2022
Did you know that DOM elements with IDs are accessible in JavaScript as global variables? It’s one of those things that’s been around, like, forever but I’m really digging into it for the first time.
If this is the first …
Named Element IDs Can Be Referenced as JavaScript Globals originally...
CSS :autofill
22.9.2022
Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been...
More Details on `details`
15.9.2022
A lot of chatter around the ol’ <details> and <summary> elements lately! I saw Lea Verou recently tweet an observation about the element’s display behavior and that sorta splintered into more observations and usage notes from folks, including a revived …
More...
Building Interactive Figma Widgets
12.9.2022
Figma has always encouraged collaboration between developers and designers. It strives on an endless treasury of community-made plugins. Need 3D elements? There’s a plugin for that. Need abstract SVGs? There’s a plugin for that, too.
That said, the design part...
CSS :out-of-range
22.8.2022
One aspect of web development I’ve always loathed was working with forms. Form elements have been traditionally difficult to style due to OS and browser differences, and validation can be a nightmare. Luckily the native HTML APIs added methods for improving the form validation situation. With...
Soccer Clubs FC Barcelona and Real Madrid File Joint Trademark Application for Metaverse Activities
13.8.2022
Two of the biggest soccer clubs in Spain, Real Madrid and FC Barcelona, have applied to receive trademarks for some elements in the metaverse. The clubs have introduced an application that encompasses different activities and services that they can conduct in the metaverse, including...
Nayib Bukele Attributes Tourism Recovery in El Salvador to Bitcoin, Surf, and Crime Reduction
7.8.2022
Nayib Bukele, the president of El Salvador, declared that the speedy recovery of tourism in the country had to do with three elements, including surfing, bitcoin, and overall crime reduction. El Salvador was one of the 15 countries that managed to take their tourism incomes to pre-pandemic numbers...
Survivability in Times of Crisis, Internet Outages and Cyber Warfare – Bastyon Inventor Explains
25.7.2022
Bastyon is a social platform that combines elements of Youtube, Twitter and Torrent; it is closing in on half a million users and growing fast. Bastyon is built on the premise that social media should be Web 3.0, decentralized with an open-source code, distributed node infrastructure and...
Colombia Issues Guide for Implementing Blockchain for Public Projects in the Country
8.7.2022
The Ministry of Information Technologies and Communications of Colombia, Mintic, has issued a guide that describes the steps to implement blockchain in projects directed at the state level. The document defines blockchain and its basic elements, and also describes the guidelines that some projects...