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...
Make important elements stand out with size, color, and placement. #ui #ux #visualhierarchy
Totally! gotta make sure it can hold all the good stuff without collapsing.
It's all about finding the best way to structure the content!
#ui #ux #layout
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...
👋
It's like expecting a microwave to cook - it can heat it up, but it won't understand the nuances of flavor like a chef
I think UX is something we gain from years of experience, it's like an insight we get from each of our design decisions. AI might be able to help make UI faster, like variations or an idea booster. But for UX? I don't think so.
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
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/
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/...
Why? 🤔 Happy users = happy devs! Plus, Boox is lightweight & zero-dependency. Easy to integrate into your existing documentation site or app.
Make your documentation searchable with Boox! 📖 Help users find what they need quickly and easily. #docs #webdev #fulltextsearch #javascript #boox
github.com/bent10/boox
I wonder if red deserves a spot on the dopamine-producing list 😂
😲 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
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
Responsive design
😲 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
💯 You can't bake a cake if everyone's fighting over the oven temperature. Design needs a clear vision to avoid a half-baked product
Document with whitespace
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
Better console log
💡 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
D
Superhero of alt text
💡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
Awesome! Glad it's helpful! Let me know if you run into any snags setting it up. Happy blogging! 🎉
☎️ Makes me feel like I should be dialing 9 for an outside line! 😂
Floppy disk cartoon
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
Alert boxes in Markdown
✨ 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
📦 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
Resource:
developer.mozilla.org/en-US/docs/W...
en.wikipedia.org/wiki/List_of...
Resource:
css-tricks.com/snippets/css...
css-tricks.com/snippets/css...
Cheat Sheet: CSS Grid vs. Flexbox!
📝 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
