Search

Nalezeno "dynamic": 247

Ertha – a New Dynamic NFT Metaverse on Binance Smart-Chain


Ertha is a new P2E game with an exciting backstory launching on Binance smart chain, unlike anything else. The game will encompass an accurate life simulation on a massive scale where players will be able to micromanage their companies and countries in a satisfying and rewarding way. The...

Creating a Headless WordPress Site With Frontity


Frontity is a WordPress-focused React-based server-side dynamic-rendering framework (phew!) that allows us to create fast headless websites. Chris has a good introduction to Frontity. I guess you could think of it like Next.js for WordPress. And while the demand … The post Creating...

Static vs. Dynamic vs. Jamstack: Where’s The Line?


You’ll often hear developers talking about “static” vs. “dynamic” sites, or you may have heard someone use the term Jamstack. What do these terms mean, and when does a “static” site become either a Jamstack or dynamic site? These … The post Static vs. Dynamic vs. Jamstack:...

The Large, Small, and Dynamic Viewports


We’ve got viewport units (e.g. vw, vh, vmin, vmax), and they are mostly pretty great. It’s cool to always have a unit available that is relative to the entire screen. But when you ask people what … The post The Large, Small, and Dynamic Viewports appeared first on CSS-Tricks....

Dynamic Favicons for WordPress


Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site … The post Dynamic Favicons for WordPress appeared first...

Dynamic CSS Masks with Custom Properties and GSAP


Learn how to animate CSS masks based on the cursor position using GSAP and custom properties for a unique spotlight effect. The post Dynamic CSS Masks with Custom Properties and GSAP appeared first on Codrops

Lazy Load Routes in Vue with webpack Dynamic Comments


The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to … The post Lazy Load Routes in Vue with webpack Dynamic Comments...

Dynamic, Conditional Imports


With ES Modules, you can natively import other JavaScript. Like confetti, duh: import confetti from 'https://cdn.skypack.dev/canvas-confetti'; confetti(); That import statement is just gonna run. There is a pattern to do it conditionally though. It’s like this: (async () … The post...

Overlaying Video With Transparency While Wrangling Cross-Browser Support


As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...

A Number of Hong Kong Vending Machines Support Bitcoin Cash Payments Over BTC


Just recently, cryptocurrency evangelist Roger Ver shared a video on Twitter that shows a number of vending machines in Hong Kong that accept bitcoin cash and ethereum, but not bitcoin. A bunch of people got upset at the Tweet, including the crypto-pundit Tone Vays because they couldn’t deal...

Fake Code


Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for. It...

APIs and Authentication on the Jamstack


The first “A” in the Jamstack stands for “APIs” and is a key contributor to what makes working with static sites so powerful. APIs give developers the freedom to offload complexity and provide avenues for including dynamic functionality to an otherwise static site. Often, accessing an API requires...

How Do You Do max-font-size in CSS?


CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky. Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That's using "viewport units" to size the type, which will...

Build a dynamic JAMstack app with GatsbyJS and FaunaDB


In this article, we explain the difference between single-page apps (SPAs) and static sites, and how we can bring the advantages of both worlds together in a dynamic JAMstack app using GatsbyJS and FaunaDB. We will build an application that pulls in some data from FaunaDB during build time...

Adding Dynamic And Async Functionality To JAMstack Sites


Jason Lengstorf: Here’s an incomplete list of things that I’ve repeatedly heard people claim the JAMstack can’t handle that it definitely can: Load data asynchronously Handle processing files, such as manipulating images Read from and write to a database Handle user authentication and protect...

So Many Color Links


There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment. Curated colors in context Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...

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