Beni Arisandi
banner
benkwek.bsky.social
Beni Arisandi
@benkwek.bsky.social
Huge fan of Markdown, HTML, CSS and JavaScript. Web design and open source lover.

https://github.com/bent10
😲 The term "responsive design" was coined by @ethanmarcotte.com in 2010! It revolutionized how we build websites for different devices. #webdesign #webdev #history #rwd #uidesign
December 15, 2024 at 3:21 AM
Did you know that using whitespace in your design can actually make people understand things better? It's like giving your content room to breathe! Makes it easier to read & less overwhelming.

#ui #ux #design #webdesign #whitespace
December 14, 2024 at 3:16 PM
💡 Tip: Level up your `console.log()` game! Use objects to log multiple values at once: `console.log({ var1, var2, var3 });` Makes debugging way easier!

#javascript #debugging #tipsandtricks #webdev #coding
December 13, 2024 at 3:04 AM
💡Always add `alt` text to your images! It helps visually impaired users understand what's in the picture and makes your website more accessible to everyone.

#accessibility #webdev #html #tipsandtricks #coding
December 12, 2024 at 4:30 PM
The 'Save' icon on most apps is a floppy disk, but many young people have never seen one in real life!

It's like a digital fossil. 😂 What other tech relics can you think of?

#techtrivia #floppydisk #ux #ui #funfact #nostalgia
December 12, 2024 at 6:35 AM
✨ Tip: Spice up your Markdown with `marked-alert`! Easily add Info, Warning, and Danger alerts to your docs. Super simple to use with the `marked` library!

Try it out! 😉
➡️ www.npmjs.com/package/mark...

#markedjs #markdown #javascript #webdev #tipsandtricks
December 12, 2024 at 2:10 AM
📦 My fav way to organize a Vite project! ✨

- `src/` for the main code
- `public/` for static assets
- `components/` for reusable UI pieces
- `assets/` for images, styles, etc.
- `lib/` for helper functions

This is how I like it - clean and easy to navigate! 🚀
#Vite #WebDev #ProjectStructure
December 11, 2024 at 5:34 AM
📝 Cheat Sheet: CSS Grid vs. Flexbox!

Use Flexbox for:

- One-dimensional layouts (rows OR columns)
- Content-first design

Use Grid for:

- Two-dimensional layouts (rows AND columns)
- Layout-first design

Both are awesome! Choose the right tool for the job. #CSS #CheatSheet #WebDev
December 9, 2024 at 10:44 AM
👋 I'm new here - I create Bootstrap themes and love all things front-end: HTML, CSS, SCSS, JS, TS, Svelte, Markdown and more! Let's connect. #webdev #bootstrap #frontend #developer #coding
December 9, 2024 at 7:57 AM