Search

Nalezeno "Data": 5606

Did You Know the Ordered List Element Has Start and Reversed Attributes?


I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute: <ol reversed<liApple</li<liBanana</li<liPear</li</ol CodePen Embed Fallback And the start attribute can be added to begin the list at a number other...

Emojis as Favicons


Lea Verou had a dang genius idea to use an emoji as a favicon. The idea only recently possible as browsers have started supporting SVG for favicons. Chuck an emoji inside an SVG <text element and use that as the favicon. Now that all modern browsers support SVG favicons, here's how...

Upbit, Bithumb, Korbit, Coinone Hand Data to Telegram Nth Room Investigators


Police investigating the so-called Telegram “Nth Room” pedophile ring have served search warrants to most of South Korea’s leading crypto exchanges – including the “big four” of Upbit, Bithumb, Korbit and Coinone – as they attempt to track down people who paid to watch video footage featuring...

CSS :nth-of-class selector


That's not a thing. But it kinda is! Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former: :nth-child(2 of .bar) { } Safari...

Building a Real-Time Chat App with React and Firebase


In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database...

Auto-Archival


I'm sure most of us have used the ol' Wayback Machine to access some site that's gone offline. I don't actually know how it decides what sites to archive and when, but you can tell it to save pages. There is UI for it right on its homepage. Also, there is a little trick... Typing...

Client-Side Image Editing on Mobile


Michael Scharnagl: Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that. For this I used the Service Worker way to handle the data. Once the data is received on the client,...

Onchain Data Suggests Bitcoin Sell-Off Fueled by New Investors


While the covid-19 outbreak has caused economic calamity, cryptocurrencies have regained some of the losses that devastated digital currency markets on March 12. A recent report published by the researchers at Coin Metrics notes the “crypto asset sell-off was driven by short-term...

CSS2JS


To add inline styles on an element in JSX, you have to do it in this object syntax, like: <div style={{ fontSize: 16, marginBottom: "1rem" }}Content </div That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...

React Suspense in Practice


This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React. For routing, I'll be using vanilla JavaScript, and I'll be using my own micro-graphql-react GraphQL...

What Does `playsinline` Mean in Web Video?


I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite clear and I feel a little silly for not knowing it. With it in place, like this: <video src="..." controls playsinline</video Mobile...

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