Channel Public Channel

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G

Open in Telegram

Subscribers: 25.7K
Photos: 2.7K
Videos: 28
Links: 7.9K

Showing posts older than #8572 · Back to latest

Older Posts 20 shown

Post #8570 7.79K Nov 3, 2023, 08:51 UTC

Анимируем слои с clip-path

Демо | Github

https://tympanus.net/codrops/2023/10/31/image-layer-animations-with-clip-path/

🔥 20
❤ 2

Post #8569 8.54K Nov 2, 2023, 14:10 UTC

Front-end. Вопросы на собеседовании #53

HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.

https://www.youtube.com/watch?v=zcF-CVtXSBI

YouTube #53 Front-end. Вопросы на собеседовании #YauhenK #webDev #HTML #CSS #JS Всем привет! Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании». В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…

👍 20
❤‍🔥 3

Post #8568 7.93K Nov 1, 2023, 08:03 UTC

Атрибуты async и defer у элементов script

Как правильно подключить скрипт, чтобы не навредить перфомансу.

https://learn.javascript.ru/script-async-defer

❤‍🔥 19
👍 9

Post #8567 9.28K Oct 31, 2023, 14:28 UTC

Гайд по микрофронтендам на single-spa

Как уже наконец-то уйти от монолита во фронтенде.

https://habr.com/ru/companies/samokat_tech/articles/766978/

❤ 11
👍 3

Post #8565 7.92K Oct 31, 2023, 07:22 UTC

Релиз Yarn 4.0

Обновленный ui и улучшенная в 3 раза производительность.

https://yarnpkg.com/blog/release/4.0

👍 23

Post #8564 8.15K Oct 30, 2023, 15:25 UTC

Chrome 117 поддерживает text-wrap: pretty

Короткая заметка о значениях pretty и

balance

https://developer.chrome.com/blog/css-text-wrap-pretty/

🔥 27
❤ 1

Post #8563 7.84K Oct 30, 2023, 10:42 UTC

Развлекаемся с Gamepad API

О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.

https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api

👍 8
🔥 3

Post #8562 7.95K Oct 29, 2023, 10:37 UTC

Нюансы преобразования строк в base64 в JS

О работе с функциями btoa() и atob() и возможными ошибками.

https://web.dev/articles/base64-encoding?hl=en

❤ 14
👍 2

Post #8560 8.15K Oct 28, 2023, 08:23 UTC

Веб-стандарты — выпуск 392

DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent, Safari TP, Node.js, Eleventy 3.0

https://web-standards.ru/podcast/392/

❤ 7
👍 2

Post #8558 9.2K Oct 27, 2023, 14:20 UTC

CSS будущего: State Container Queries

Как работать с State Container Queries и для чего это может быть удобно - в статье.

https://ishadeed.com/article/css-state-queries/

👍 23
🥴 2

Post #8557 8.53K Oct 27, 2023, 07:45 UTC

Релиз NextJS 14

Turbopack, Server Actions, Partial Rendering.

https://nextjs.org/blog/next-14

👍 25
❤ 1

Post #8556 9.1K Oct 25, 2023, 16:28 UTC

Использование React Portal

Что такое React Portal, как и когда его использовать.

https://semaphoreci.com/blog/react-portals

👍 21
🥱 2
🍓 1
😈 1

Post #8554 7.71K Oct 25, 2023, 10:13 UTC

Photoshop Web CSS

Ахмад Шадид разбирает разметку и CSS решения сложного онлайн инструмента.

https://ishadeed.com/article/photoshop-web-css/

🔥 8
👌 2
👍 1

Post #8553 8.46K Oct 24, 2023, 14:28 UTC

React Server Components

Как и зачем использовать RSC.

https://www.freecodecamp.org/news/how-to-use-react-server-components/

👍 15
🔥 2
❤ 1

Post #8552 9.55K Oct 23, 2023, 14:21 UTC

Чистая frontend архитектура

Почему важна архитектура при разработке приложения и какие принципы помогут правильно ее построить.

https://medium.com/bitsrc/clean-frontend-architecture-2995c68702fb

👍 16
❤ 2
🎃 1

Post #8551 8.49K Oct 23, 2023, 08:36 UTC

Использование Web Workers для многопоточности в вебе

Статья о работе с web workers, их практическом применении и ограничениях.

https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/

🔥 10

Post #8549 7.69K Oct 22, 2023, 08:17 UTC

Разработка приложений для всех категорий пользователей

Основные принципы веб доступности. Как семантическая верстка, дополнительные атрибуты элементов и инструменты для тестирования доступности помогут вам в этом.

https://www.sitepoint.com/designing-for-all-the-basics-principles-of-web-accessibility/

⚡ 8

Post #8548 6.92K Oct 21, 2023, 09:59 UTC

Подкаст про код - выпуск 24

Interop 2024, бета TypeScript 5.3, анти-паттерны конфигурирования в Node.js.

https://www.youtube.com/watch?v=HRcFHKEU3F4

👍 12

Post #8547 7.76K Oct 20, 2023, 14:31 UTC

Круговой текст на CSS

Решаем задачу при помощи svg и тригонометрии.

https://dev.to/jh3y/circular-text-with-css-57jf

🔥 13
👍 1
👌 1

Post #8546 8.48K Oct 19, 2023, 13:33 UTC

Нативные способы валидации форм

Как отловить ошибки валидации при помощи атрибутов input либо встроенными методами форм.

https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation

🔥 14
👍 3

Older posts →