CSS Image Gallery

В этом видео создается оригинальная галерея картинок при помощи CSS Grid.

👉 @seniorFront


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

Wooden Toggles

Оригинальные переключатели на HTML и CSS.

👉 @seniorFront


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

#вопросы_с_собеседований
В чем разница между оператором «in» и методом hasOwnProperty?

Отличие состоит в том, что оператор «in» проверяет наличие свойства не только в самом объекте, но и в его прототипах, а метод hasOwnProperty — только в объекте.


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

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

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

​​Тренды и новинки в мире CSS и веб-дизайна

Нейросети, no-code, потребность в «пересборке» взаимодействия веб-дизайнеров с заказчиками и другие технологические и организационные факторы обозначили себя в 2023 и продолжат оказывать влияние на отрасль в наступившем году.

Чтобы быть в тренде, сохраняйте себе статью, в которой рассказали о трендах в CSS и веб-дизайне в 2024 году. Статья поможет разобраться в том, что нужно знать, какие скиллы имеет смысл качать и какие инструменты использовать: https://tproger.ru/articles/trendy-i-novinki-v-mire-css-i-veb-dizajna

#дизайн #тренды


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

Descending Order

Создайте функцию, которая принимает число и возвращает цифры этого числа в убывающем порядке.

Пример:
Input: 42145 Output: 54421
Input: 145263 Output: 654321
Input: 123456789 Output: 987654321

👉 @seniorFront


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

✍️ New Kansas – шрифт с засечками, который подходит для заголовков, коротких надписей и логотипов. Пример шрифта есть на официальном сайте Expensify

Сайтодел | #шрифт


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

​​🖥 Переводим статический веб-сайт на языки мира при помощи Weblate

В данной статье мы расскажем как перевести статический веб-сайт с Markdown (Zola, Hugo, Jekyll, Pelican, Gatsby, и д.р.) на все языки мира и поддерживать переводы в актуальном состоянии при изменении исходных текстов.

Читать...


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

Автомобиль без водителя, тексты без автора, картины без художника. Что дальше?

Технологии не стоят на месте. Говорим о них в канале @techno_yandex

Читать...


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

​​⚙Коллекция утилит NestJS-mod для унификации приложений и модулей на NestJS

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

Читать...


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

​​👍Webpack: заменить нельзя оставить

В этой статье расскажет про свой опыт работы с webpack и поможет поставить запятую в заголовке статьи.

Читать...


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

Smooth Liquid Background Effect

"Кляксы" созданы в HTML, а в JS создана логика их передвижения и анимации.

👉 @seniorFront


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

​​🤔Микросервисы на фронтенде — что выбрать

В этой статье представлено сравнение четырех основных подходов к работе с микрофронтендами на фронтенде: Single SPA, Module Federation, NPM modules и Git Submodules.

Читать...


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

Объясните разницу между const person = Person() и const person = new Person() при function Person(){}

Если функция Person() не возвращает явным образом создаваемый экземпляр, то вариант const person = Person() присвоит константе person значение undefined, поскольку именно таков результат void функции.

Если функция Person явным образом возвращает экземпляр, он станет значением константы person при const person = Person().

Однако, вариант с использование оператора new "выигрывает", поскольку он устанавливает корректную связь объекта person с цепочкой прототипов Person, в то время как выражение const person = Person() просто присваивает константе результат вызова функции.


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

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

Top 3 source channels:
Frontender's notes [ru]: 9 message(s)
Senior Frontend - javascript, html, css: 2 message(s)
Веб-страница: 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

Укорачивание массива

Этот способ позволяет зафиксировать размер массива и удалить все лишние элементы. Например, у вас есть массив из 6 элементов, а вам нужны только первые 3. В таком случае достаточно одной простой команды: array.length = 3.

#массивы


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

‼️Всем кодерам посвящается‼️

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

🪩 Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready


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