Search

Nalezeno "s data": 5660

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

A Complete Guide to calc() in CSS


CSS has a special calc() function for doing basic math. Here's an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); } In this guide, let's cover just about everything there is to know about this very useful function. calc() is for values The only place you...

Brave Files Data Use Complaint Against Google


Blockchain-powered decentralized browser operator Brave (BAT) has filed a formal General Data Protection Regulation (GDPR) complaint against Google, stating that the search engine giant has violated regulations pertaining to its users’ data. Brave claims Google has violated Article 5(1)b of...

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