Service Slider

Анимировано в CSS. Логика смены текста и запуска анимаций реализована в JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3817
Forwarded and filtered by @smartfeed_bot

​​🌐Анимация в браузерах и как с ней работать

В этой статье я расскажу об основных этапах работы с анимацией для браузеров, ключевых сложностях и вариантах их нативной оптимизации.

Читать...


Original post link: t.me/frontendnoteschannel/3314
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 6 messages
Our filtering prevented you from: 6 messages

Top 3 source channels:
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 4 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Веб-страница: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

​​У нас есть шпаргалка для тех, кто готовится проходить алкособес.

Не секрет, что многие компании перенимают практики больших корпораций и везде суют секцию алкоритмов.

Можно воспринимать это как ненужное усложнение, а можно — как тренировку ума и преимущество на будущей работе.

Вы думаете, что админ опечатался, и мы говорим тут об алгоритмическом собеседовании? Кто, знает, кто знает. Вы можете проверить сами по ссылке:

Читать...


Original post link: t.me/frontendnoteschannel/3315
Forwarded and filtered by @smartfeed_bot

💾 Photo Gallery – галерея с изображениями, которые раскрываются при наведении курсора. На остальные фото при этом накладывается темный фильтр.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1669
Forwarded and filtered by @smartfeed_bot

​3 категории менеджеров проектов

Лично я сторонник разбивки, которую давно у кого-то услышал - менеджеров по стилю управления можно грубо разбить на 3 категории:

- Менеджер стартапов и ламповых команд. Друзья и товарищи всех и каждого в команде. Они подробно вникают в каждую ситуацию и задачу на проекте, зачастую разбираются (или стараются разобраться) в технических подробностях проекта, а не только в бизнесовой части.

- Менеджер из среднего бизнеса. Эти менеджеры часто уже меньше вникают в техническую часть задач, работают с задачами чуть более верхнеуровнево, больше времени посвящая планированию и отладке процессов. Часто именно здесь начинается полноценное делегирование задач от менеджера - коллегам.

- Корпоративные акулы. Это боги стратегического и тактического планирования, оперируют задачами уже практически абстрактно и максимально сосредоточены на менеджменте в его эталонном виде. По тому, с кем у меня был опыт общения - такие менеджеры уже намного проще и жестче относятся к косякам команды, особо не вникая в человеческие причины этих косяков.

Вся эта классификация очень примерная и грубая, да и больше является набором стереотипов, однако она позволяет хотя бы примерно понять, какие стили встречаются.

К какому варианту быть ближе, каждый менеджер решает сам для себя, исходя из своего комфорта, целей, жизненной позиции и т.д., главное добросовестно выполнять свои обязанности и вести свои проекты и команду к светлому будущему ;)

👉 @seniorFront

​​👌Готовим, пробуем Casbin RBAC и handmade RBAC

В этой статье расскажу, как я тестировал Casbin, попутно подготовил своё решение для сравнения и покажу результаты работы обоих.

Читать...


Original post link: t.me/frontendnoteschannel/3316
Forwarded and filtered by @smartfeed_bot

​Ничего необычного, просто реализация времени в виде циферблата наручных часов в формате кода с помощью CSS и JavaScript.

Smart watch — Clock object: https://codepen.io/MarkBoots/pen/zYbjaoR

#codepen


Original post link: t.me/tproger_web/4383
Forwarded and filtered by @smartfeed_bot

​​😎Первое приложение на SolidJS

В этой статье познакомимся с SolidJS − JavaScript-библиотекой для создания пользовательских интерфейсов без виртуального DOM. Мы создадим легкий список задач с использованием TypeScript и разберем некоторые особенности библиотеки.

Читать...


Original post link: t.me/frontendnoteschannel/3318
Forwarded and filtered by @smartfeed_bot

Blob Switch

Оригинальный переключатель, стилизованный и анимированный в SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3821
Forwarded and filtered by @smartfeed_bot

JavaScript. Что будет выведено в консоль?

Ответ


Original post link: t.me/senior_front/1866
Forwarded and filtered by @smartfeed_bot

5 трендов в подборе ИТ-специалистов на 2024 год

Попробуем заглянуть в будущее и предсказать, чего ждать и к чему готовиться в России и за рубежом. Поговорим о зарплатах, подходах к найму айтишников и искусственном интеллекте.

Читать статью...


Original post link: t.me/frontendnoteschannel/3319
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Frontender's notes [ru]: 5 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

​​Состоялся релиз Tempo — библиотеки для работы с датами в JavaScript и TypeScript

Разработчики фреймворка FormKit для создания форм на Vue опубликовали код библиотеки Tempo, предназначенной для работы с датой и временем в JavaScript и TypeScript. Команда проекта акцентировала внимание на простоте использования и минимальном размере.

При создании разработчики вдохновлялись moment.js, day.js и date-fns, но начали проект с нуля, чтобы итоговая библиотека отвечала всем требованиям команды. В коде Tempo используются возможности Intl.DateTimeFormat для извлечения сложных типов данных, к которым относятся форматы дат и смещения часовых поясов:

import { format, parse } from "@formkit/tempo"

const readable = format(new Date(), "full")
// понедельник, 19 февр. 2024 г.

parse(readable, "full")
// Date: 2024-02-18T21:00:00.000Z

Библиотека реализована на языке TypeScript. Установить Tempo можно с помощью пакетных менеджеров pnpm, npm, yarn и bun, а у проекта на гитхабе уже больше 1,2 тыс. звёзд: https://github.com/formkit/tempo

#инструменты #javascript #typescript

🖥 Travel & Hotel Booking Light Mobile App – дизайн мобильного приложения для бронирования отелей. Акцент здесь сделан на спокойных серо-бирюзовых оттенках и скругленных углах.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1670
Forwarded and filtered by @smartfeed_bot

​​👨‍💻Пишем надёжный и расширяемый код с помощью Union & pattern matching в TypeScript

В этой статье я хочу рассказать о том, как писать надёжный и расширяемый код с помощью TypeScript на примере разработки прикладного сервиса.

Читать...


Original post link: t.me/frontendnoteschannel/3321
Forwarded and filtered by @smartfeed_bot

Bubble Preloader

Необычный loader на HTML и SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3823
Forwarded and filtered by @smartfeed_bot

​​🚀Многопоточность на фронте: абсурд или прекрасное архитектурное решение?

В этой статье рассматриваются различные типы воркеров в браузере (dedicated worker, shared worker, service worker), их особенности, а также рассматривается архитектура приложений с использованием воркеров, где основная логика приложения размещается в shared worker'е, а виртуальный дом - в dedicated worker'е.

Читать...


Original post link: t.me/frontendnoteschannel/3322
Forwarded and filtered by @smartfeed_bot

Responsive Image Slider

В этом видео создается адаптивный слайдер на HTML, CSS и JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3824
Forwarded and filtered by @smartfeed_bot

Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

https://codepen.io/ste-vg/pen/MWpxKYR


Original post link: t.me/senior_front/1869
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 8 messages
Our filtering prevented you from: 4 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Senior Frontend Developer: 3 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report