Miro Alt

#nextjs #react #webdev #graphicdesign #vectorgraphics

[Miro Alt @TheMiroAlt]

Exciting news! I've just published a new article on @evitadb_io 's documentation portal. In it, I share our approach to building the portal using simple #Markdown with #NextJS. If you're curious about how we simplified the process, check it out! https://t.co/g6LSSNJEBG

[Ana Tudor 🐯 @anatudor]

This may have passed unnoticed, but since December last year, `mask-mode` finally works cross-browser!

This allows us to also use luminance masks, not just alpha masks in #CSS!

[evitaDB @evitadb_io]

We've published a new chapter of the documentation that describes how we approach routing in web catalogs: https://t.co/PzZYWYWzaW

[evitaDB @evitadb_io]

The second part of our series about evitaDB on https://t.co/wQZcTC2sO0 "Starting, defining schema and filling with data" is already available (Czech only): https://t.co/10NpUkgj6E

[Cory House @housecor]

Problem: Cache invalidation is hard.

Example: One of my clients uses React Query heavily. We have 100's of query keys, and many are quite complex. When a mutation occurs, we often need to invalidate multiple related queries. So, it's easy to forget to invalidate related queries when a mutation occurs.

Solution: Colocate related queries in the same file and centralize keys at the top. This helps us reuse keys, and helps us find related queries when writing a new mutation. (Example below)

Anyone else have tips in this area? cc @TkDodo

[Miro Alt @TheMiroAlt]

@JoshWComeau Super cool, as always!

[Rowan Cheung @rowancheung]

It's officially been 24 hours since the OpenAI DevDay announcements.

The leaks were true. The way we use ChatGPT is about to completely change.

Here are 12 shocking things people have already built (early access):

[Justin Farrugia @justinmfarrugia]

me resizing the browser window to see how responsive that fancy new website actually is

[Addy Osmani @addyosmani]

Tip: @ChromeDevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes!

This and lots more in Chrome 117: https://t.co/kP0JrGfHlz

[evitaDB @evitadb_io]

🚀 Yesterday at 13th evening with @backendisti we talked about @evitadb_io, a key tool for e-commerce catalogs! 🛒 Weren't there? No problem! 💻

https://t.co/o5J3GnVYHH

Talk was presented in Czech language. #ecommerce #innovation

[Lee Robinson @leerob]

Some great resources to learn more about RSC:

◆ https://t.co/fInYgkMGca
◆ https://t.co/6QxxepYr4q
◆ https://t.co/Hb4NF5QF5l
◆ https://t.co/MUrIyrXIfO

https://t.co/SaheeR4IxQ

[Jen Simmons @jensimmons]

At the @CSSWG group meeting today, I presented some new ideas from Apple about how Anchor Positioning could work.

Slides are here. Use the "Menu" UI at the top left to show speaker notes and see what we said as we presented:
https://t.co/AnY6HFGaL9

[FG Forrest @Forresti]

Rádi byste řídili velké e-commerce projekty? Super! Pracujeme pro značky jako Moser, SENESI nebo Warehouse #1, takže vás čekají zajímavé výzvy a samozřejmě odpovídající finanční ohodnocení. A je pro vás důležitá pohodová atmosféra? To si budeme rozumět. 👇
https://t.co/XmMurkG0AS

[zeldman @zeldman]

A custom, fully #RWD, bells-and-whistles portfolio site. Marketing sites, community sites, and more, in minutes. I don’t know whether to be impressed, terrified, or both.

Thread. #AI #design #aidesign #FramerAI Hat tip: @erikiva

[Miro Alt @TheMiroAlt]

😨 I’m somehow scared but also excited. Strange feeling …

[Ameca The Robot @AmecaTheRobot]

After show photo with Phillip and Holy on #ThisMorning earlier today #AmecaTheRobot #humanoidrobot

[evitaDB @evitadb_io]

Two weeks ago I promised a blog post about the process we use for automating code samples verification in our #evitaDB documentation and now I'm keeping that promise.

If you have a similar use case, read on and get inspired.

https://t.co/9CTUPFmwo6

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip 🔮

You can animate numbers using @ property

property --ms {
inherits: false;
initial-value: 0;
syntax: '<integer>';
}
keyframes ms { to { --ms: 100; }}

Here's a pure CSS stopwatch! ⏱️ (Works in Chromium and Safari TP now 😎)

@CodePen link below! 👇

[evitaDB @evitadb_io]

Our colleague Miro Alt has written a lead article of the documentation portal series. We'll explain why he chose #NextJS as the basis for it, what techniques he used, and what obstacles he had to overcome.

https://t.co/Ev45Lb3tKn

[evitaDB @evitadb_io]

Lightweight embedded database with all indexes in memory allows us to run all our unit and integration tests in ~30 seconds on our developer laptops. It requires total isolation and careful management of shared resources. But the result is fabulous!

https://t.co/WM7bJxTMPe