DEV Community: Dev Ieffe

Screen dust bg

Dev Ieffe — Fri, 12 Dec 2025 23:04:50 +0000

Brand-new feature. Screen dust background.

[Boost]

Dev Ieffe — Thu, 30 Oct 2025 00:51:00 +0000

The future of dev: more unified?

Dev Ieffe ・ Oct 30

#webdev

The future of dev: more unified?

Dev Ieffe — Thu, 30 Oct 2025 00:42:05 +0000

Web development is moving from fragmentation to cohesion. Full-stack frameworks like Next.js, Remix, SvelteKit, Nuxt, Astro merge frontend, backend, and deployment. Platforms such as Vercel, Cloudflare, and Supabase combine runtime, hosting, and data, while isomorphic JavaScript runs seamlessly across client and server.

Tooling fades into the background: no manual webpack or Babel. Vite, Bun, and Deno handle optimization; Vercel and Netlify deploy with a Git push; AI assistants like Copilot and ChatGPT generate interfaces and APIs.

Design and code now meet. Figma-to-code plugins, Tailwind, design tokens, and component systems standardize UI patterns, pointing toward a shared declarative language for both logic and layout.

We’ll soon describe data and behavior in natural language, and AI will assemble the rest. Devs will have more focus on experience, logic, and meaning. In the next few years, expect a unified meta-framework with built-in AI, universal runtime, and instant deployment — describe your app, and it lives.

What are your thoughts on such a "prophecy"? Read an extended article here.

. isn't needed at the end of ALT attributes

Dev Ieffe — Thu, 31 Jul 2025 06:00:57 +0000

Don't have to use . at the end of ALT and META descriptions especially if:

It’s a short, or sentence fragment.
You want to keep it punchy and search–friendly.

Examples:

❌ “Discover vintage computers like the ZX Spectrum and Commodore 64.”
✅ “Discover vintage computers like the ZX Spectrum and Commodore 64”

Why?

Meta descriptions often appear as snippets in search engine results. A period can feel abrupt or unnecessary unless it’s part of a complete, formal sentence.

✅ ALT Text (Image alt attribute):
Not using . unless it’s a full sentence.

Examples:

✅ alt="ZX Spectrum main menu with pixel graphics and black background"
✅ alt="The ZX Spectrum was released in 1982." (if full sentence, period is OK)
❌ alt="ZX Spectrum menu." ← Avoid period on fragments

Why?

Screen readers pause slightly at punctuation. Adding unnecessary periods may create unnatural rhythm or confusion for visually impaired users.

Bonus

Do not use . at the end of a header or title. This applies to: website headings, article/blog titles, slide decks, UX/UI microcopy, technical documents.

Recap of Vercel Ship 2025

Dev Ieffe — Sun, 29 Jun 2025 13:00:24 +0000

Vercel Ship 2025 showcased a clear evolution in how Vercel envisions the future of development—moving beyond frontend deployment into AI infrastructure, secure computing, and edge-first architecture. While Next.js Conf 2024 was focused on stability and scaling frontend frameworks, this event leaned into enabling intelligent, modular, and cost-efficient full-stack AI apps.

Main topics at Vercel Ship 2025

AI Gateway & SDK

One of the headline features was the AI Gateway, a centralized interface for accessing over 100 large language models (LLMs) across providers like OpenAI, Anthropic, Mistral, Google, and xAI. It supports smart routing, observability, fallback mechanisms, and per-model analytics—simplifying vendor management and boosting developer flexibility in AI-powered apps.

Fluid Compute & Active CPU pricing

The introduction of Fluid Compute represents a leap in efficiency. Instead of running every request in isolation, Vercel now allows function execution to persist across invocations. This, paired with Active CPU pricing—charging only for CPU-active time and massively discounting memory idle time—delivers up to 85% in cost savings, especially relevant for AI inference and streaming.

Vercel Sandbox

Developers can now execute untrusted, AI-generated code securely in isolated microVMs for up to 45 minutes. The Vercel Sandbox supports both Node.js and Python, opening up safe testing for AI agents, dynamic content generation, or even educational use cases.

