Julien Sergent
@_maddeveloper
Software engineer, web artisan, design maniac. Passionated about computer science since childhood, I can talk about this everyday. I talk about this everyday.
You might like
CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right)…
Future UI Tip ✨ You can create an HTML && CSS only Accordion that only has one section open at a time 🤙 Do this by adding a matching name attribute to sibling details elements ✨ <details name=accordion> <summary>One</summary> </details> <details name=accordion>…
Blink: Intent to Ship: Accordion pattern using name attribute on <details> elements groups.google.com/a/chromium.org…
Vite 5.0.0-beta.11 is out! ✋ ❤️ Upgrade to @RollupJS v4! 📅 Node.js v18+ required ⚠️ CJS Node API deprecation 🎁 And a lot more features and cleanups Learn more at the Vite 5 migration guide and help us test the beta! 🙏 main.vitejs.dev/guide/migration
main.vitejs.dev
Migration from v6
Next Generation Frontend Tooling
Modern CSS is incredible. We've come a long way from floats. codepen.io/davideast/full…
There’s a native API for deep copying objects in JS: structuredClone No more JSON.stringify hacks, no need for lodash or other libs. Magic.
Node.js now has a built-in test runner 😍: import test from 'node:test'; import * as assert from 'assert/strict'; test('sync test', (t) => { assert.equal(1, 1); }); test('async test', async (t) => { assert.equal(1, 1); });
Our team is obsessed with speed, so when we've heard the latest @Vite_js 2.9 significantly optimizes cold start (+more!), we had to put it to the test. Well… wow 🤯
🔥 This two-column form layout is great for organizing long forms and filling wider screens without using awkward long form fields.
🔥 It can be really hard to keep user generated content looking clean and balanced if you aren’t careful about how you present it. Here are some tricks you can use to “normalize” content you don’t control into a really great looking design.
Could we have TypeScript with no build step? Could we have types in JavaScript? Maybe! We're exploring bringing optional type syntax into the JavaScript language! devblogs.microsoft.com/typescript/a-p…
devblogs.microsoft.com
A Proposal For Type Syntax in JavaScript - TypeScript
Today we’re excited to announce our support and collaboration on a new Stage 0 proposal to bring optional and erasable type syntax to JavaScript. Because this new syntax wouldn’t change how surroun...
Our next major version, React 18, is available as a Release Candidate. If you’d like to help us prepare for the stable release, follow this upgrade guide and let us know if you find any issues! reactjs.org/blog/2022/03/0…
💡 When it comes to mobile table design, there's not a lot of dependable solutions that match up against the desktop experience. Here's a visual reference of a few patterns that may be a sensible compromise 👉🏻
Designing for dark mode as an afterthought can be really tricky. Here are a few things you can try that might help you be more successful 🧵
CSS Tip 💡 Create image Carousel using two lines of CSS.
Tip: Get native-app like sharing in a few lines of JS with the Web Share API: web.dev/web-share. Supports sharing links, text & files.
ECMAScript excitement 😉 @geoffreybooth has landed a PR to unflag TC39 Stage 3 JSON Modules in Node 🎉 It lets ES modules import JSON files & is based on Antoine du Hamel's import assertions work. Thanks to @guybedford @bradleymeck @ljharb @targos89 👍 github.com/nodejs/node/pu…
github.com
module: Unflag JSON modules by GeoffreyBooth · Pull Request #41736 · nodejs/node
This PR unflags JSON modules, removing the --experimental-json-modules flag. import of JSON files is already unflagged in Chrome, and the HTML spec has stabilized since the change that led to JSON ...
Still totally in love with the new Tailwind CSS v3.0 website we shipped last month 😍 Here are some of my favorite details... tailwindcss.com
Just learned about the groupBy feature in #javascript. (currently stage 3) This sure looks handy!
United States Trends
- 1. #UFCQatar 62.4K posts
- 2. Harden 20.9K posts
- 3. Arman 17.4K posts
- 4. Belal 8,969 posts
- 5. Syracuse 4,037 posts
- 6. Mizzou 5,502 posts
- 7. Garry 14.4K posts
- 8. Dan Hooker 5,351 posts
- 9. Mercer 2,452 posts
- 10. Arbuckle 1,698 posts
- 11. #GoIrish 2,932 posts
- 12. Deuce Knight 1,343 posts
- 13. Rutgers 6,398 posts
- 14. Oklahoma 22.8K posts
- 15. Liverpool 203K posts
- 16. Mateer 2,512 posts
- 17. Fran Brown N/A
- 18. Newcastle 57.1K posts
- 19. Malachi Toney N/A
- 20. #RiyadhSeason 1,884 posts
Something went wrong.
Something went wrong.