iiinova — where your digital self keeps evolving

Reposted by Beni Arisandi

Addy Osmani @addyosmani.bsky.social · 21/12/2024

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

712420

Beni Arisandi @benkwek.bsky.social · 22/12/2024

Make important elements stand out with size, color, and placement. #ui #ux #visualhierarchy

020

Beni Arisandi @benkwek.bsky.social · 21/12/2024

It's all about finding the best way to structure the content! #ui #ux #layout

131

Beni Arisandi @benkwek.bsky.social · 18/12/2024

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

github.com

marked-extensions/packages/footnote at main · bent10/marked-extensions

Marked extensions workspace. Contribute to bent10/marked-extensions development by creating an account on GitHub.

020

Beni Arisandi @benkwek.bsky.social · 16/12/2024

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

When does generative AI qualify for fair use?

052

Beni Arisandi @benkwek.bsky.social · 15/12/2024

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 - Search anything, instantly

030

Beni Arisandi @benkwek.bsky.social · 15/12/2024

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

Overview - Boox

010

Beni Arisandi @benkwek.bsky.social · 15/12/2024

😲 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

120

Reposted by Beni Arisandi

Saul Sutcher 🤓 @saulsutcher.com · 14/12/2024

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

052

Beni Arisandi @benkwek.bsky.social · 15/12/2024

😲 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

020

Beni Arisandi @benkwek.bsky.social · 14/12/2024

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

121

Beni Arisandi @benkwek.bsky.social · 13/12/2024

💡 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

020

Beni Arisandi @benkwek.bsky.social · 12/12/2024

💡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

120

Beni Arisandi @benkwek.bsky.social · 12/12/2024

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

140

Beni Arisandi @benkwek.bsky.social · 12/12/2024

✨ 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

150

Beni Arisandi @benkwek.bsky.social · 11/12/2024

📦 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

010

Beni Arisandi @benkwek.bsky.social · 09/12/2024

📝 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

140

Beni Arisandi @benkwek.bsky.social · 09/12/2024

👋 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

040