Front End World
28K subscribers
4.22K photos
1 video
5.19K links
New articles about Front End development.
JS, CSS, React, Vue, Angular and others!

Russian tech blog: @five_a_m

Admin: @jem_jem
Download Telegram
new Date(“wtf”): Quiz How well do you know JavaScript’s Date class?

How well do you know JavaScript's Date class?

https://jsdate.wtf/
Better CSS Shapes Using shape() — Part 4: Close and Move

The shape() function's close and move commands may not be ones you reach for often, but are incredibly useful for certain shapes.

https://css-tricks.com/better-css-shapes-using-shape-part-4-close-and-move/
The JavaScript Error Handling Handbook

Errors and exceptions are inevitable in application development. As programmers, it is our responsibility to handle these errors gracefully so that the user experience of the application is not compromised. Handling errors correctly also helps progra...

https://www.freecodecamp.org/news/the-javascript-error-handling-handbook/
2
What Are JSON Web Tokens (JWT)?

When you’re working with any website, application, or API, you'll inevitably need to log in and authenticate your user base. One of the more commonly used methods of passing around authentication credentials from one system to another is using a JSON...

https://www.freecodecamp.org/news/what-are-json-web-tokens-jwt/
1
JavaScript scope hoisting is broken

Modern JavaScript bundlers commonly implement two optimizations: scope hoisting, and code splitting. In this post, I'll discuss how these are fundamentally at odds with each other.

https://devongovett.me/blog/scope-hoisting.html
1
NuxtLabs is joining Vercel

We’re joining Vercel to continue building the best developer experience for building fast and beautiful applications.

https://nuxtlabs.com/
A handy use of subgrid to enhance a simple layout

subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.

https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout/
1
Announcing Nuxt 4.0

Nuxt 4.0 is here! A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety.

https://nuxt.com/blog/v4
How to Master Regular Expressions for Frontend Development

Learn how to use regular expressions to validate forms, extract data, and clean strings. Master regex from basics to advanced use cases with real examples.

https://jsdev.space/howto/regex-guide-frontend/
How to build unified AI interfaces using the Vercel AI SDK

Learn how to use the Vercel AI SDK to build modern, multimodal frontend apps with streaming, function calling, image analysis, voice output, and generative UI.

https://blog.logrocket.com/unified-ai-interfaces-vercel-sdk/
1
Three quick ways to shift left and fix accessibility issues sooner

Shift accessibility left without adding overhead, using tools that plug directly into the environments developers already use every day.

https://www.deque.com/blog/three-quick-ways-to-shift-left-and-fix-accessibility-issues-sooner/
Deploying Inertia Vue SSR to Cloudflare Workers: From Traditional Node.js to Global Edge

Learn how to move your Inertia Vue SSR from traditional Node.js to Cloudflare Workers for global edge performance, zero server management, and automatic scaling.

https://geisi.dev/blog/deploying-inertia-vue-ssr-to-cloudflare-workers/
Getting Clarity on Apple’s Liquid Glass

Gathered notes on Liquid Glass, Apple’s new design language that was introduced at WWDC 2025. These links are a choice selection of posts and resources that I've found helpful for understanding the context of Liquid Glass, as well as techniques for recreating it in code.

https://css-tricks.com/getting-clarity-on-apples-liquid-glass/
Next.js real-time video streaming: HLS.js and alternatives

Set up real-time video streaming in Next.js using HLS.js and alternatives, exploring integration, adaptive streaming, and token-based authentication.

https://blog.logrocket.com/next-js-real-time-video-streaming-hls-js-alternatives/
3
How to build better AI apps in React with MediaPipe’s latest APIs

Build an AI-powered object detection app in React using MediaPipe's latest Tasks API, run models in-browser with no backend setup.

https://blog.logrocket.com/build-ai-react-mediapipe/
1
How phishers are weaponizing SVG images in zero-click, evasive campaigns

Seemingly harmless SVGs are packed with malicious JavaScript for a phishing redirect to actor-controlled URLs.

https://www.csoonline.com/article/4022432/how-phishers-are-weaponizing-svg-images-in-zero-click-evasive-campaigns.html
1🥰1
Setting Line Length in CSS (and Fitting Text to a Container)

The many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.

https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/
3