正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

10 条评论

Lázaro Nixon 的头像

Lázaro Nixon1 年前

Try it here:

Lázaro Nixon 的头像

Lázaro Nixon1 年前

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

Lázaro Nixon 的头像

Lázaro Nixon1 年前

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

Lázaro Nixon 的头像

Lázaro Nixon1 年前

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

AndaSeat 的头像

AndaSeat1 年前

⌨️ 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

Lázaro Nixon 的头像

Lázaro Nixon1 年前

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... 😜

Peter Berkenbosch 的头像

Peter Berkenbosch1 年前

Muito bom!!!

The Nator 的头像

The Nator1 年前

You're too cracked, bro! 🚀

Lázaro Nixon 的头像

Lázaro Nixon1 年前

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

tawiah 的头像

tawiah1 年前

Wow 😲😲

相关视频

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,452 次观看 • 1 年前

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 次观看 • 6 个月前

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,162 次观看 • 2 年前

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 次观看 • 7 个月前

✨ 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,319 次观看 • 3 年前

It's a CSS Maze!! 🌽 Unless Safari... In which case it's some random shapes 🙃 🚳 No images 📵 No JavaScript 👨‍💻 Just CSS + a sprinkling of HTML First one to screenshot the end wins... Go!! 🎉 CodePen.IO #nojavascript #purecss #cssonly #cssart #ccsgame

It's a CSS Maze!! 🌽 Unless Safari... In which case it's some random shapes 🙃 🚳 No images 📵 No JavaScript 👨‍💻 Just CSS + a sprinkling of HTML First one to screenshot the end wins... Go!! 🎉 CodePen.IO #nojavascript #purecss #cssonly #cssart #ccsgame

Ben Evans

12,744 次观看 • 2 年前

💛 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 次观看 • 1 年前

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

165,174 次观看 • 3 个月前

#CSS only full URL page navigation with View Transitions - 5 minute prototype - 1 meta tag - a few lines of CSS - Open Props Behind a flag in Canary: chrome://flags/#view-transition-on-navigation It's not finished yet, but there's really rad opportunities already available 🤓

#CSS only full URL page navigation with View Transitions - 5 minute prototype - 1 meta tag - a few lines of CSS - Open Props Behind a flag in Canary: chrome://flags/#view-transition-on-navigation It's not finished yet, but there's really rad opportunities already available 🤓

Adam Argyle

30,398 次观看 • 3 年前

Here’s what I coded today, some fun little CSS ✨!

Here’s what I coded today, some fun little CSS ✨!

˗ˏˋmewtru´ˎ˗

616,359 次观看 • 2 年前

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."

Department of Government Efficiency News

216,158 次观看 • 1 年前

Pigment CSS is here! Our new zero-runtime CSS-in-JS library that’s compatible with React Server Components and brings significant performance improvements over other styling engines 🏎️💨 Ready to jump into it? Follow our quick guide:

Pigment CSS is here! Our new zero-runtime CSS-in-JS library that’s compatible with React Server Components and brings significant performance improvements over other styling engines 🏎️💨 Ready to jump into it? Follow our quick guide:

MUI org

30,043 次观看 • 1 年前

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

97,992 次观看 • 2 年前

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 次观看 • 1 年前

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 次观看 • 7 个月前

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

Sensitive content

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

Wes Bos

305,109 次观看 • 1 年前

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,069 次观看 • 9 个月前

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,580 次观看 • 1 个月前

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,271 次观看 • 1 年前