Search

Nalezeno "can": 8281

Stacked Cards with Sticky Positioning and a Dash of Sass


The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll. I started wondering how much JavaScript this would involve and how you’d go about making it when I realized — ah! — this must be the work...

Chapter 2: Browsers


Previously in web history… Sir Tim Berners-Lee creates the technologies behind the web — HTML, HTTP, and the URL which blend hypertext with the Internet — with a small team at CERN. He convinces the higher-ups in the organizations to put the web in the public domain so anyone can...

Practical Use Cases for JavaScript’s closest() Method


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...

Ternio’s ERC-20 TERN Token Listed On Global Crypto Exchange Bibox


ATLANTA, GA – August 10, 2020 – Ternio’s ERC-20 payment token TERN, has been listed by global cryptocurrency exchange, Bibox. This news comes two months after Ternio’s announcement that they would be burning ten percent of the TERN supply, previously hosted on the Stellar...

Halfmoon: A Bootstrap Alternative with Dark Mode Built In


I recently launched the first production version of Halfmoon, a front-end framework that I have been building for the last few months. This is a short introductory post about what the framework is, and why I decided to build it. The elevator pitch Halfmoon is a front-end framework with a...

Register for An Event Apart’s Front-End Focus Online Conference


(This is a sponsored post.) An Event Apart has been doing these single-day online “Online together” conferences. You can check out the last couple, which are available on-demand (buy it, watch it when you want) for a limited time: Online Together (available through December...

System UIcons


This is a great collection of icons by Corey Ginnivan that’s both free and with no attribution required when you use them. The style is super simple. Each icon looks like older versions of the icons from macOS to me because they’re cute but not too cute. Also? The icon picker UI is slick and looks...

PSF Token Invokes the First Coin-Age Staking Protocol on Bitcoin Cash


During the last six months, the Simple Ledger Protocol has grown immensely and there’s been 9,604 SLP tokens created since the infrastructure launched. Just recently news.Bitcoin.com reported on mistcoin, the mineable SLP token that can be mined with a CPU. Now software developer Chris...

Don’t Wait! Mock the API


Today we have a loose coupling between the front end and the back end of web applications. They are usually developed by separate teams, and keeping those teams and the technology in sync is not easy. To solve part of this problem, we can “fake” the API server that the back end tech...

zerodivs.com


Pretty neat little website from Joan Perals, inspired by stuff like Lynn’s A Single Div. With multiple hard-stop background-image gradients, you don’t need extra HTML elements to draw shapes — you can draw as many shapes as you want on a single element. There is even a stacking order...

Nailing the Perfect Contrast Between Light Text and a Background Image


Have you ever come across a site where light text is sitting on a light background image? If you have, you’ll know how difficult that is to read. A popular way to avoid that is to use a transparent overlay. But this leads to an important question: Just how transparent should that overlay...

More Control Over CSS Borders With background-image


You can make a typical CSS border dashed or dotted. For example: .box { border: 1px dashed black; border: 3px dotted red; } You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation!...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace