Beni Arisandi
@benkwek.bsky.social
Huge fan of Markdown, HTML, CSS and JavaScript. Web design and open source lover.
https://github.com/bent10
https://github.com/bent10
Reposted by Beni Arisandi
Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡️ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase.
gitingest.com
github.com/cyclotruc/gi...
gitingest.com
github.com/cyclotruc/gi...
December 21, 2024 at 8:58 PM
Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡️ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase.
gitingest.com
github.com/cyclotruc/gi...
gitingest.com
github.com/cyclotruc/gi...
December 22, 2024 at 3:15 AM
December 21, 2024 at 12:07 AM
Use descriptive footnote markers (e.g., `[^my-note]`) instead of just numbers for better readability in your Markdown source. `marked-footnote` handles it like a champ!
#markdown #footnotes #markedjs #javascript #protip
github.com/bent10/marke...
#markdown #footnotes #markedjs #javascript #protip
github.com/bent10/marke...
marked-extensions/packages/footnote at main · bent10/marked-extensions
Marked extensions workspace. Contribute to bent10/marked-extensions development by creating an account on GitHub.
github.com
December 18, 2024 at 2:52 AM
Use descriptive footnote markers (e.g., `[^my-note]`) instead of just numbers for better readability in your Markdown source. `marked-footnote` handles it like a champ!
#markdown #footnotes #markedjs #javascript #protip
github.com/bent10/marke...
#markdown #footnotes #markedjs #javascript #protip
github.com/bent10/marke...
Let's remember Suchir Balaji for his insightful work and his courage to ask difficult questions. His contributions to the field of AI and copyright will not be forgotten. #suchirbalaji #legacy #ai #copyright #rip #openai #chatgpt
suchir.net/fair_use.html
suchir.net/fair_use.html
When does generative AI qualify for fair use?
suchir.net
December 16, 2024 at 2:56 AM
Let's remember Suchir Balaji for his insightful work and his courage to ask difficult questions. His contributions to the field of AI and copyright will not be forgotten. #suchirbalaji #legacy #ai #copyright #rip #openai #chatgpt
suchir.net/fair_use.html
suchir.net/fair_use.html
Building an e-commerce site? 🛒 Boox can power your product search! Instant results, typo tolerance, and customizable ranking. #ecommerce #webdev #fulltextsearch #boox #javascript
stilearning.com/boox/
stilearning.com/boox/
Boox - Search anything, instantly
stilearning.com
December 15, 2024 at 12:53 PM
Building an e-commerce site? 🛒 Boox can power your product search! Instant results, typo tolerance, and customizable ranking. #ecommerce #webdev #fulltextsearch #boox #javascript
stilearning.com/boox/
stilearning.com/boox/
Did you know Boox uses TF-IDF scoring for accurate search results? It weighs word importance across documents, not just frequency! 🤯 #searchengine #dev #coding #javascript #boox #tfidf
stilearning.com/boox/guides/...
stilearning.com/boox/guides/...
Overview - Boox
stilearning.com
December 15, 2024 at 12:37 PM
Did you know Boox uses TF-IDF scoring for accurate search results? It weighs word importance across documents, not just frequency! 🤯 #searchengine #dev #coding #javascript #boox #tfidf
stilearning.com/boox/guides/...
stilearning.com/boox/guides/...
Make your documentation searchable with Boox! 📖 Help users find what they need quickly and easily. #docs #webdev #fulltextsearch #javascript #boox
github.com/bent10/boox
github.com/bent10/boox
GitHub - bent10/boox: Search anything, instantly
Search anything, instantly. Contribute to bent10/boox development by creating an account on GitHub.
github.com
December 15, 2024 at 12:15 PM
Make your documentation searchable with Boox! 📖 Help users find what they need quickly and easily. #docs #webdev #fulltextsearch #javascript #boox
github.com/bent10/boox
github.com/bent10/boox
😲 The color "red" in alerts and warnings is used because our eyes are highly sensitive to it. It grabs attention, signaling potential danger! #ui #ux #colorpsychology #webdesign #design
December 15, 2024 at 4:07 AM
😲 The color "red" in alerts and warnings is used because our eyes are highly sensitive to it. It grabs attention, signaling potential danger! #ui #ux #colorpsychology #webdesign #design
Reposted by Beni Arisandi
Great experiences are a combination of impeccable visual design, functionality, user experience and content.
Too many products ignore one or more of these IMO. The best products leverage all of them to create something exceptional.
#DesignSky #ProductDesign #UX #UI
Too many products ignore one or more of these IMO. The best products leverage all of them to create something exceptional.
#DesignSky #ProductDesign #UX #UI
December 14, 2024 at 10:09 PM
Great experiences are a combination of impeccable visual design, functionality, user experience and content.
Too many products ignore one or more of these IMO. The best products leverage all of them to create something exceptional.
#DesignSky #ProductDesign #UX #UI
Too many products ignore one or more of these IMO. The best products leverage all of them to create something exceptional.
#DesignSky #ProductDesign #UX #UI
😲 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
😲 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
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
#ui #ux #design #webdesign #whitespace
December 14, 2024 at 3:16 PM
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
#ui #ux #design #webdesign #whitespace
💡 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
#javascript #debugging #tipsandtricks #webdev #coding
December 13, 2024 at 3:04 AM
💡 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
#javascript #debugging #tipsandtricks #webdev #coding
💡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
#accessibility #webdev #html #tipsandtricks #coding
December 12, 2024 at 4:30 PM
💡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
#accessibility #webdev #html #tipsandtricks #coding
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
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
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
It's like a digital fossil. 😂 What other tech relics can you think of?
#techtrivia #floppydisk #ux #ui #funfact #nostalgia
✨ 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
Try it out! 😉
➡️ www.npmjs.com/package/mark...
#markedjs #markdown #javascript #webdev #tipsandtricks
December 12, 2024 at 2:10 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
Try it out! 😉
➡️ www.npmjs.com/package/mark...
#markedjs #markdown #javascript #webdev #tipsandtricks
📦 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
- `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
📦 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
- `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
📝 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
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
📝 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
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
👋 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
👋 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