Search
YouTube Might Be Getting Rid Of The Dislike Count
31.3.2021
YouTube just announced that, “in response to creator feedback around well-being and targeted dislike campaigns”, the site is testing some new designs that “don’t show the public dislike count”.Read more
Ideas for CSS Button Hover Animations
17.2.2021
Some inspiration for button hover animations using CSS only.
The post Ideas for CSS Button Hover Animations appeared first on Codrops
Apex Legends Drops Onto Switch On March 9
2.2.2021
Titanfall spin-off Apex Legends is set to bring its online battle royale action to the Nintendo Switch on March 9, according to new details released by developer Respawn Entertainment.Read more
“Cancelable” Smooth Scrolling
2.2.2021
Here’s the situation: Your site offers a “scroll back to top” button, and you’ve implemented smooth scrolling. As the page scrolls back to the top, users see something that catches their eye and they want to stop the scrolling, so …
The post “Cancelable”...
Xbox's Gold pricing flipflop & what it means for Game Pass
25.1.2021
The turbocharge button has been backed away from
Animating with Lottie
11.1.2021
I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button on Twitter. When you “like” a tweet, tiny colorful bubbles …
The post Animating with Lottie appeared first on CSS-Tricks.
You can support...
I Love Everything About The PS5 DualSense Except The Home Button
8.1.2021
Since the PS3, DualShock controllers have had a nice, round home button nestled between the analog sticks that you can easily press to quickly return to the console’s main menu. The PS5's DualSense changes that. I hate it.Read more
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...
Remember the PlayStation 4's Back Button Attachment? Well, It's $20 Now
14.12.2020
PlayStation 4 DualShock 4 Back Button | $20 | AmazonRead more
Mash the Buy Button for Ghost of Tsushima, The Last of Us Part II, More in Today's Best PlayStation Deals
4.12.2020
Featured Deal: Ghost of Tsushima | $40 | AmazonRead more
Exploring What the Details and Summary Elements Can Do
26.11.2020
We’ve mentioned before just how great the <details> and <summary> elements are. They’re great for quickly making accordions that are accessible to touch, mouse, and keyboard input:
CodePen Embed Fallback
<details> and <summary> can even be used to play/pause gifs!...
Use a Submit Button Outside of !
24.11.2020
Have you ever felt like you’ve been a professional developer or designer forever, and somehow not known something basic, and borderline hate yourself? That’s me with a trick that was introduced to me by Miguel Piedrafita: 🔥 You can submit forms from a button outside of the form...
What’s Missing from CSS?
21.11.2020
The survey results from the State of CSS aren’t out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are:
Container Queries
Parent...
The ‘Undo Button’ Wallet Tool Gives Users the Ability to Reverse Ethereum Transactions
12.11.2020
On Thursday, November 12, 2020, the blockchain firm Kirobo launched a tool that allows users to reverse ethereum transactions. Similarly to the replace-by-fee (RBF) protocol leveraged by bitcoin users, ethereum transactions can be reversed as well with Kirobo’s “Undo Button”...
How to Recreate the Ripple Effect of Material Design Buttons
12.10.2020
When I first discovered Material Design, I was particularly inspired by its button component. It uses a ripple effect to give users feedback in a simple, elegant way.
How does this effect work? Material Design’s buttons don’t just sport a neat ripple animation, but the animation also...
How to Make an Unobtrusive Scroll-to-Top Button
5.10.2020
A button to return to the top of the page allows the user to quickly return to the top of the page without making too much effort. This can be very useful when the page has a lot of content or which happens, for example, on one page websites, when infinite scrolling is used, or on mobile devices...
Using a brightness() filter to generically highlight content
12.9.2020
Rick Strahl:
I can’t tell you how many times over the years I’ve implemented a custom ‘button’ like CSS implementation. Over the years I’ve used images, backgrounds, gradients, and opacity to effectively ‘highlight’ a control. All that works of course,...
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
Bitcoin.com Wallet Launches Cred’s 1-Touch “Earn” Button
23.8.2020
Bitcoin.com, a global blockchain leader with over 11 million Bitcoin wallets, and Cred, a global blockchain-enabled financial services platform serving clients in 190 countries, today announced a major milestone in their ongoing strategic partnership. The latest Bitcoin.com wallet now features...
Practical Use Cases for JavaScript’s closest() Method
12.8.2020
Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s look at this HTML for instance:
<div data-id="123"<buttonClick me</button</div
That’s pretty straightforward, right? Say...