Интересный codepen-проект: Book Writing Animation
Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.
Исходники: https://codepen.io/wakana-k/pen/bGxaoNv
@tproger_web #codepen
Original post link: t.me/tproger_web/4441
Forwarded and filtered by @smartfeed_bot
Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.
Исходники: https://codepen.io/wakana-k/pen/bGxaoNv
@tproger_web #codepen
Original post link: t.me/tproger_web/4441
Forwarded and filtered by @smartfeed_bot
🎨 Цветовая палитра макета "Geepay Fitness Tracking App"
Сайтодел | #палитра
Original post link: t.me/sitodel/1697
Forwarded and filtered by @smartfeed_bot
HEX | RGB #AAD19C | rgb(170,209,156)
#E0A5AArgb(224,165,170) #8FA2C6 | rgb(143,162,198)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра
Original post link: t.me/sitodel/1697
Forwarded and filtered by @smartfeed_bot
Forwarded from Senior Frontend - javascript, html, css
Как минимизировать конфликты между разработчиками и тестировщиками
1. Минимизируй конфликтные ситуации, результаты тестирования необходимо представлять в максимально нейтральном виде, ориентированном на факты, а не на критику автора.
2. Цели и задачи работы должны быть ясны. Не ленитесь лишний раз убедиться, что достигли взаимопонимания, спрашивай себя, верно ли тебя понял визави.
3. Обе стороны должны помнить о единой цели – максимально качественно работающая система.
4. Необходимо координировать механизмы трудового процесса с обеих сторон, учитывая мнение как разработчика, так и тестировщика.
5. Подключай эмпатию, старайся учитывать чувства коллеги.
6. Не создавай дополнительного напряжения, избегай токсичных высказываний и недомолвок.
7. Если придётся работать в одной команде долгое время, поинтересуйся у коллеги его интересами, опыте и других аспектах жизни, находя точки соприкосновения.
👉 @seniorFront
1. Минимизируй конфликтные ситуации, результаты тестирования необходимо представлять в максимально нейтральном виде, ориентированном на факты, а не на критику автора.
2. Цели и задачи работы должны быть ясны. Не ленитесь лишний раз убедиться, что достигли взаимопонимания, спрашивай себя, верно ли тебя понял визави.
3. Обе стороны должны помнить о единой цели – максимально качественно работающая система.
4. Необходимо координировать механизмы трудового процесса с обеих сторон, учитывая мнение как разработчика, так и тестировщика.
5. Подключай эмпатию, старайся учитывать чувства коллеги.
6. Не создавай дополнительного напряжения, избегай токсичных высказываний и недомолвок.
7. Если придётся работать в одной команде долгое время, поинтересуйся у коллеги его интересами, опыте и других аспектах жизни, находя точки соприкосновения.
👉 @seniorFront
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card UI — Карточка профиля, написанная с помощью SCSS и JavaScript.
https://codepen.io/team/jotform/pen/XWmqoMp
Original post link: t.me/senior_front/1914
Forwarded and filtered by @smartfeed_bot
https://codepen.io/team/jotform/pen/XWmqoMp
Original post link: t.me/senior_front/1914
Forwarded and filtered by @smartfeed_bot
🧐SSR: ключевой элемент сайта, который требует особого внимания
В этой статье поговорим про SSR — что это, зачем использовать, как с этим работать, чтобы все получалось.
Читать...
Original post link: t.me/frontendnoteschannel/3411
Forwarded and filtered by @smartfeed_bot
В этой статье поговорим про SSR — что это, зачем использовать, как с этим работать, чтобы все получалось.
Читать...
Original post link: t.me/frontendnoteschannel/3411
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 14 messages
Today you received: 9 messages
Our filtering prevented you from: 5 messages
Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Веб-страница: 3 message(s)
Senior Frontend - javascript, html, css: 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
Today the bot processed: 14 messages
Today you received: 9 messages
Our filtering prevented you from: 5 messages
Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Веб-страница: 3 message(s)
Senior Frontend - javascript, html, css: 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
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
This media is not supported in your browser
VIEW IN TELEGRAM
Monster Mash (Game)
Игра, созданная на canvas и JS.
https://codepen.io/grantjenkins/pen/xxjQmmo
Original post link: t.me/senior_front/1915
Forwarded and filtered by @smartfeed_bot
Игра, созданная на canvas и JS.
https://codepen.io/grantjenkins/pen/xxjQmmo
Original post link: t.me/senior_front/1915
Forwarded and filtered by @smartfeed_bot
Уникальный сервер для любых задач в Амстердаме за 2$ в месяц
1 Gb RAM / 1 core CPU / 10 Gb NVMe - 2$ в месяц
https://www.vdsina.com/ru/pricing/standard
- Уникальная фиксированная цена в долларах США, которая не будет меняться
- Компания зарегистрирована в Дубае
- Оплата с рублёвой карты, криптой, иностранной картой через Stripe
- Готовые шаблоны с Outline, WireGuard, IPsec
- Подключение к сети интернет — 10 Гбит/сек
- Доступны все популярные сайты, включая ChatGPT, Netflix
Почему я должен верить компании? VDSina работает с 2014 года и сейчас обслуживает более 40 000 серверов. Сомневаетесь? Вот чат в телеграме — задавайте вопросы другим пользователям: https://t.me/vdsina
Original post link: t.me/senior_front/1916
Forwarded and filtered by @smartfeed_bot
1 Gb RAM / 1 core CPU / 10 Gb NVMe - 2$ в месяц
https://www.vdsina.com/ru/pricing/standard
- Уникальная фиксированная цена в долларах США, которая не будет меняться
- Компания зарегистрирована в Дубае
- Оплата с рублёвой карты, криптой, иностранной картой через Stripe
- Готовые шаблоны с Outline, WireGuard, IPsec
- Подключение к сети интернет — 10 Гбит/сек
- Доступны все популярные сайты, включая ChatGPT, Netflix
Почему я должен верить компании? VDSina работает с 2014 года и сейчас обслуживает более 40 000 серверов. Сомневаетесь? Вот чат в телеграме — задавайте вопросы другим пользователям: https://t.me/vdsina
Original post link: t.me/senior_front/1916
Forwarded and filtered by @smartfeed_bot
JavaScript. Что будет выведено в консоль?
Ответ
Original post link: t.me/senior_front/1917
Forwarded and filtered by @smartfeed_bot
Ответ
Original post link: t.me/senior_front/1917
Forwarded and filtered by @smartfeed_bot
Forwarded from Веб-страница
Состоялся релиз WinterJS — самой быстрой среды выполнения JavaScript
Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.
WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.
Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.
Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs
@tproger_web #javascript
Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.
WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.
Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.
Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs
@tproger_web #javascript
Forwarded from Сайтодел | GitHub, Верстка, Сайты, FullStack
This media is not supported in your browser
VIEW IN TELEGRAM
«Я💛Фронтенд 2024»: встречаемся 23 марта в Москве!
Выступления спикеров, дискуссии с экспертами, новости веба, активности с подарками и, конечно же, нетворкинг — программа будет насыщенной.
Вы сможете послушать доклады крутых специалистов, напрямую задать им свои вопросы, познакомиться и пообщаться с другими участниками сообщества.
А чтобы ожидание конференции пролетело незаметно, мы подготовили разные интересные онлайн-выпуски, которые будут выходить на нашем сайте. Уже можно посмотреть:
🔸«Как это можно переписать?»
Обсудили, как найти разный подход к созданию одного и того же кода и выбрать тот, что понравится именно вам.
🔸 «Как устроены собеседования в Яндексе»
СЕО Hexlet Кирилл Мокевнин поделился, почему полезно ходить на профильные конференции и как это может повлиять на поиск и устройство на работу.
🔸 «Докладчики и конференции»
Рассказываем, как найти тему для выступления и побороть страх того, что она будет никому не интересна.
Смотрите выпуски на сайте и регистрируйтесь на конференцию.
20 марта перестаём принимать заявки на участие офлайн.
Выступления спикеров, дискуссии с экспертами, новости веба, активности с подарками и, конечно же, нетворкинг — программа будет насыщенной.
Вы сможете послушать доклады крутых специалистов, напрямую задать им свои вопросы, познакомиться и пообщаться с другими участниками сообщества.
А чтобы ожидание конференции пролетело незаметно, мы подготовили разные интересные онлайн-выпуски, которые будут выходить на нашем сайте. Уже можно посмотреть:
🔸«Как это можно переписать?»
Обсудили, как найти разный подход к созданию одного и того же кода и выбрать тот, что понравится именно вам.
🔸 «Как устроены собеседования в Яндексе»
СЕО Hexlet Кирилл Мокевнин поделился, почему полезно ходить на профильные конференции и как это может повлиять на поиск и устройство на работу.
🔸 «Докладчики и конференции»
Рассказываем, как найти тему для выступления и побороть страх того, что она будет никому не интересна.
Смотрите выпуски на сайте и регистрируйтесь на конференцию.
20 марта перестаём принимать заявки на участие офлайн.
Forwarded from Сайтодел | GitHub, Верстка, Сайты, FullStack
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🤫Микрофронтенд с использованием Module Federation. Соединяем компоненты между системами на разных фреймворках
В этой статье вы узнаете о том, как можно использовать технологию микрофронтендов с помощью Module Federation для соединения компонентов между системами на разных фреймворках, таких как Vue и React.
Читать...
Original post link: t.me/frontendnoteschannel/3413
Forwarded and filtered by @smartfeed_bot
В этой статье вы узнаете о том, как можно использовать технологию микрофронтендов с помощью Module Federation для соединения компонентов между системами на разных фреймворках, таких как Vue и React.
Читать...
Original post link: t.me/frontendnoteschannel/3413
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Curved Range Slider
Это input type="range", стилизованный в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3903
Forwarded and filtered by @smartfeed_bot
Это input type="range", стилизованный в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3903
Forwarded and filtered by @smartfeed_bot
😵Создание Web components на Vue 3
В этой статье мы рассмотрим два способа обеспечить использование созданного компонента не только в Vue проектах, но и на других фронтенд-платформах.
Читать...
Original post link: t.me/frontendnoteschannel/3415
Forwarded and filtered by @smartfeed_bot
В этой статье мы рассмотрим два способа обеспечить использование созданного компонента не только в Vue проектах, но и на других фронтенд-платформах.
Читать...
Original post link: t.me/frontendnoteschannel/3415
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
Javascript Scroll Animation
В этом видео создается анимация при прокрутке страницы при помощи библиотеки gsap.
👉 @seniorFront
Original post link: t.me/seniorFront/3905
Forwarded and filtered by @smartfeed_bot
В этом видео создается анимация при прокрутке страницы при помощи библиотеки gsap.
👉 @seniorFront
Original post link: t.me/seniorFront/3905
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 20 messages
Today you received: 11 messages
Our filtering prevented you from: 9 messages
Top 3 source channels:
Веб-страница: 8 message(s)
Frontender's notes [ru]: 4 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 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
Today the bot processed: 20 messages
Today you received: 11 messages
Our filtering prevented you from: 9 messages
Top 3 source channels:
Веб-страница: 8 message(s)
Frontender's notes [ru]: 4 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 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
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏
Original post link: t.me/seniorFront/3906
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/seniorFront/3906
Forwarded and filtered by @smartfeed_bot
Telegram
Frontend | Вопросы собесов
Сайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp
Тесты t.me/+T0COHtFzCJkwMDUy
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Реклама @easyoffer_adv
ВП @easyoffer_vp
Тесты t.me/+T0COHtFzCJkwMDUy
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Разработчики знают, что ChatGPT до них далеко
Original post link: t.me/tproger_web/4451
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/tproger_web/4451
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Тот самый сотрудник у которого на созвонах вечно какой-то посторонний шум в микрофоне
👉 @seniorFront
Original post link: t.me/seniorFront/3907
Forwarded and filtered by @smartfeed_bot
👉 @seniorFront
Original post link: t.me/seniorFront/3907
Forwarded and filtered by @smartfeed_bot
🖥 Agriculture Landing Website Templates – компоненты для создания лендингов на тему сельского хозяйства. Здесь также есть UI-кит и иконки.
Сайтодел | #макет #figma
Original post link: t.me/sitodel/1700
Forwarded and filtered by @smartfeed_bot
Сайтодел | #макет #figma
Original post link: t.me/sitodel/1700
Forwarded and filtered by @smartfeed_bot