Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨

Lázaro Nixon

1,144 subscribers

10,406 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

Try it here:

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

I enabled turbo-morph. You can compare server-side rendering and client-side rendering here: SSR: CSR:

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

Damm. Unfortunately, turbo-morph doesn't support get requests ☹️

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

I wrapped everything in a turbo_frame, fixed all the problems, plus prefetch links when you hover links. 😃

Profilbild von AndaSeat

AndaSeatvor 1 Jahr

⌨️ 2AM debugging session: Your code won't compile, Stack Overflow is your best friend, and your Kaiser 4 is the only one who understands... Every developer's late-night reality: 💻 "One more bug fix" turned into sunrise ☕ Coffee cup collection growing 🐛 That bug that just won't die Kaiser 4 speaks fluent Python: 🌟 4D lumbar support for those debugging postures ✨ Perfect height for multiple monitors 💫 Recline mode for code compilation breaks Because good code comes from comfortable devs! ⚡️ Debug in comfort: #AndaSeat #DevLife #CodingLife #ProgrammerSetup #gaming #gamingchair

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

Some people asked if it is datatable.js or some javascript library. Not at all! It consists of a table, links, buttons, inputs, and backend-rendered HTML. Ruby on Rails with libraries to handle pagination and filtering. That's it, folks... 😜

Profilbild von Peter Berkenbosch

Peter Berkenboschvor 1 Jahr

Muito bom!!!

Profilbild von The Nator

The Natorvor 1 Jahr

You're too cracked, bro! 🚀

Profilbild von Lázaro Nixon

Lázaro Nixonvor 1 Jahr

It's just the beginning... I have an idea for two other libraries that will complement CSS Zero. Stay tuned.

Profilbild von tawiah

tawiahvor 1 Jahr

Wow 😲😲

Ähnliche Videos

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

Rebane

128,694 Aufrufe • vor 1 Jahr

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Chrome for Developers

43,046 Aufrufe • vor 7 Monaten

adding the little details™ progressively enhance the overdrag bounce with a sprinkle of JavaScript and some CSS linear() ✨

adding the little details™ progressively enhance the overdrag bounce with a sprinkle of JavaScript and some CSS linear() ✨

jhey ʕ•ᴥ•ʔ

90,167 Aufrufe • vor 2 Jahren

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

Adam Wathan

192,324 Aufrufe • vor 3 Jahren

💛 new version of Sketch is out! 〜 we worked on an update to the web app inspector to include all the new properties from frames, stacks and graphics. now it's easy to copy values, css, and a box model preview 〜 please, play around with it! (˶ᵔ ᵕ ᵔ˶)✨

💛 new version of Sketch is out! 〜 we worked on an update to the web app inspector to include all the new properties from frames, stacks and graphics. now it's easy to copy values, css, and a box model preview 〜 please, play around with it! (˶ᵔ ᵕ ᵔ˶)✨

rc

11,577 Aufrufe • vor 1 Jahr

Gemini 3. 1 Pro frontend capability is next level 🔥 Been working on this for some time. It's all CSS and incredibly performant! It's a Tauri app and uses only 3 – 4 MB of RAM.

Gemini 3. 1 Pro frontend capability is next level 🔥 Been working on this for some time. It's all CSS and incredibly performant! It's a Tauri app and uses only 3 – 4 MB of RAM.

can

166,693 Aufrufe • vor 4 Monaten

Elon Musk: "It's mostly not corruption, it's mostly just waste and incompetence. It's just a big dumb machine, a whole series of big dumb machines. Some of the software was written 50 years ago."

Elon Musk: "It's mostly not corruption, it's mostly just waste and incompetence. It's just a big dumb machine, a whole series of big dumb machines. Some of the software was written 50 years ago."

NewsForce

216,843 Aufrufe • vor 1 Jahr

Probably old news now, but the CSS View Transition API is SUPER cool! Entry/exit layout animations like this used to be super complicated or require giant libraries. Now it's like 2 lines of JS, and a few lines of CSS if you want to customize the animation. Amazing! 🤯

Probably old news now, but the CSS View Transition API is SUPER cool! Entry/exit layout animations like this used to be super complicated or require giant libraries. Now it's like 2 lines of JS, and a few lines of CSS if you want to customize the animation. Amazing! 🤯

Devon Govett

98,021 Aufrufe • vor 2 Jahren

Have a server going with this, FFA High Ground for now Will leave up until there's some official servers, it's a really fun and well done mod. (Server IP in replies) 🥰

Have a server going with this, FFA High Ground for now Will leave up until there's some official servers, it's a really fun and well done mod. (Server IP in replies) 🥰

Epidemic

111,494 Aufrufe • vor 7 Monaten

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Ben Holmes

98,090 Aufrufe • vor 10 Monaten

All Facts but thats not a "Player" it's just any man with common sense and a some confidence

All Facts but thats not a "Player" it's just any man with common sense and a some confidence

The Rizz Bible

27,945 Aufrufe • vor 1 Monat

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

Kevin

106,908 Aufrufe • vor 3 Monaten

I saw a video of some of the dialogue from Mixtape, and it's all literally just this.

I saw a video of some of the dialogue from Mixtape, and it's all literally just this.

Gravantus

212,919 Aufrufe • vor 1 Monat

WATCH: Trump on Iran: If other countries have ballistic missiles, it's a little bit unfair for Iran to not have some. A ballistic missile is not the same thing as a nuclear weapon. If Saudi Arabia and Qatar, and they all have some, I think in relative proportion it's okay for Iran to have some.

WATCH: Trump on Iran: If other countries have ballistic missiles, it's a little bit unfair for Iran to not have some. A ballistic missile is not the same thing as a nuclear weapon. If Saudi Arabia and Qatar, and they all have some, I think in relative proportion it's okay for Iran to have some.

Clash Report

84,585 Aufrufe • vor 29 Tagen

🇺🇸🇮🇷 President Trump on Iran: If other countries have ballistic missiles, it's a little bit unfair for Iran to not have some. A ballistic missile is not the same thing as a nuclear weapon. If Saudi Arabia and Qatar, and they all have some, I think in relative proportion it's okay for Iran to have some.

🇺🇸🇮🇷 President Trump on Iran: If other countries have ballistic missiles, it's a little bit unfair for Iran to not have some. A ballistic missile is not the same thing as a nuclear weapon. If Saudi Arabia and Qatar, and they all have some, I think in relative proportion it's okay for Iran to have some.

Visioner

22,748 Aufrufe • vor 29 Tagen

With the new scrambleText() feature, you can control reveal direction, create cursor effects, apply perturbation and easing, and chain it in keyframes and timelines like any other Anime.js animation property. It's crazy how just a few lines of code can create such visually complex effects.

With the new scrambleText() feature, you can control reveal direction, create cursor effects, apply perturbation and easing, and chain it in keyframes and timelines like any other Anime.js animation property. It's crazy how just a few lines of code can create such visually complex effects.

Julian Garnier

132,324 Aufrufe • vor 2 Monaten

since i made this preview public in some way, i think is fair share with you guys too it's a wip thing, with placeholder music and not totally polished

since i made this preview public in some way, i think is fair share with you guys too it's a wip thing, with placeholder music and not totally polished

Remini Team

41,677 Aufrufe • vor 8 Monaten