Search
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...
Servers: Cool Once Again
22.1.2021
There were jokes coming back from the holiday break that JavaScript decided to go all server-side. I think it was rooted in:
The Basecamp gang releasing Hotwire, which looks like marketing panache around a combination of technologies. “HTML over
…
The post Servers: Cool Once Again...
Rendering the WordPress philosophy in GraphQL
18.1.2021
WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over developer convenience. That philosophy establishes an implicit contract between the developers building WordPress themes …
The post...
Recreating a Dave Whyte Animation in React-Three-Fiber
17.12.2020
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
The post Recreating a Dave Whyte Animation in React-Three-Fiber appeared first on Codrops
Overlaying Video With Transparency While Wrangling Cross-Browser Support
8.12.2020
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...
Rendering Spectrum
25.11.2020
Here are the big categories of rendering websites:
Client: ship a <div id="root"></div> and let a JavaScript template render all of it.
Static: pre-render all the HTML.
Server: let a live server process requests and generate the HTML response.
They are not mutually exclusive....
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy
24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>.
Let’s...
More on content-visibility
28.10.2020
Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and we covered it. The weirdest part is that to get the performance value out of it, you pair it with contain-intrinsic-size on these big chunks...
Pre-Caching Image with React Suspense
21.9.2020
Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. For example, your data loading...