Microfrontends & Rolling Releases

Vercel now supports microfrontend architecture natively. Teams can independently build and deploy parts of a UI, while Vercel manages routing and integration. Paired with Rolling Releases, which allow gradual global deployment with real-time observability and rollback tools, this fosters safer, faster iteration cycles.

Vercel Queue & BotID

To handle background processes, Vercel Queue introduces native task queuing with retry logic and persistence—ideal for media processing, email handling, or delayed AI tasks. Meanwhile, BotID offers invisible CAPTCHA functionality to detect malicious bots on sensitive endpoints without interrupting the user experience.

Vercel Agent

Vercel now includes an AI assistant in the dashboard that detects anomalies in performance, firewall settings, and security metrics—suggesting actionable fixes in real time. It’s a move toward self-healing infrastructure powered by AI.

Comparing to Vercel Next.js CONF2024

Vercel Next.js Conf 2024 was largely centered around developer ergonomics and frontend performance. Key features included:
• v0 by Vercel: an AI UI generation tool that bootstrapped components from prompts.
• Next.js 14: introducing partial pre-rendering and server actions.
• Edge Config and Middleware upgrades: allowing dynamic content delivery with low latency.

In contrast, Ship 2025 brings:
• A platform shift toward AI-native applications
• Deep focus on infrastructure cost control
• First-class support for long-running, secure compute
• Native queueing and deployment safety mechanisms

Thoughts

While Conf 2024 was about tightening the frontend toolchain, Ship 2025 is about empowering developers to build AI-native, distributed, and modular systems at scale. With AI Gateway, Fluid Compute, and secure sandboxes, Vercel is clearly positioning itself as not just the best platform to deploy websites—but to run the future of intelligent web apps. Great overall styling and design brw. Gg.

Prevention of scroll bounce effect

Dev Ieffe — Sun, 27 Apr 2025 15:55:53 +0000

Developing for iOS and macOS browsers you probably would like an easy enough option to switch off its over-scrolling bounce effect in all its directions. It's an easy trick actually with one line CSS only.

body {
  overscroll-behavior: none;
}

If this somehow doesn't work, you can try a less graceful solution for that.

html {
  overflow: hidden;
  height: 100%;
  position: fixed;
}

body {
  overflow: auto;
  height: 100%;
  position: relative;
}

There are options like overscroll-behavior-x and overscroll-behavior-y. Helpful. However it seems not possible to edit custom one-side or multiple-sides over-scroll of the viewport like e.g. top only.

Requires some JavaScript.

"Tune" sign for SSL is a good vibe!

Dev Ieffe — Thu, 01 Feb 2024 17:33:42 +0000

@Chrome 2024 has introduced a small but notable update: a new icon for SSL in the address bar. Instead of the familiar “lock” symbol we’ve all gotten used to, Chrome now shows a subtle “tune/settings” icon for HTTPS URLs.

Why the change?

Well, according to Google’s research, most users never really understood what the padlock meant. Many assumed it meant “this website is safe” — but technically, the lock only signified that the connection was encrypted, not that the site itself was trustworthy. Phishing sites can also use HTTPS, after all. So, the lock was a bit misleading. By replacing it with a more functional-looking icon, Chrome is trying to make the security state feel less like a badge of trust and more like a place to check details if you want them.

Chrome isn’t alone here

iOS Safari is going even further — it’s planning to remove the lock icon entirely from its browser UI. The thinking is that secure connections have become the norm, not the exception. If more than 95% of all browsing is already HTTPS, why clutter the interface with an icon that’s mostly redundant? Instead, Safari will only alert you when something’s wrong — like if the connection isn’t secure. That’s the real state worth warning about.

It’s an interesting shift in how browsers communicate trust and safety. For years, the little padlock was the symbol of legitimacy on the web. Remember the advice? “Only shop on sites with the lock in the corner.” Now, that logic doesn’t really hold. The lock became more about encryption than about credibility, and users who trusted it blindly sometimes got confused.

