Frontend Feeds

Today

Front-end, in one read.

The latest from the sources worth following, newest first.

  • DEV CommunityThe Giantsread at source

    BottleBuddy

    This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend What I Built I built BottleBuddy , a small AI-powered product discovery app for a friend. The idea came from a simple problem: browsing a large list of products and manually applying filters can be annoying when you already know roughly what you want. Instead, BottleBuddy lets my friend describe what they're looking for in natural language. For example: "I'm looking for beer under Rs. 5,000 (LKR) with a lower ABV." BottleBuddy interprets that request and converts it into structured filters such as budget, category, brand, and ABV range. It then searches the product data stored in MongoDB and displays matching products. I also included regular filters so the application isn't dependent entirely on AI. Demo BottleBuddy currently runs locally because the AI model is running directly on my machine through Ollama. Here's a video showing the complete flow: https://youtube.com/shorts/uuS9bb2CIQA?feature=share In the demo, I show: entering a natural-language request Gemma interpreting the request BottleBuddy finding matching products product information coming from MongoDB manual filtering/search functionality Code GitHub repository : https://github.com/ImalKesara/BottleBuddy How I Built It I built BottleBuddy using SvelteKit and TypeScript for the application. The AI part uses Gemma 3 , Google's open-weight model, running locally through Ollama . When someone enters a request such as: "Beer under Rs. 5,000 lkr, preferably lower strength" BottleBuddy sends the text from the SvelteKit server to the locally running Gemma model. Gemma's responsibility is not to invent or recommend products. Instead, it interprets the natural-language request and converts it into structured search filters. For example: { "maxBudget": 5000, "category": "beer", "brand": null, "minAbv": null, "maxAbv": 5 } BottleBuddy then uses those filters to search the actual product data stored in MongoDB Atlas . Why Does Open Innovation Matter? Open innovation made the core idea behind BottleBuddy possible. Because Gemma is an open-weight model, I was able to run the model locally on my own machine using Ollama and integrate it directly into my application. That gave me much more control over how the AI part of the application works. The application is not tied to a closed AI API for its core natural-language search feature, and the model can be run on infrastructure I control. It also made experimenting much easier. I could test prompts, structured outputs, and different ways of extracting search filters while keeping inference local. For BottleBuddy specifically, this showed me that useful AI features don't always require sending requests to a large proprietary hosted service. An open-weight model running locally can be enough to build the core experience.

  • DEV CommunityThe Giantsread at source

    Model Evaluation in Machine Learning: How Do We Know a Model Is Good?

    Model Evaluation in Machine Learning: How Do We Know a Model Is Good? Building a machine learning model is only one part of a machine learning project. After training a model, we need to answer an important question: How well does it actually perform on new data? This is where model evaluation becomes important. What Is Model Evaluation? Model evaluation is the process of measuring how well a machine learning model makes predictions. It helps us understand whether a model is performing correctly and whether it can generalize to data it has never seen before. A model that performs extremely well on training data may still perform poorly on new data. This problem is commonly known as overfitting. Proper evaluation helps identify such problems before using the model in a real-world application. Classification Model Evaluation For classification problems, several metrics can be used. Accuracy represents the percentage of predictions that the model classified correctly. Although it is easy to understand, accuracy may not be reliable when the dataset is imbalanced. Precision tells us how many of the observations predicted as positive were actually positive. Recall measures how many of the actual positive cases were correctly identified by the model. F1-score combines precision and recall into a single metric. It is particularly useful when both false positives and false negatives are important. Another useful tool is the confusion matrix, which shows true positives, true negatives, false positives, and false negatives. Regression Model Evaluation For regression problems, where the model predicts continuous values, different metrics are commonly used. Mean Absolute Error (MAE) measures the average absolute difference between predicted and actual values. Mean Squared Error (MSE) calculates the average squared difference between predictions and actual values. Root Mean Squared Error (RMSE) is the square root of MSE and is useful because its value is expressed in the same units as the target variable. The R² score indicates how well the model explains the variation in the target variable. Why Cross-Validation Matters Another important evaluation technique is cross-validation. Instead of relying on a single train-test split, the dataset is divided into multiple parts. The model is trained and evaluated several times using different portions of the dataset. This gives us a more reliable estimate of model performance and helps reduce the risk of making conclusions from one particular train-test split. Final Thoughts Model evaluation is essential for building reliable machine learning systems. Choosing the right evaluation metric depends on the type of problem and what we want the model to achieve. Accuracy, precision, recall, F1-score, confusion matrices, MAE, MSE, RMSE, R², and cross-validation are some of the most useful tools for evaluating machine learning models. For a more detailed explanation of Model Evaluation, you can read my related article

  • DEV CommunityThe Giantsread at source

    One field in the request made our agent 3x cheaper and 8x faster

    TL;DR. Reasoning models decide by themselves how long to think if you don't tell them. Our agent didn't — and on hard tasks the model sometimes thought for 14 minutes and 33K tokens in a single step. One field in the request body ( "reasoning": {"effort": "low"} ) made a task 3x cheaper and 7–8x faster, and it solved more tasks, not fewer: 12 of 12 instead of 6 of 7. The best setting in the end was neither "always low" nor "always high" but "low, and high right after a failing test". Below: how we measured it, the tables, the code, and what it doesn't fix. About this post. The project is Altair , an open-source (Apache-2.0) AI agent for your PC and phone. I'm the author and build it largely with Claude Code. This post, the experiments and the charts were prepared by that same AI assistant; I reviewed it and stand behind it. Every number comes from our runs. This is the third post about the project: the first is about snapshots and running tests before "done", the second about cutting a browser agent's tokens by 58%. How it started We ran the agent on a cheap reasoning model ( glm-5.3-flash ) and read the provider's logs. On one task the very first step took 14 minutes. The provider had time to bill it: 32,978 reasoning tokens in one step , and no answer. Our loop guard cut the stream at 160,000 characters. The cause was mundane. Reasoning models have a "how much to think" knob — reasoning_effort at OpenAI, reasoning.effort at OpenRouter, thinking in Z.ai-style APIs. If you don't send it, the provider or the model decides; OpenRouter's docs say as much. Our agent sent nothing. How we measured Easy tasks (fix a bug, answer a question about code) were solved 100% of the time under any setting, so they show no difference. We wrote six hard tasks with hidden tests — the agent never sees them, they run after it says "done": an LRU cache with a time-to-live (11 hidden edge-case tests); fixing a config parser from seven user bug reports; renaming a function across a multi-file package and adding a parameter; the 95th percentile of latencies from logs, with exclusions; parsing "1.5M", "200K", "10 тыс"; business days between dates with holidays, fast over a hundred years. Each task was first solved with reference code to make sure the hidden tests were fair. The agent is the real Altair, run through its CLI ( altair -p ). A proxy between agent and provider logged every request: size, cached tokens, reasoning tokens, time. Cost is what OpenRouter billed. Results Cost of one hard task Setting Solved Cost per task Time per task No level (before) 6 of 7 12.6 m$ 4.1 min effort = low 12 of 12 4.2 m$ 0.55 min effort = medium 10 of 12 4.8 m$ 0.64 min effort = high 12 of 12 6.4 m$ 1.5 min m$ is a thousandth of a dollar. 12.6 m$ without a level, 4.2 m$ with low : three times less. Time went from 4.1 to 0.55 minutes, 7.5x. Why "6 of 7" and not "of 12": runs without a level kept looping for 10–14 minutes, and we stopped that series early so as not to burn money. One of the six tasks (parsing "1.5M") sent the model into endless reasoning in almost every series without a level. With any explicit level — never. Where the money goes: Reasoning tokens per task 9,743 reasoning tokens per task on average without a level, 235 with low — 41x fewer. Output tokens cost 3.3x more than input for this model, so on hard tasks reasoning is the main bill. And on long tasks? Short tasks are 5–9 steps. We also tried 15–20-step ones: a package with six bugs in different modules, auditing twelve values across sixty files of our own code, and "read eight files in full, then answer questions about them". Long tasks 9 of 9 solved in every setting, but without a level a task costs 28 m$ and takes 5.2 minutes; with an explicit level, 11–13 m$ and a little over a minute. The twist: think hard only when something broke low is cheap, high is safer. We wanted both, and tried two per-step modes: "think about the plan" — high on the first step, then low ; "think after a failure" — low , but high on the step right after tests failed or a tool returned an error. When to think harder Setting (18 runs each) Solved Cost Time always low 16 of 18 3.78 m$ 0.96 min always high 17 of 18 5.72 m$ 1.92 min high on the first step 15 of 18 4.37 m$ 1.93 min low , high after a failure 17 of 18 3.65 m$ 0.84 min Careful planning didn't help — it solved the fewest. "Think after a failure" solved as many as always- high , at the cost and speed of low . It makes sense: most of an agent's work is routine (read a file, write a file, run the tests), and thinking pays off where a test just showed the first idea was wrong. One task in 18 is close to noise, honestly, but this mode is no worse than low on all three measures. It's now our default. How it looks in code The catch is that every provider has its own field: def reasoning_extra ( level , base_url , model , override = " auto " ): """ Request fields for a reasoning level ({} for " default " / unknown levels). """ if level not in LEVELS : return {} kind = dialect ( base_url , model , override ) if kind == " openrouter " : # OpenRouter takes minimal..high; some endpoints refuse "none"/enabled=false, # so the lowest we send is "low" for "minimal" there. return { " reasoning " : { " effort " : " low " if level == " minimal " else level }} if kind == " zai " : # Z.ai-style APIs have an on/off switch: low and minimal turn thinking off. return { " thinking " : { " type " : " disabled " if level in ( " minimal " , " low " ) else " enabled " }} if kind == " openai " : return { " reasoning_effort " : level } return {} What we stepped on along the way: For this model OpenRouter refuses reasoning: {"enabled": false} and reasoning_effort: "none" with a 400 "Reasoning is mandatory for this endpoint". Only effort: "low" works. A Z.ai-style gateway, the other way round, takes thinking: {"type": "disabled"} and didn't answer reasoning.effort at all. A provider that doesn't know the field may answer 400. We catch that, retry without the field and remember not to send it again. The agent loop picks the level for each step: FAILURE_RE = re . compile ( r " \b\d+ failed\b|\bFAILED\b|Traceback \(most recent call last\)|AssertionError| " r " \bexit code [1-9]\d*\b|\bSyntaxError\b|[A-Za-z]Error: " ) def _reasoning_level ( self ) -> str | None : mode = self . settings . llm_reasoning if mode == " default " : return None if mode == " adaptive " : return " high " if getattr ( self , " _round_failed " , False ) else " low " return mode After each round of tools, _round_failed is true if a tool returned an error or its output has "2 failed", a traceback or a non-zero exit code. Service calls thought more than the main ones Two more places turned up in the logs. The chat title. The agent asks the model for a title from the first message. About 95% of that answer was reasoning: ~190 tokens of "thoughts" for a five-word title. With reasoning off the answer is 12 tokens and comes 1.6–3x faster; all six sample titles were still fine. The history summary. When the context grows, the agent asks the model to condense the start of the conversation. The answer limit was 600 tokens. The model spent them on reasoning and the summary came back empty in 3 cases out of 4 ( finish_reason: length ). An empty summary isn't a fold, it's a loss: the agent drops the start of the conversation instead of condensing it. With a 2,000 limit there were no empty summaries. Service calls now ask for the least reasoning, and the summary limit is 2,500. What this doesn't fix One model. Everything was measured on glm-5.3-flash . Other models scale their levels differently, and "low" may mean something else. The principle — don't leave the level to the provider — carries over; the exact numbers don't. Small samples. 12–18 runs per setting. A difference of one or two solved tasks is noise. A difference of 3x in cost and time is not. Not every provider has levels. A Z.ai-style gateway only knows on/off. There "high after a failure" means "think fully", which is expensive: on our tasks "always off" on that gateway came out half the price of adaptive (5.9 vs 10.8 m$, 12 of 12 both). If cost matters most, pick "low" there. The tasks are code. For writing, search or analytics the best level may differ. Check it yourself The core of the experiment is one agent run with a set level: # proxy.py adds the level to every agent request to the provider body = { ** { " reasoning " : { " effort " : " low " }}, ** request_body , " model " : provider [ " model " ]} # stand.py: the agent solves the task, then the hidden tests run subprocess . run ([ sys . executable , " altair_cli.py " , " -p " , " --output-format " , " json " , " --mode " , " bypass " , " --cwd " , workspace , task . prompt ], env = env , timeout = 900 ) passed , detail = task . check ( workspace , answer ) The whole stand (the logging proxy, tasks with hidden tests and reference solutions, the summary script) and the raw results: research/agent-lab-2026-10 ( python lab/facts.py recomputes every number in this post from the saved results, no keys needed). Altair's code: https://github.com/Qweezyy/AltairAgent — the level is in Settings → Agent → Reasoning level (default "Adaptive"), LLM_REASONING in .env , module pc/core/llm/reliability.py . How do you set the reasoning level in your agents — fixed, per task type, or as the work goes? Have you seen a model think far more than it needs when no level is set?

  • DEV CommunityThe Giantsread at source

    I Built a Marketplace for Developers to Buy Ready-to-Use Source Code

    I Built a Marketplace for Developers to Buy Ready-to-Use Source Code I've been building full-stack projects for the past few years, and I kept running into the same problem: Sometimes you want to build a SaaS, dashboard, mobile app, API, or developer tool — but you don't necessarily want to start every project from an empty folder. You might want a solid starting point, a codebase to customize, or simply something real to study. That idea led me to build Projectry . 🌐 https://projectry.dev Projectry is a marketplace for developers looking for ready-to-use source code and complete projects that they can learn from, customize, and build on. What’s currently available I started with six projects covering different use cases and technology stacks: 📚 StudyStack An education platform focused on flashcards, spaced repetition, and learning progress. Stack: React, TypeScript, Tailwind CSS, MongoDB 📊 DevBoard A DevOps dashboard for monitoring deployments, CI runs, services, and incident timelines. Stack: Python, FastAPI, MongoDB, React 📋 TaskForge A project management application with Kanban boards, collaboration, activity feeds, and role-based workspaces. Stack: Next.js, TypeScript, Node.js, PostgreSQL 📝 PaperTrail An audit logging and compliance tracking system with a review dashboard and tamper-evident storage. Stack: Java, Spring Boot, PostgreSQL, Docker 📦 ShelfLife An Android inventory and expiry tracking application with barcode scanning and offline capabilities. Stack: Kotlin, Android, FastAPI, PostgreSQL 🔐 CodeVault A developer-focused encrypted snippet and secret vault with versioning, sharing, and an asynchronous audit pipeline. Stack: Java, Spring Boot, PostgreSQL, Docker, RabbitMQ Why build another source-code marketplace? I didn't want Projectry to be just another collection of generic templates. The goal is to build a broader collection of real-world applications across different areas: Backend systems Full-stack applications Developer tools DevOps Education Mobile applications Data applications Frontend projects The catalog also covers technologies such as React, Next.js, TypeScript, Java, Spring Boot, Python, FastAPI, PostgreSQL, MongoDB, Docker, RabbitMQ, Redis, Android, and more. What's next? The six projects are just the beginning. I'm working on expanding the catalog while keeping the projects varied in both technology and use case. Some of the areas I'm exploring include: SaaS applications E-commerce Developer infrastructure Data dashboards CI/CD tooling APIs and backend systems Mobile applications Business applications Authentication and authorization Real-time applications I'm also working on better documentation, demos, and developer resources around the projects. The idea is to provide more than just a ZIP file and leave you to figure out the rest. For developers If you're looking for a starting point for a project, want to study how a real application is structured, or need a codebase that you can customize instead of building everything from scratch, check out Projectry: 👉 https://projectry.dev I'm also building the Projectry GitHub organization, where I'll be publishing selected resources and open-source projects: 👉 https://github.com/Projectry-Org I'm still early in the journey, so I'd genuinely like to hear from other developers: What kind of source code would you actually want to buy? A complete SaaS? A backend/API? A mobile app? A dashboard? A developer tool? Something else? I'd love to hear what you'd find useful.

  • DEV CommunityThe Giantsread at source

    126+ Private, In-Browser Web & PDF Tools Every Developer Needs

    Most online converters and PDF tools upload your sensitive documents, API keys, and contracts to remote cloud servers. For private data, that is a security risk. I built DevTol — a free suite of 126+ developer and productivity tools that execute 100% inside your browser using Web Workers and the Web Crypto API. What is inside DevTol? Full Client-Side PDF Suite: Edit PDFs (with full Arabic RTL support), Compress PDFs locally (down to 100kb/200kb), Merge, and check Digital Signatures. Developer Utilities: JSON Diff & Formatter, JWT Decoder, Regex Sandbox, SQL Prettifier, cURL to Code Converter (7 languages). AI Token Calculator: Calculate prompt tokens and API pricing across GPT-4o, Claude 3.5, Gemini, and DeepSeek. Zero Tracking: 100% free, no account needed, and no files ever leave your machine. Try it out here: https://devtol.online What tools would you like added next? Feedback is welcome!

  • Hacker News: Show HNLibraries, Frameworks, etc.read at source

    Show HN: Wazn-2B – decision model with separate encoding and competition

    Comments

  • Flavio CopesMore Front-end Bloggersread at source

    How to fix "Stacked PRs are not enabled for this repository"

    Stacked PRs are not enabled for this repository is a gh stack warning with no setting to flip. Check your gh account and repo, or open regular PRs.

  • Hacker News: Show HNLibraries, Frameworks, etc.read at source

    Show HN: AI search for every photo and every frame of video on macOS

    Comments

  • Hacker News Front PageThe Giantsread at source

    VGHF Digital Archive passes 5000 magazines. Here's what's next

  • Hacker News Front PageThe Giantsread at source

    In Ukraine, distributed renewables foil Russia's assaults

  • Hacker News Front PageThe Giantsread at source

    "Torturing" LLMs in a Robot Prison Has Triggered the Dumbest Debate in AI Yet

  • Hacker News Front PageThe Giantsread at source

    OpenBSD Developers Reject Uutils Coreutils

  • Flavio CopesMore Front-end Bloggersread at source

    How to use Jev confidence scores

    How to use Jev confidence scores to decide when code acts, asks for confirmation, or hands off to a person, with thresholds tuned on labeled data.

  • Hacker News Front PageThe Giantsread at source

    Emitting metadata early makes building/checking Rust up to twice as fast

  • Hacker News: Show HNLibraries, Frameworks, etc.read at source

    Show HN: Random Word Generator

    Comments

  • Hacker News: Show HNLibraries, Frameworks, etc.read at source

    Show HN: SuperLocalMemory 4.0 "Governed Memory Operating System for AI Agents"

    Comments

  • Hacker News: Show HNLibraries, Frameworks, etc.read at source

    Show HN: Second Strike, a 200-player world war on a 3D globe in the browser

    Comments

  • phpiedTop Front-end Bloggers2 min read

    Debugging download initiator

    I was recently debugging why an image was being downloaded. In Chrome devtools, in the network panel, the column for "initiator" was pointing to the end of the HTML document. But that wasn't true and I suspect when Chrome gives up on trying to figure out the actual code location, the default is the HTML […]

  • DXDMore Front-end Bloggersread at source

    Não é Só um Logótipo, literalmente

    A identidade visual do podcast "Não é Só um Logótipo" é um convite à descoberta de um sem fim de curiosidades sobre a disciplina do design. O conteúdo Não é Só um Logótipo, literalmente aparece primeiro em DXD .

  • AbduzeedoMulti Author Blogsread at source

    Inside the Craft of Module: Brand Identity by FAST Studio

    FAST Studio crafts a disciplined brand identity for Riyadh architecture firm Module, balancing geometric order and human-scale engineering. Module approaches architecture as enduring cultural infrastr...

  • Adam ArgyleTop Front-end Bloggersread at source

    Page View Count Regression Fixed

    Page view counts regressed Oct 1 and were fixed just now. Hopefully those historical counts can be retrieved or fixed; working on it.

  • Flavio CopesMore Front-end Bloggersread at source

    I built VM Monitor, a Mac app that shows what your coding agents do in the test VM

    VM Monitor is my free, open source Mac app that shows what coding agents do in a macOS test VM: its screen live, which agents are using it and for what, and every command they ran.

  • Flavio CopesMore Front-end Bloggersread at source

    I built Postdeck, slides from posts on X for my videos

    Postdeck is my free, open source Mac app and Chrome extension that turn posts on X into slides. Click the slide icon under a post, reorder the slides, and play them in the app window while you record.

  • SitePointThe Giantsread at source

    Pi 1.0 Coding Agent Setup: Install, Configure MCP, and Run Codemode

    Install Pi 1.0, add MCP servers with pi mcp add, and use codemode scripts. A setup guide for developers, based on the official Pi docs. Continue reading Pi 1.0 Coding Agent Setup: Install, Configure MCP, and Run Codemode on SitePoint .

  • AbduzeedoMulti Author Blogsread at source

    Sabina Farziyeva Unveils Editorial Illustration for Nargis

    Sabina Farziyeva's editorial illustration series for Nargis Magazine reimagines fashion editors as collage portraits built of clashing patterns. The premise is character, not likeness. Each portrait b...

  • SitePointThe Giantsread at source

    How to Detect Breaking API Changes with TypeScript and OpenAPI

    Build a CI pipeline that catches breaking API changes before runtime with oasdiff spec diffing and openapi-typescript type checks in GitHub Actions. Continue reading How to Detect Breaking API Changes with TypeScript and OpenAPI on SitePoint .

  • AbduzeedoMulti Author Blogsread at source

    Resn Website — A Masterclass in Web Design by Marcus Brown

    Marcus Brown crafts an iconic web design for the Resn portfolio, pairing tactile click-and-hold mechanics with audiovisual surprises. Resn has long held a singular reputation across the global digital...

  • Jeffrey Zeldman PresentsMore Front-end Bloggersread at source

    Another Saturday, Another Song.

    🎧 “Side Two” LP in progress. At 14 songs, it is nearly complete. I expect to release it before the year’s end. The post Another Saturday, Another Song. appeared first on Jeffrey Zeldman Presents .

  • Flavio CopesMore Front-end Bloggersread at source

    How to classify text with Jev

    How to classify text with Jev: pick Noul, Choice or Score, write labels that work, label comments in bulk, and test accuracy before you trust it.

  • AbduzeedoMulti Author Blogsread at source

    Brand Identity: Lloyds by Wolff Olins

    Wolff Olins' brand identity for Lloyds turns a 330-year-old bank into a living system, starting with the black horse, finally taught to move. The heart of the project is the Cancara Philosophy, named ...

  • David BushellMore Front-end Bloggers4 min read

    Friendship ended with Deno, now Node is my best friend

    It’s finally time I go crawling back to Node! I’ve been using Node heavily this month on a SvelteKit client project. When did Node get so good‽ Deno has been my go-to runtime for so long I forgot how to Node. Now I’m back, I find all the ECMAScript† sugar is supported and the old annoying APIs have […]

  • Flavio CopesMore Front-end Bloggersread at source

    What is poteto-mode in pstack?

    poteto-mode is the pstack router skill for Cursor. Describe a result and it picks a playbook, calls the other skills, delegates to models and verifies the work.

  • Flavio CopesMore Front-end Bloggersread at source

    How to create and publish a ChatGPT plugin

    Create a ChatGPT plugin from scratch: a booking MCP server, a skill and a plugin.json package, tested in developer mode and submitted to the directory.

  • HTML All The ThingsPodcastsAudioListen

    AI Has Made Skilled Labour Almost Free (And It’s Scary)

    Our world already has an instant gratification problem and AI has somehow made it worse. It's making skilled work faster and cheaper than ever, which in turn makes us more impatient than ever. Why should we spend a week learning a new SEO tool or a new coding method when we can…

  • remy sharp's b:logTop Front-end Bloggersread at source

    Firefox version 157 is very round (and how to make it less round) – creolened.com [link]

    This is very useful. I do like the direction Firefox design is going, but the very round tabs make me think the hit target for tabs - especially when pinned and muted - is much smaller than it actually is. Original link: creolened.com/firefox-version-157-is-very-round

  • Flavio CopesMore Front-end Bloggersread at source

    Herdr alternatives for running coding agents

    Herdr alternatives compared: cmux, tmux, Zellij, workmux, worktrunk, T3 Code and bb, with platforms, agent status, worktrees and what to use on Linux.

  • AbduzeedoMulti Author Blogsread at source

    Web Design Inspiration: 3 Sites With Strong Visual Ideas

    Web design inspiration from A24, Butter and White Desert, with three homepage screenshots and a look at their type, imagery and layouts. A24: Web design inspiration from film A24 makes films and telev...

  • AbduzeedoMulti Author Blogsread at source

    How Pentagram Reimagined Brand Identity for De Bijloke

    Pentagram gives Ghent's De Bijloke a living identity: a fluid, oscilloscope-born brand built for classical, jazz and new music alike. The heart of the identity is a swooping mark that reads like a sou...

  • Adam ArgyleTop Front-end Bloggersread at source

    Transitioning Field Sizing Content With CSS

    Neat CSS trick: Use anchor to track the size changes in a textarea (or whatever) and transition instead of instantly update 🤘🏻 See on Codepen

  • AbduzeedoMulti Author Blogsread at source

    Auren: Inside tubik studio's New UI UX Design

    tubik studio crafts an architectural portfolio and ui ux design system for Auren, pairing Neue Montreal type with calm, spacious grids. Auren designs timeless homes and work spaces. Their practice cen...

  • AbduzeedoMulti Author Blogsread at source

    Web Design: Vitra Gift Finder by Build in Amsterdam

    Build in Amsterdam's Vitra Gift Finder turns gift hunting into play — a fluid, interactive grid of Vitra's iconic accessories. The first thing you meet is the grid itself: dozens of Vitra icons — the ...

  • SitePointThe Giantsread at source

    Building Lead Capture Forms That Convert: A Developer's Guide

    null Continue reading Building Lead Capture Forms That Convert: A Developer's Guide on SitePoint .

  • HeyDesignerDeveloper/Designer Newsread at source

    Jev for designers

    Design systems for AI agents, Beyond productivity: Designing space for creativity, Multiple-column layout, rows, rules, and floats.

  • SitePointThe Giantsread at source

    WordPress Accessibility Issues That Are Getting Sites Sued in 2026

    null Continue reading WordPress Accessibility Issues That Are Getting Sites Sued in 2026 on SitePoint .

  • Frontend Masters BlogMore Front-end Bloggers4 min read

    Fallbacks for CSS `progress()`

    The new CSS progress() function calculates a value between 0 and 1, representing its position within a defined range. While awaiting broader browser support, users can manually implement this using other methods.

  • freeCodeCamp.orgYouTube ChannelsVideoWatch on YouTube

    Kotlin Course For Beginners – Full Tutorial

  • SitePointThe Giantsread at source

    The Design Workflow Is Broken. Here Is How Vitalii Khomenko Thinks It Should Be Fixed

    Principal Designer Vitalii Khomenko argues the real bottleneck in AI-accelerated product teams isn't engineering anymore, it's the Figma-to-code handoff, and here's his fix. Continue reading The Design Workflow Is Broken. Here Is How Vitalii Khomenko Thinks It Should Be Fixed on SitePoint .

  • W3C BlogBrowsers, engines, etc.4 min read

    W3C Newsletter - September 2026

    W3C President and Interim CEO Dominique Hazaël-Massieux shares timely and notable highlights and information selected from the busy and prolific work last month at W3C.

  • PiccalilliMore Front-end Bloggersread at source

    The Index: Issue #200

    It's issue #200 of The Index! A real milestone that we should celebrate with a dedicated CSS links issue. Let's get stuck in to the good links . Multiple-column layout, rows, rules, and floats The Boss™ is here with some fantastic news on layout capabilities that we can use. They should really open the door to more creative layouts, which is great. Our CSS isn’t opinionated enough This really resonates as Craig is describing issues that inspired CUBE CSS . Semantic state changes are a really good way of doing things too. Controlling when CSS custom property values are computed Jake, the fountain of technical knowledge, is here with another must read. CSS scroll-triggered animations are here, and I completely missed them A very good guide on scroll-triggered animations with some sage advice on usage too. Not many better people to cover this than Cyd! Detect when elements overlap with CSS We're enjoying how Ahmad is covering stuff that will be tripping people up all the time in their jobs as front-end devs. It's great to see. A pragmatic guide to modern CSS colours - part one Here's one from the Piccalilli archives that you might have missed to wrap up this issue. P.S. this is a good website from personalsit.es . Sponsor message Mozilla Festival is co-built by developers and designers from around the world. Come gather, share, and connect with us in Barcelona, October 28-30. Last year, more than 2,000 people came together to unlearn old ways of building tech. This year, with eight tracks and a spot in Barcelona's Open Tech Week, MozFest gives your ideas room to run wild. Join us for three days of conversation and hands-on building. Get your badge

  • SitePointThe Giantsread at source

    How to Build a Backlink Monitoring Dashboard with Node.js

    null Continue reading How to Build a Backlink Monitoring Dashboard with Node.js on SitePoint .

  • Auth0 BlogCompany/Startup Blogsread at source

    Architecting Secure Identity: Extending Auth0 PrivateLink with Intelligent Gateways

    Route Auth0 Outbound PrivateLink traffic across multiple isolated VPCs from a single secure tunnel — using an API Gateway as a fan-out layer with Auth0 Actions for context-based routing.

  • ESLint BlogLibraries, Frameworks, etc.2 min read

    ESLint v10.12.0 released

    Highlights Support for tokens and comments in SourceCode Rule authors often work with ESLint’s SourceCode object, which represents the JavaScript source code being linted. Its getText() , getLoc() , and getRange() methods have always accepted a node, token, or comment, but the…

  • Hidde's blogMore Front-end Bloggers5 min read

    How IT can get more sustainable quicker: notes from Green IO

    At Green IO this week , I heard about offshore wind, sustainability data, and cloud certification. This post has some notes I took. They all in some way relate to what can get us to more sustainable IT quicker. Better sustainability data It's really hard to reason about your…

  • Twilio BlogMulti Author Blogsread at source

    How to Create and Send vCards with Go

    In this tutorial, you'll learn how to create vCards and how to then send them via SMS using Twilio's Programmable Messaging API.

  • Twilio BlogMulti Author Blogsread at source

    How to Track Opt-Outs in PHP

    Learn how to track opt-outs and avoid communicating with customers afterward in your PHP code, with Twilio's Incoming Message Webhook and Event Streams functionality.

  • Twilio BlogMulti Author Blogsread at source

    How to Get Started With WebRTC: Intro to Browser APIs

    Learn how to use WebRTC APIs to build powerful voice and video communication solutions with helpful WebRTC tutorials and examples.

  • Adam ArgyleTop Front-end Bloggersread at source

    Front End Fast Money With Kevin Powell

    30s on the clock, how well do my CSS answers stack up against Kevin 's audience? Watch on YouTube

  • Google for DevelopersYouTube ChannelsVideoWatch on YouTube

    🧾 Building a voice-to-print mirror with Gemini

See everything from the last 30 days →