Web Standards
Web Components: Building Reusable Custom Elements
Web Components are a set of browser standards that allow developers to create custom, reusable HTML elements that work across any framework. The suite incl…
Search Results
Results for "(custom"
34 articles found
Web Standards
CSS
CSS Variables (Custom Properties)
Maintaining large CSS files used to be a headache. If you wanted a consistent color scheme, you had to do a find-and-replace for every hex code. CSS Variab…
React
React Hooks Deep Dive: useState, useEffect, and Beyond
When React Hooks were introduced in version 16.8, they fundamentally changed how we write React components. The old class-based approach with lifecycle met…
DIY
How I Built My Own AI Agent (Without Writing a Single Line of Code)
I am not a developer. I can barely format a spreadsheet. But last weekend, I built a functional AI agent using a no-code platform. I wanted an agent that s…
CSS
CSS Variables: Unlocking Dynamic Stylesheets
CSS Custom Properties, commonly called CSS variables, have revolutionized how we write and maintain stylesheets. Unlike preprocessor variables from Sass or…
Philosophy
David Hume: The Skeptic Who Woke Us From Dogmatism
David Hume was the philosopher who famously woke Immanuel Kant from his "dogmatic slumbers." A Scottish empiricist, Hume argued that our most cherished bel…
JavaScript
Introduction to Web Components
Before React and Vue, there was a native browser standard for reusable components: Web Components. They consist of three main technologies: Custom Elements…
Advanced Java
Understanding Java Annotations and Annotation Processing
Annotations in Java are like magic markers. They started as just metadata (`@Override`), but with frameworks like Spring and Lombok, they have become power…
HTML/CSS/JS
Form Validation: HTML5 vs JavaScript
Forms are the gateway to user data, and validating that data is crucial. You have two layers: client-side validation (for UX) and server-side validation (f…
Databases
The Repository Pattern with Spring Data JPA
When I first started using Spring Data JPA, I was amazed that I could just create an interface extending `JpaRepository` and get CRUD methods for free. But…
Specialized Topics
Python for Cybersecurity: A Beginner's Guide
Python is a favorite language among cybersecurity professionals. Its ease of use and vast libraries make it ideal for tasks like network scanning, penetrat…
Tourism
Dubai's Souks Beyond Gold: Spice, Textile, and Fish Markets
Most visitors know the Gold Souk, but fewer make it to the nearby Spice Souk and Textile Souk, both of which are worth as much or more time. The Spice Souk…
Error Handling
Exception Handling: Making Your Code Robust
Errors are inevitable in programming. What matters is how your program handles them. Exception handling allows your code to deal with errors gracefully ins…
Google Cloud Platform
I Used Vertex AI to Build an App That Reads My Handwriting (And It's Terrible But I Love It)
My handwriting is illegible. Even I can't read it sometimes. So I built an app using Google Cloud's Vertex AI and the Vision API. I take a photo of my note…
Customization
Why Your AI Agent Needs a 'Personality' (And How to Set It)
I used to think AI personality was just a gimmick. But then I realized that if my AI agent is going to send emails on my behalf or interact with customers…
How to Use Claude
Integrating Claude with Other Tools: Workflows That Scale
Claude's value multiplies when it's integrated into existing workflows rather than used as a standalone tool you switch to separately. Here are some integr…
Google Cloud Platform
Cloud IAM: The One Thing You Must Get Right (And How I Messed It Up)
I gave a service account the 'Owner' role. I know. I'm ashamed. It was my first week on GCP. I wanted everything to just work. It did work. Too well. One d…
How to Use Claude
Fine-Tuning Claude with System Prompts: Advanced Techniques
System prompts are one of the most powerful and underused features for anyone building with the Claude API. They let you shape how Claude behaves throughou…
Tools
The Ultimate AI Agent Stack: Tools I Use Daily
People always ask what tools I actually use, so here’s my stack. For scheduling and email, I use a tool called Reclaim. For research, I use a custom Perp…
Google Cloud Platform
Cloud IAM: The One Thing You Must Get Right (And How I Messed It Up)
I gave a service account the 'Owner' role. I know. I'm ashamed. It was my first week on GCP. I wanted everything to just work. It did work. Too well. One d…
Google Cloud Platform
I Used Vertex AI to Build an App That Reads My Handwriting (And It's Terrible But I Love It)
My handwriting is illegible. Even I can't read it sometimes. So I built an app using Google Cloud's Vertex AI and the Vision API. I take a photo of my note…
Tutorial
How to Train Your AI Agent to Actually Be Useful
I see so many people try an AI agent, find it's 'dumb,' and give up. That's because they didn't train it. You can't just plug it in and expect magic. You h…
AWS
CloudWatch: Keeping an Eye on Your AWS Resources
CloudWatch is the monitoring service that tells you what's happening inside your AWS environment. It collects metrics, logs, and events. When I first set u…
DevOps
Deployment 101: Hosting Your First Website
Taking your code from localhost to the live internet is a rite of passage for web developers. The options can feel overwhelming, but start simple. For stat…
CSS
Tailwind CSS: Utility-First Styling That Changes How You Build
Tailwind CSS has sparked a revolution in how developers approach styling. Instead of writing custom CSS in separate files, you apply pre-existing utility c…
Technology
Low-Code and No-Code Platforms: Empowering Citizen Developers
The demand for software development far exceeds the supply of skilled programmers, leading to the rise of low-code and no-code platforms. These tools allow…
3D Graphics
Three.js and WebGL: Creating Immersive 3D Experiences
Three.js is the most popular library for creating 3D graphics in the browser, abstracting the complexity of WebGL into an approachable API. The library ena…
How to Use Claude
How to Use Claude for Translation and Language Learning
Claude is a surprisingly powerful tool for language-related tasks, from professional translation to personal language learning. Here's how to get the most…
React
Next.js: The React Framework That Makes Production-Ready Apps Simple
Next.js has become the go-to framework for React developers, and for good reason. It solves problems that React alone doesn't address: routing, server-side…
CSS
CSS Container Queries: Responsive Design Beyond Viewport
Container queries represent the most significant advancement in responsive design since media queries. While media queries let styles respond to the viewpo…
Real-Time
Real-Time Collaboration with CRDTs: Beyond Operational Transformation
Building real-time collaborative features like those in Google Docs or Figma requires handling concurrent edits without conflicts. Operational Transformati…
Design Systems
Design Token Systems: Scaling Design Consistency
Design tokens are the single source of truth for visual design attributes—colors, typography, spacing, shadows, animations—represented as platform-agno…
Real-Time
Server-Sent Events: Simpler Real-Time Alternative to WebSockets
Server-Sent Events (SSE) offer a simpler alternative to WebSockets when you only need one-way communication from server to client. Unlike WebSockets' bidir…
Creative Hustle
Stop Trying to Sell AI Art. Do This Instead.
I tried selling AI-generated art on Etsy for three months. Made exactly $47. My cat made more money by knocking over a plant and looking cute. The problem…