FrontEnd Development
30.5K subscribers
145 photos
1 video
9.09K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Reimagining Fluid Typography

Miriam Suzanne introduces fluid typography techniques in CSS, balancing readability across different screen sizes. - https://www.oddbird.net/2025/02/12/fluid-type/

#css
👍1
A Report on How the Web is Really Using JavaScript

Each year, the HTTP Archive puts together the Web Almanac, a report on the ‘state of the Web’. The JavaScript section has just gone live and goes into depth on how much JS we’re using (or failing to use!), the popularity of TypeScript, loading methods, Web Worker use, and, yes, jQuery still leads the way! - https://almanac.httparchive.org/en/2024/javascript

#javascript
👍2
OpenAI Client 5.x: Use OpenAI's Models from Node

The latest version of OpenAI’s official JavaScript library for its various APIs now has support for all its latest models and the Realtime API (v5.0 changelog). It also supports Deno and Bun. - https://github.com/openai/openai-node

#nodejs
👍3
Tailwind Toot — text underlines, but cooler

Okay, this video is a fun little deep dive into making text underlines more interesting with Tailwind CSS. If you think underlines are boring, you're not alone—this tutorial shows you how to change things up. The author plays around with colors, starting with a basic violet, but then takes it a step further by switching the underline style to wavy, dotted, dashed, and more. - https://www.youtube.com/watch?v=WSCkaPXcZoA

#tailwind
👍1🔥1
Avoid a common Vue PERFORMANCE KILLER

Registering components globally is a common patter but also often a performance killer.
Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. - https://www.youtube.com/watch?v=xqBqInEPGlc

#vue
👍21
Mastering State Management in Angular with NgRx and signals: Scalable, Predictable, Performant

Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant

#angular
👍1
Teaching Next.js Route Handlers to GitHub Copilot

Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot

#react
Some little ways I’m using CSS :has() in the real world

This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world

#css
👍1
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps

This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps

#vue
2