Search
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...
Collective #601
9.4.2020
LCH colors in CSS * Frontend Mentor * Responsive Images the Simple Way * Button?Design * Interactive Timetable
Collective #601 was written by Pedro Botelho and published on Codrops
CSS Can Influence Screenreaders
23.3.2020
Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on a button label that says "Add" and read it like an abbreviation, "A.D.D."
These cases of CSS messing with our screenreader...
Playing With Particles Using the Web Animations API
18.3.2020
When it comes to motion and animations, there is probably nothing I love more than particles. This is why every time I explore new technologies I always end up creating demos with as many particles as I can.
In this post, we'll make even more particle magic using the Web Animations API to create...
13 Crypto Debit Cards You Can Use Right Now
28.2.2020
If cryptocurrency is designed to reconstruct the financial world while introducing major improvements in transaction speed, privacy, cost and convenience, debit cards represent a useful bridge between old and new. A preponderance of crypto debit card options now exist that allow cryptocurrency...
How to Protect Bitcoin for Your Heirs With the Push of a ‘Dead Man’s Button’
24.2.2020
What happens to your bitcoin after you die? Lightning developers think a "dead man's button" could be a new tool to passing your crypto to your heirs
Solving Sticky Hover States with @media (hover: hover)
18.2.2020
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹.
If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...
A Complete Guide to Links and Buttons
14.2.2020
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.
The post A Complete Guide to Links and Buttons appeared first on CSS-Tricks
Mint Bot Allows Telegram Users to Tip People in Chat Rooms With Any SLP Token
5.2.2020
A software developer recently launched a new Simple Ledger Protocol (SLP) tipping bot for Telegram chats that allows anyone to tip any SLP token using the application. The developer and Reddit user ‘Maxwell10206’ revealed the platform on Monday and people can join the Mint SLP Telegram...
Apollo GraphQL without JavaScript
29.1.2020
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least...
Min and Max Width/Height in CSS
24.1.2020
Here's a nice deep dive into min-width / min-height / max-width / max-height from Ahmad Shadeed. I like how Ahmad applies the properties to real-world design situations in addition to explaining how it works. In the very first demo, for example, he shows a button where min-width is used as a method...
Debunking the Myth: Accessibility and React
15.1.2020
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. The tools are there to achieve good...
Jetpack Slideshow Block
7.1.2020
One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow, business hours, contact info, GIF, Mailchimp, Map, Markdown, Pinterest, Star Rating, Recurring Payments Button, Repeat Visitor, Simple Payments...