Social icons web design

Dev Ieffe — Sun, 30 Jul 2023 20:28:10 +0000

Standard social icons are now meta-read like that:

f ⏺ x in

(f-o-x-in - foxing)

f ⏺ x

(f-o-x - fox)

f x

(f-x - fx, fix)

x ⏺

(x-o - xo)

f ⏺ in x

(f-o-in-x - phoenix)

etc.

web2 to web3

Dev Ieffe — Sun, 12 Feb 2023 19:12:14 +0000

The continuation of the Web 2.0 concept evolved into what became known as Web3 — an iteration that tentatively refined the social Web 2.0 model through the use of the semantic web, artificial intelligence (AI/ML), and advanced methods of data processing. I’d also like to highlight Awwweb (former AltervisionWebDesign), a small and creative digital brand.

Main features of web3 design:

High-tech — using both advanced front-end and hi-tech and sci-fi images
HQ detalisation — a high level of detail and quality, reaching the level of digital studios
Creativity — concept art, science fiction, avant-garde graphics, cyberpunk
Animation effects — the widespread use of animation effects for CSS / JS interfaces (navigation, typography, preloaders, scrolling, backgrounds, etc.)
3D — hardcore three-dimensional graphics, video, animation, interfaces and effects
Virtual reality — virtual environments, metaverse, VR/AR/MR elements
Gamification — is the use of gaming technologies, storytelling, including for the consumer
Blockchain — offers to make transactions through blockchain technology, NFT.

Read the whole article on Medium

Google removes pagination

Dev Ieffe — Wed, 14 Dec 2022 01:20:03 +0000

Google has recently removed search results pagination (as it now appears for logged-in users). At first glance, this might not seem like a big deal — but it could be more significant than it looks. There’s no longer a “page 2,” “page 3,” or “page 5.” Instead, results load in a continuous infinite scroll. And honestly, it feels pretty great. Many search results that used to sit “below the fold” are now more visible and may attract more clicks than before. This change makes search feel less vertical and less fixated on the top few links. It opens up more opportunities for different content to spark interest and gain attention. It might seem like a small UI trick, but in reality, it could be a pretty big shift for SEO and content visibility. Let’s see what other surprises the next year brings. Merry holidays 🎄

Dark UI mode of google

Dev Ieffe — Thu, 20 May 2021 04:47:39 +0000

Google Search (and many of Google’s other products) now offer a dark mode option. Hey, that’s great news!

But here’s the question: will web designers and developers eventually get an easy API or universal standard (not just from Google) that lets websites follow the same dark mode preference users already clicked on? That would be the ideal experience.

Right now, dark mode exists everywhere — in OSs, browsers, apps, and websites. What’s missing is a single, unified toggle so that once a user chooses dark mode, it applies seamlessly across their entire experience, without extra clicks.

👉 Read more: https://bit.ly/3vzRoUg

Upd 2025: The ultimate guide to coding dark mode layouts in 2025

Did you mean:

Dev Ieffe — Fri, 16 Apr 2021 11:00:20 +0000

Ever seen a message like that on google? Works more or less ok when you have a search query misprint or smth, but really crushes the experience about brands content. Like "Did you mean:", actually No, I didn't!

Rather often when search for small companies, brands, products google adds its "Did you mean:" with several other options. That seems really annoying for webmasters who try to build beautiful UX and SO to have as much leads as possible.

Ever wanted to remove such message? Me all the time. At least to update its primitive and catchy design. Seems the only way to do that is to convince google that users aren't mistaken and that's really what they search for and what they need. Well, a brand/query needs a bigger amount of search traffic then. Usually webmasters don't have a possibility for that, the amount of searches isn't enough anyhow. Nothing else to do then, no alternative with such an alternative.

There's an idea like to try to optimize content for the keywords that "Did you mean:" offers. At least there will be a search list picture that has more logical structure view, that includes branded content, some titles, descriptions, etc. of the words google suggests. Probably and luckily this "Did you mean:" message will then soon won't be shown.