Search
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...
Magnetic Buttons
5.8.2020
A small set of magnetic buttons with some fun hover animations.
The post Magnetic Buttons appeared first on Codrops
Dark Ages of the Web
30.7.2020
A very fun jaunt through the early days of front-end web development. They are open to pull requests, so submit one if you’re into this kind of fun chronicling of our weird history!
That CSS3 Button generator really hits home. 😬
Direct Link to Article — Permalink… Read...
Cake DeFi: A One-Stop Shop for Generating Yield
29.7.2020
Cake DeFi, a platform that allows users to generate cash flow through pooled masternode staking and options lending, has created a platform with a clean user interface that allows anyone from the novice to the time-starved investor, to start earning interest on their cryptocurrency with a couple...
Pausing a GIF with details/summary
22.7.2020
Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it — which is really a <details>/<summary> element. When toggled, a (non-animated) JPG inside covers the GIF, effectively “pausing” it.
Adrian Roselli calls...
Displaying the Current Step with CSS Counters
8.7.2020
Say you have five buttons. Each button is a step. If you click on the fourth button, you’re on step 4 of 5, and you want to display that.
This kind of counting and displaying could be hard-coded, but that’s no fun. JavaScript could do this job as well. But CSS? Hmmmm. Can it? CSS...
Bitcoin Undo Button & Fleeing Firms: Bad Crypto News of the Week
6.7.2020
Check out this week’s Bad Crypto podcast
An Israeli Blockchain Startup Claims They’ve Invented an ‘Undo’ Button for Bitcoin Transactions
30.6.2020
A two-year-old Israeli blockchain startup says it has found a way to cancel crypto transactions if they are sent to the wrong wallet address
The Many Bad (and Good!) Patterns for Close Buttons
27.5.2020
Manuel Matuzović details 10 bad HTML patterns for a close button. You know, stuff like this:
<a class="close" onclick="close()"×</a
Why is that bad? There is no href there, so it really isn’t a link (close buttons aren’t links). Not to mention the missing href makes this...