Search
Creating a Settings UI for a Custom WordPress Block
17.11.2022
So far, we’ve covered how to work with data from an external API in a custom WordPress block. We walked through the process of fetching that data for use on the front end of a WordPress site, and how to …
Creating a Settings UI for a Custom WordPress Block originally published on CSS-Tricks...
Rendering External API Data in WordPress Blocks on the Back End
1.11.2022
This is a continuation of my last article about “Rendering External API Data in WordPress Blocks on the Front End”. In that last one, we learned how to take an external API and integrate it with a block that …
Rendering External API Data in WordPress Blocks on the Back...
Rendering External API Data in WordPress Blocks on the Front End
11.10.2022
There’ve been some new tutorials popping here on CSS-Tricks for working with WordPress blocks. One of them is an introduction to WordPress block development and it’s a good place to learn what blocks are and to register them in WordPress …
Rendering External API Data in WordPress Blocks...
Using Web Components With Next (or Any SSR Framework)
5.10.2022
In my previous post we looked at Shoelace, which is a component library with a full suite of UX components that are beautiful, accessible, and — perhaps unexpectedly — built with Web Components. This means they can be used …
Using Web Components With Next (or Any SSR Framework) originally...
Are NFTs Rendering Art Meaningless?
22.8.2022
The overproduction of NFTs runs the risk of killing art, says one of Silicon Valley's favorite artists
MetaRace Horse Racing, the First “Play to Earn” DApp on the Caduceus Blockchain
22.4.2022
PRESS RELEASE. On April 18th, MetaRace Horse Racing was officially launched on the decentralized edge rendering Metaverse protocol – Caduceus. It is the first “Play to Earn ” game launched on Caduceus, co-built by MetaverseGraph Labs. The high gas cost of Ethereum and the slow transaction...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Creating a Headless WordPress Site With Frontity
20.8.2021
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...
Using Nuxt and Supabase for a Multi-User Blogging App
19.8.2021
Nuxt is a JavaScript framework that extends the existing functionality of Vue.js with features like server-side rendering, static page generation, file-based routing, and automatic code splitting among other things.
I’ve been enjoying using frameworks like Nuxt and Next because they …
The...
Splitgate Players Keep Forgetting To Use The Damn Portals
10.8.2021
Last night, I played some Splitgate. I found a quiet spot on the map and placed a portal, then I ran out towards the middle of the arena where enemies could be seen and placed a second portal. Back at my quiet spot, I posted up with a rifle and used my strategically placed portal to kill 11 players...
Report: New PSVR2 Details Leak From Sony Developer Conference
5.8.2021
A video posted today by popular VR YouTube channel PSVR Without Parole purports to have new information about Sony’s next-generation virtual reality hardware for PlayStation 5.Read more
New Unreal Engine Renders Even More Realistic Grizzled White Men
27.7.2021
During last week’s Game Developers Conference members of Gears of War developer The Coalition debuted an “Alpha Point” technical demo showing off the environments and effects possible in Unreal Engine 5. More importantly, the team released a character rendering test, proving that the future...
TablesNG — Improvements to table rendering in Chromium
23.6.2021
When I blogged “Making Tables With Sticky Header and Footers Got a Bit Easier” recently, I mentioned that the “stickiness” improvement was just one of the features that got better for <table>s in Chrome as part of the TablesNG upgrade…
The post TablesNG...
Grand Theft Auto V Looks Almost Photorealistic Thanks To Machine Learning
13.5.2021
While we’ve seen loads of examples of AI making games look better over the last couple of years, I’ve never seen anything like this approach that’s able to take Grand Theft Auto V and through the power of magic make it look so damn real.Read more
Distributed Persistent Rendering (DPR)
11.5.2021
Like Jamstack, Netlify is coining this term.
If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …
The post Distributed Persistent Rendering (DPR) appeared first...
Report: Next-Gen PlayStation VR Is Sounding Pretty Impressive
11.5.2021
Sony’s next-generation virtual reality hardware for PlayStation 5 will include a number of fancy features and even some forward-thinking technologies that are not yet available on popular consumer VR headsets, according to a report on UploadVR. Read more
How to Improve CSS Performance
19.4.2021
There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why:
When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering
…
The post How to Improve CSS Performance appeared first...
SvelteKit is in public beta
7.4.2021
Rich Harris:
Think of it as Next for Svelte. It’s a framework for building apps with Svelte, complete with server-side rendering, routing, code-splitting for JS and CSS, adapters for different serverless platforms and so on.
Great move. I find …
The post SvelteKit is...
Next.js on Netlify
28.2.2021
(This is a sponsored post.)
If you want to put Next.js on Netlify, here’s a 5 minute tutorial¹. One of the many strengths of Next.js is that it can do server-side rendering (SSR) with a Node …
The post Next.js on Netlify appeared first on CSS-Tricks.
You can support CSS-Tricks by being...
Components: Server-Side vs. Client-Side
28.1.2021
Building a website in 2021? I’m guessing you’re going to take a component-driven approach. It’s all the chatter these days. React and Vue are everywhere (is Angular still a thing?), while other emerging frameworks continue to attempt a push …
The post Components: Server-Side vs. Client-Side...