Что такое CORS?
CORS (Cross-Origin Resource Sharing, совместное использование ресурсов между разными источниками) — это браузерный механизм, который позволяет предоставлять страницам доступ к ресурсам, расположенным за пределами некоего домена. Это расширяет возможности страниц и добавляет гибкости политике одинакового источника (same-origin policy).
Made in HTML/CSS
CORS (Cross-Origin Resource Sharing, совместное использование ресурсов между разными источниками) — это браузерный механизм, который позволяет предоставлять страницам доступ к ресурсам, расположенным за пределами некоего домена. Это расширяет возможности страниц и добавляет гибкости политике одинакового источника (same-origin policy).
Made in HTML/CSS
👍5🔥1
Такая банальная вещь, как недостаточно плавный переход между двумя цветами, может серьезно ухудшить впечатление от всего дизайна. К сожалению, новички нередко допускают эту ошибку — создают слишком жесткие градиенты с резкой сменой одного цвета другим.
Вот несколько способов, как можно буквально за пару минут исправить ситуацию.Если ситуацию вызвал неправильный подбор цветов (например, они изначально слишком темные, слишком насыщенные и контрастные по отношению друг к другу), то можно попробовать изменить их на более схожие или гармоничные. Для этого можно использовать цветовой круг или специальные сервисы для подбора цветовых схем, такие как Webgradients или uiGradients.
🌐 Подобнее
Made in HTML/CSS
Вот несколько способов, как можно буквально за пару минут исправить ситуацию.Если ситуацию вызвал неправильный подбор цветов (например, они изначально слишком темные, слишком насыщенные и контрастные по отношению друг к другу), то можно попробовать изменить их на более схожие или гармоничные. Для этого можно использовать цветовой круг или специальные сервисы для подбора цветовых схем, такие как Webgradients или uiGradients.
🌐 Подобнее
Made in HTML/CSS
👍4🔥2
Фильтрация уникальных значений
В стандарте ES6 появился новый тип объектов Set. Скомбинировав его со спред-оператором (...), можно легко получить из старого массива новый, в котором будут только уникальные значения.
Made in HTML/CSS
В стандарте ES6 появился новый тип объектов Set. Скомбинировав его со спред-оператором (...), можно легко получить из старого массива новый, в котором будут только уникальные значения.
Made in HTML/CSS
👍5🔥2
Settings Sync — это популярный плагин для текстовых редакторов, таких как Visual Studio Code, который позволяет синхронизировать настройки, расширения, темы и другие пользовательские данные между разными устройствами. Это особенно полезно для разработчиков, которые работают за несколькими компьютерами или хотят быстро восстановить свою рабочую среду после переустановки системы.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥2
Сравнение TypeScript и JavaScript: преимущества и недостатки
🌐 Читать статью
Made in HTML/CSS
Сравним оба языка по ключевым параметрам, выясним преимущества и недостатки TypeScript и JavaScript и узнаем, в каких ситуациях лучше использовать тот или иной инструмент разработки
🌐 Читать статью
Made in HTML/CSS
👍4🔥2
Нужно следовать рекомендованному шаблону, ведь так? Но он не совсем оптимален. На каждой итерации цикла длина массива array будет высчитываться заново.
Иногда это полезно, но в большинстве случаев эффективнее будет ее кэшировать после первого расчета. Для этого создадим переменную length. Это можно сделать в первой части условия, вместе с определением счетчика цикла.
Лаконичность кода почти не страдает, но при работе с большими массивами он будет работать немного эффективнее.
Made in HTML/CSS
Иногда это полезно, но в большинстве случаев эффективнее будет ее кэшировать после первого расчета. Для этого создадим переменную length. Это можно сделать в первой части условия, вместе с определением счетчика цикла.
Лаконичность кода почти не страдает, но при работе с большими массивами он будет работать немного эффективнее.
Made in HTML/CSS
👍4🔥2
Чтобы разобраться в том, что написал разработчик, и перевести это в более старую версию JS, Babel требуется максимально декомпозировать код.
Делает он это с помощью составления AST дерева и его последующего анализа. Babel разбивает наш код на самые мелкие частицы, даже «;» или «пробел» — отдельная часть AST дерева. После того как Babel создал такое дерево, он может пройтись по каждому узлу и преобразовать его нужным образом.
Made in HTML/CSS
Делает он это с помощью составления AST дерева и его последующего анализа. Babel разбивает наш код на самые мелкие частицы, даже «;» или «пробел» — отдельная часть AST дерева. После того как Babel создал такое дерево, он может пройтись по каждому узлу и преобразовать его нужным образом.
Made in HTML/CSS
👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Красивое меню выбора
Этот проект представляет собой меню выбора, состоящее из нескольких кнопок с иконками. При наведении курсора на меню или его элементы происходит ряд визуальных изменений, улучшающих восприятие.
Made in HTML/CSS
Этот проект представляет собой меню выбора, состоящее из нескольких кнопок с иконками. При наведении курсора на меню или его элементы происходит ряд визуальных изменений, улучшающих восприятие.
Made in HTML/CSS
🔥5👍3
Webpack — это модульный сборщик (bundler) с открытым исходным кодом, написанный на JS. Он берёт несколько скриптов JavaScript с их зависимостями и объединяет в файл, который используется браузером.
Почему разработчики выбирают именно его, а не другие бандлеры? Webpack отличается подробной документацией и активным коммьюнити. Кроме этого, он имеет ряд преимуществ по сравнению с аналогами.
🌐Подробнее
Made in HTML/CSS
Почему разработчики выбирают именно его, а не другие бандлеры? Webpack отличается подробной документацией и активным коммьюнити. Кроме этого, он имеет ряд преимуществ по сравнению с аналогами.
🌐Подробнее
Made in HTML/CSS
👍6
Это один из самых известных JavaScript-трюков, но повторить его не помешает.
Чтобы удалить несколько значений из конца массива, необязательно пользоваться методами slice(), splice() или pop(). Просто переопределите свойство length.
Это работает только с массивами, а вот с Set, например, трюк не пройдет.
Made in HTML/CSS
Чтобы удалить несколько значений из конца массива, необязательно пользоваться методами slice(), splice() или pop(). Просто переопределите свойство length.
Это работает только с массивами, а вот с Set, например, трюк не пройдет.
Made in HTML/CSS
👍7🔥1👨💻1
Современные тренды CSS
Темы, которые разбираются в этой статье:
- attr()
- toggle()
- sibling-count(), sibling-index()
- first-valid()
- -*mix, -*progress
- calc-size()
- random(), random-item()
🌐 Читать статью
Made in HTML/CSS
Темы, которые разбираются в этой статье:
- attr()
- toggle()
- sibling-count(), sibling-index()
- first-valid()
- -*mix, -*progress
- calc-size()
- random(), random-item()
🌐 Читать статью
Made in HTML/CSS
👍6
Что представляет собой объединение ресурсов и почему оно важно?
Объединение ресурсов или Asset bundling собирает CSS, JavaScript и другие ресурсы в один или несколько минимизированных файлов. Этот процесс сокращает количество HTTP-запросов, снижает время загрузки и повышает производительность. Он также помогает в управлении кешем и упорядочивании кода.
Made in HTML/CSS
Объединение ресурсов или Asset bundling собирает CSS, JavaScript и другие ресурсы в один или несколько минимизированных файлов. Этот процесс сокращает количество HTTP-запросов, снижает время загрузки и повышает производительность. Он также помогает в управлении кешем и упорядочивании кода.
Made in HTML/CSS
👍4🔥1
Прогрессивные веб-приложения, по всей видимости, будут становиться всё популярнее и распространённее. Они нацелены на то, чтобы пользователь воспринимал их не как обычные веб-страницы, а как нечто вроде классических настольных приложений, которые нормально работают независимо от того, подключен компьютер к интернету или нет.
Отсюда исходит одно из основных требований к прогрессивным веб-приложениям, которое заключается в их надёжном функционировании при отсутствующем или нестабильном сетевом соединении. Сервис-воркеры являются важной технической деталью реализации подобного поведения приложений.
Made in HTML/CSS
Отсюда исходит одно из основных требований к прогрессивным веб-приложениям, которое заключается в их надёжном функционировании при отсутствующем или нестабильном сетевом соединении. Сервис-воркеры являются важной технической деталью реализации подобного поведения приложений.
Made in HTML/CSS
👍4🔥2
Методы some() и every() в JavaScript предоставляют удобный способ проверки элементов массива на соответствие заданному условию. Эти методы делают код более читабельным и лаконичным по сравнению с использованием циклов.
Made in HTML/CSS
Made in HTML/CSS
👍5🔥3
Owloops — это инструмент с открытым исходным кодом для мониторинга работоспособности и производительности веб-сайтов через командную строку.
Он позволяет в реальном времени отслеживать ключевые метрики, такие как доступность сайта, время отклика сервера, состояние SSL-сертификатов и их срок действия. Помимо сбора данных, инструмент также поддерживает функцию оповещений, чтобы своевременно уведомлять о возможных проблемах.
Made in HTML/CSS
Он позволяет в реальном времени отслеживать ключевые метрики, такие как доступность сайта, время отклика сервера, состояние SSL-сертификатов и их срок действия. Помимо сбора данных, инструмент также поддерживает функцию оповещений, чтобы своевременно уведомлять о возможных проблемах.
Made in HTML/CSS
👍6
Как решить проблему совместимости с браузерами?
Потребуется:
- Использовать функции обнаружения с помощью Modernizr, чтобы обеспечить резервирование или полифилы для неподдерживаемых функций.
- Применить техники прогрессивного улучшения и плавного ухудшения.
- Использовать CSS reset или normalize.css для поддержания согласованности стилей в различных браузерах.
- Протестировать приложение в браузерах и на различных устройствах
Made in HTML/CSS
Потребуется:
- Использовать функции обнаружения с помощью Modernizr, чтобы обеспечить резервирование или полифилы для неподдерживаемых функций.
- Применить техники прогрессивного улучшения и плавного ухудшения.
- Использовать CSS reset или normalize.css для поддержания согласованности стилей в различных браузерах.
- Протестировать приложение в браузерах и на различных устройствах
Made in HTML/CSS
👍5
Подобно тому, как микросервисы разбивают бэкенд-монолиты на слабо связанные сервисы, микрофронтенды разбивают большое веб-приложение на более мелкие независимые части, которые работают вместе без сбоев, образуя целое приложение.
С помощью микрофронтендов каждая часть пользовательского интерфейса (UI) может разрабатываться и поддерживаться отдельно. Команды могут работать автономно, что обеспечивает более быстрые релизы, лучшую масштабируемость и повышенную производительность.
🌐 Подробнее
Made in HTML/CSS
С помощью микрофронтендов каждая часть пользовательского интерфейса (UI) может разрабатываться и поддерживаться отдельно. Команды могут работать автономно, что обеспечивает более быстрые релизы, лучшую масштабируемость и повышенную производительность.
🌐 Подробнее
Made in HTML/CSS
🔥5👍1
Методы find() и findIndex() в JavaScript предоставляют удобный способ поиска элементов в массиве на основе заданного условия. Эти методы упрощают код, делая его более читабельным и лаконичным по сравнению с использованием циклов.
Made in HTML/CSS
Made in HTML/CSS
👍8🔥3
Forwarded from Jelatin
Selectext — это инструмент, который помогает упростить работу с выделенным текстом на веб-страницах и видео. Она предоставляет удобный интерфейс для получения, обработки и управления текстом, который пользователь выделяет на странице.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥3
В чем преимущества использования пре- и постпроцессоров CSS?
Использование пре- и постпроцессоров вместе позволяет создавать более поддерживаемый, масштабируемый и эффективный CSS-код, экономя время и усилия разработчиков.
Преимущества препроцессоров CSS (например, Sass, Less, Stylus): расширяют CSS такими функциями, как переменные, миксины и вложенные правила, делая его более удобным в использовании и менее повторяющимся.
Преимущества постпроцессоров CSS (например, PostCSS, Autoprefixer): помогают работать с префиксами поставщиков, добавляют полифилы и оптимизируют CSS для повышения производительности.
Made in HTML/CSS
Использование пре- и постпроцессоров вместе позволяет создавать более поддерживаемый, масштабируемый и эффективный CSS-код, экономя время и усилия разработчиков.
Преимущества препроцессоров CSS (например, Sass, Less, Stylus): расширяют CSS такими функциями, как переменные, миксины и вложенные правила, делая его более удобным в использовании и менее повторяющимся.
Преимущества постпроцессоров CSS (например, PostCSS, Autoprefixer): помогают работать с префиксами поставщиков, добавляют полифилы и оптимизируют CSS для повышения производительности.
Made in HTML/CSS
👍5🔥1
Метод Object.assign() в JavaScript используется для копирования значений всех собственных перечисляемых свойств из одного или более исходных объектов в целевой объект.
Это позволяет легко клонировать объекты или объединять несколько объектов в один.
Made in HTML/CSS
Это позволяет легко клонировать объекты или объединять несколько объектов в один.
Made in HTML/CSS
🔥6👍1