I build a PURE CSS color palette using scroll animations, oklch, css relative color, light-dark, scrollbar styling it was fun to build codepen.io/finfin/pen/b...

🚦 Website Check Tool: web-check An open-source website analysis tool that generates reports to help you see website's status. github.com/Lissy93/web-... ✨ Features ✅ Security Analysis: Checks HTTP headers, firewall status, TLS, and more. ✅ SEO Support: Inspects `robots.txt` and `sitemap.xml`.

Simplify and supercharge your code reviews with these 6 practices: 1️⃣ Choose the Right Format: Match the review depth to the change's complexity. 2️⃣ Leverage Automation: Let tools handle style and formatting so humans can focus on logic. Full article: www.thingsaboutweb.dev/en/posts/cod... (1/3)

custom instructions for AI code generator: github.com/PatrickJS/aw... Main target: Cursor AI might be used with windsurf, copilot also

🎄✨ Some effects for Xmas! Mouse moves, touch clicks, and scrolling trigger fun animations. Tried two approaches: drawing icons on a canvas vs. using multiple img elements with translate. Canvas seems to perform better! 🎅❄️ Check it out: www.thingsaboutweb.dev Merry Christmas, everyone! 🎁🌟✨

Wrap up 2024 with Git Wrapped! 🔗 git-wrapped.com Enter your username to generate your annual report—or sneak a peek at someone else’s. 😉

Did you know browsers have default settings that affect how fresh your website’s cache is? 🤔 Understanding these defaults is key to adjusting them for the perfect balance. Learn how here 👉 www.thingsaboutweb.dev/en/posts/cac...

Nonce vs. CSRF Token: Do you know the difference? 🛡️ Nonce: Blocks replay attacks & duplicate submissions ✅ CSRF Token: Stops unauthorized actions (CSRF attacks) Secure your web app with the right tools! Learn more: www.thingsaboutweb.dev/en/posts/non...

ChatGPT now supports a Canvas feature for editing! 🖌️ Ways to trigger Canvas Editing: 1️⃣ Auto-enter when GPT detects content to edit. 2️⃣ Click "Canvas" at the start of a conversation. 3️⃣ Type "open canvas" to switch modes. 4️⃣ Enable Canvas for GPTs in "Edit GPTs" under Capabilities.

Copilot now supports **custom instructions**, even in the free version. You can learn more about how to set up custom instructions here: 👉 docs.github.com/en/copilot/c... My most wanted feature: Code Review, is in preview state, join the waitlist here: 👉 github.com/github-copil...

This one dives into how Googlebot works. Based on website traffic data and JavaScript rendering behavior, it sheds light on Google’s processing mechanism. By understanding this, we can better optimize websites to solve indexing and crawling issues. 🔗 vercel.com/blog/how-goo... Some insights:

AI bots are rising fast 🌐 AI crawlers now make up 28% of Googlebot's activity, showing their growing importance. (see reference) The web development landscape is changing – is your site ready for the AI web? Let’s break it down 👇

✨React Query API Design - Lessons Learned✨ Designing an intuitive and flexible API is challenging. It requires balancing simplicity for beginners and power for advanced users. React Query's journey provides lessons on iteration and thoughtful planning to create APIs that meet diverse user needs.

Microsoft dropped a Python Markdown converter: - Converts PPTX, DOCX, XLSX → Markdown - Image → Markdown (via LLM-generated descriptions, example in comments) - Speech-to-text for audio files - Supports PDF, HTML, text... Readme’s basic, but code’s easy to follow. github.com/microsoft/ma...

Vercel Observability—now generally available and free on all plans. Observability delivers framework-aware insights, helping you optimize cost, usage, and performance. Also available: Observability Plus. Extended retention, advanced metrics, and Monitoring. vercel.com/changelog/ve...

The challenges of naming, especially dealing acronyms. How will you name "xml http request", "new customer id", "supports IPv6 on iOS", "YouTube importer" in PascalCase / camelCase? dev.to/finfin/namin...

🚀 GitHub Skyline: Transform commits into a city skyline! github.com/github/gh-sk... 1. Install GitHub CLI 2. Run `gh extension install github/gh-skyline` 3. `gh skyline` creates: - 3D-printable STL model - ASCII art visualization Turning your commit into urban art 👩‍🎨

Diving into Advent Coding Challenges with the help of AI 1. Input Challenge / Spec / Test ✅ 2. AI code generate (Impressive first-pass success rate (50%+ solve on first try!)) 🤖 3. Check solution 🕵️‍♂️ 4. Tweak & optimize 🔧 5. Iterate on given error message or manual guidance until satisfied! 😌

React 19 stable is coming react.dev/blog/2024/12... 1. Actions: New hooks like useOptimistic, useActionState, and useFormStatus to provide more comprehensive asynchronous form handling. 2. use API: A new API that can handle Promises and Context, and can be used in conditionals and loops.

Playing with anchor positioning through anchoreum.com Really makes creating tooltips much easier. Once Safari and Firefox add support, we won’t need to write a ton of code to handle positioning or rely on libraries anymore!

Just found out Can I Use can be customized to show the usage of your own site - Goto caniuse.com/ciu/import - Select “Google Analytics (GA4)” (the first one is broken) - Generate usage CSV based on the instruction - Use the site as usual - You’ll see your site’s data

Firefox 135 Nightly now have support for CSS Custom Highlight API, meaning it gets supported in all major browsers. Only 4 steps is needed: 1. Set ::highlight styles in CSS 2. Define highlight ranges using Range class 3. Create Highlight instance 4. Link Highlight instance with CSS styles

Implemented dark mode and theme switching using Tailwind CSS v4 beta and Next.js. The article walks through building a theme system from basic dark mode support to handling user preferences and system theme detection. dev.to/wearethreebe...