Srikanth

Here are some interesting articles, videos, and tools related to web development, UI/UX and accessibility, I came across the day. This is my Issue1 of some interesting #DevContent

@fahad_developer @cursor_ai @sanjeed_i @benln @sunrao @ftnabeelah Hey! I applied for the event but haven’t received a confirmation yet. I’m a huge Cursor fan and heavy daily user, and I’d love to attend, meet other builders, and learn from the community. If any spots open up due to cancellations/no-shows, I’d be excited to take one!

Hyderabad's first @cursor_ai meetup is happening! Building alone is optional :) Come meet the people actually shipping things in this city! If you're building with Cursor (or just curious), come through. Limited spots. Thanks @sanjeed_i @benln @sunrao @ftnabeelah for helping me host this 👐🏻 luma.com/ku63fb9z

@Jacobsklug @lovable Build

After generating $250K (last 2 months) I built a playbook for @lovable apps—and I’m giving it away. In just two months, we cracked the code to building apps with AI. I’ve distilled everything we learned into this single document. Comment "Build" and drop a follow. I’ll DM it to you. P.S. This will likely blow up, so give me some time to reply.

@techyoutbe In general, something to check the type of errors we're getting at production level, so we can handle them in development, and add alerts if something reached a threshold

@Srikanth74659 What type of monitoring & logging you are looking for mobile apps (any specific metrics or in general)?

🎯Prometheus and Grafana (5 byte size Projects) 📈 Let's learn about, 5 byte size projects using Prometheus and Grafana that tackle different monitoring scenarios: Covers: Project 1: Kubernetes Cluster Monitoring Project 2: Website Uptime and Performance Monitoring Project 3: Database Health Check Project 4: IoT Sensor Monitoring Project 5: Custom Application Monitoring Project Details in the Thread 🧵 Like ❤️ & Repost🔁,to support!

Angular 14.2 allows to use Standalone Components for Angular Elements:

💡 Just started collecting some of the cooler simple CSS demos I've been posting here so you can easier find them – hope you'll find them useful! @sulco/collections/css-tips" target="_blank" rel="nofollow noopener">stackblitz.com/@sulco/collect…

CSS Tip 💡 3 ways to add styles based on the user theme preference

✨ CSS Tip! (or Trick 🤔) ✨ Use the mask property to mask(hide) parts of an element Use it to create a faux 3D content scroller 🤿 .track { mask: radial-gradient(transparent 0 30%, black 30%) 50% 20vmin / 250% 100%, } 👉 codepen.io/jh3y/pen/gOeXg… via @CodePen

I learned a new trick in Google Chrome! 👀

Best Websites to learn about SEO.

Here's a nice way showing form errors in #Angular

Optimizing your images for the web nowadays is a necessity for websites trying to survive the competitive environment of the web. It aims to achieve three goals: 1️⃣ Improve the appearance & quality of the images, 2️⃣ Speed loading time, 3️⃣ Facilitate search engines to find them

Complete Beginner's Guide to Git: 🧵👇

👋 Hey folks! 🚀 The new version of @angular-extensions/elements is out now! 📃 The best way to lazy load Angular elements or any other #webcomponents in your Angular app 📦 v14.0.0 ✅ Angular 14 support ✅ RxJs 7.5 support (root imports) Grab it now! @angular-extensions/elements" target="_blank" rel="nofollow noopener">npmjs.com/package/@angul…

8 immutable arrays operations you should know 📝🤓 #javascript #es6

⚛️ Opinionated React project structure Mini thread  ↓

@mattpocockuk "Cannot find module 'X' or its corresponding type declarations.ts" got to know it's something to do from tsconfig.json, but still can't fix it

Doing some course research: What's the biggest pain-in-the-ass-bug you've found that was caused by some messed up types in an external lib? (ideally in types/node or the DOM types)

🥳 Quick tip: how to create Standalone Components with the @Angular CLI 🧑🏻‍💻 You can use a --standalone flag per component, or add a global setting to your angular.json like this : ultimatecourses.com/blog/creating-…

Future CSS Tip! 🔮 Use :has() to power <form> micro-interactions and theme 😎 No JavaScript. Animations powered by <input> state 🚀 .group:has(:invalid) { animation: shake 0.5s; } form:has(.email:valid):has(.password:valid) .submit { --color: green; } Demo link below 👇

10 free websites that are so valuable they feel illegal to know: