☑️ ВЕБДОСТУПНІСТЬ HTML #2
Який сенс використовувати тег
Пост українською 🇺🇦.
Який сенс використовувати тег
section і чому вам треба звернути увагу на article.Пост українською 🇺🇦.
Telegraph
article чи section?
З появою стандарту HTML5 ми почали більше дбати про доступність та семантику вебсторінок. Більшість розробників надають перевагу тегам і , та зовсім не використовють . Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap…
☑️ ЗАЧЕМ _ В АТРИБУТЕ target у ССЫЛОК
Атрибут
Но почему его значения начинаются с
Атрибут
target определяет, где открывать документ, на который указывает ссылка.Но почему его значения начинаются с
_ ?Telegraph
Почему значения атрибута target="_blank" начинается с подчеркивания
HTML-ссылки создаются с помощью элементов . Ссылки представляют собой связь между двумя ресурсами, одним из которых является текущий документ. По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие…
☑️ CONTEXT и SCOPE
Проводил недавно собеседования.
Спрашивал про scope и context в JavaScript.
Примерно половина людей думает что это одно и то же, а другая половина путается и теряется.
Особенно важно обратить внимание начинающим разработчикам.
Разбираемся вместе.
Проводил недавно собеседования.
Спрашивал про scope и context в JavaScript.
Примерно половина людей думает что это одно и то же, а другая половина путается и теряется.
Особенно важно обратить внимание начинающим разработчикам.
Разбираемся вместе.
Telegraph
Разница между контекстом (context) и областью видимости (scope) в JavaScript
Спрашивая данный вопрос на собеседованиях, начинающие и даже некоторые опытные разработчики путают эти, казалось бы, базовые понятия. Scope – область видимости Область видимости определяет, есть ли у вас доступ к переменной. До введения let и const область…
☑️ ОТРИЦАТЕЛЬНЫЙ margin
Существует несколько точек зрения на использование отрицательного значения, как резко негативное, так и положительное.
Разбираемся в том, что же это такое: хак или обычное значение?
Существует несколько точек зрения на использование отрицательного значения, как резко негативное, так и положительное.
Разбираемся в том, что же это такое: хак или обычное значение?
Telegraph
Все что следует знать про отрицательные margin в CSS
В верстке мы повсеместно используем CSS свойство margin для внешних отступов и горизонтального выравнивания. Вероятно вы встречали, или использовали и отрицательные margin.
☑️ 10 способов скрыть элементы в CSS
Иногда появляется необходимость скрыть некоторые элементы с сайта (блоки, картинки, DIV и так далее), либо просто скрыть текст при помощи CSS. Для этого существует несколько различных способов, которые отличаются по эффекту. Далее вы можете узнать о них.
Иногда появляется необходимость скрыть некоторые элементы с сайта (блоки, картинки, DIV и так далее), либо просто скрыть текст при помощи CSS. Для этого существует несколько различных способов, которые отличаются по эффекту. Далее вы можете узнать о них.
Telegraph
10 способов скрыть элементы в CSS
Существует несколько способов скрыть элемент в CSS, но они отличаются тем, как они влияют на доступность, анимацию, производительность и обработку событий. Анимация Некоторые опции скрытия CSS – это все или ничего. Элемент либо полностью видим, либо полностью…
🎉 КАНАЛУ 1 ГОД 🎉
Спасибо что читаете!
В связи с этим, и пролонгацией карантина я решил сделать бесплатный онлайн курс по front-end разработке.
Заинтересовало?
Детали в соответствующем канале: https://t.me/free_front_end
Спасибо что читаете!
В связи с этим, и пролонгацией карантина я решил сделать бесплатный онлайн курс по front-end разработке.
Заинтересовало?
Детали в соответствующем канале: https://t.me/free_front_end
☑️ min(), max(), clamp()
В апреле 2020 появилась поддержка этих функций в основных барузерах.
Что это за функции и чем могут быть полезны – в посте.
В апреле 2020 появилась поддержка этих функций в основных барузерах.
Что это за функции и чем могут быть полезны – в посте.
Telegraph
Функции min(), max() и clamp() в CSS
Эти функции в CSS позволяют сравнивать значения выражений и представлять одно из них. Они расширяют наши возможности по созданию динамических макетов и созданию более гибких компонентов. min() Позволяет установить наименьшее значение из списка выражений,…
☑️ АДАПТИВНЫЕ ИЗОБРАЖЕНИЯ HTML5
Вместе с множеством разрешений экранов приходит необходимость в сжатии/растяжении изображения или вовсе подстановки других картинок для того, чтобы соответствовать требованиям. Решаем эти задачи правильным методом.
Вместе с множеством разрешений экранов приходит необходимость в сжатии/растяжении изображения или вовсе подстановки других картинок для того, чтобы соответствовать требованиям. Решаем эти задачи правильным методом.
Telegraph
Адаптивные изображения. Атрибут srcset. Тег picture.
При верстке веб-страниц често приходится решать следующую задачу:
☑️ НОВЫЕ ОПЕРАТОРЫ В JavaScript
JavaScript очень быстро развивается. В последнем стандарте были добавлены новые операторы, которые позволяют писать более красивый и выразительный код. Рассматриваем их здесь.
JavaScript очень быстро развивается. В последнем стандарте были добавлены новые операторы, которые позволяют писать более красивый и выразительный код. Рассматриваем их здесь.
Telegraph
Новые операторы в JavaScript
Современная спецификация JavaScript, поддерживает синтаксис стрелочных функций, операторы spread и rest, модули и классы. Эти и другие инструменты делают JavaScript гибким и выразительным языком программирования. Развитие языка не стоит на месте и разработчики…
☑️ ВСЕ СПОСОБЫ ПОЛУЧЕНИЯ ДАННЫХ ИЗ ФОРМЫ В JavaScript
🤓 Данный пост рассчитан на новичков, но и опытные разработчики могут найти для себя что-то новое.
С помощью JavaScript мы можем получать значения формы и манипулировать полями.
Способов сделать это множество. Разбираем их в новом видео на Youtube канале WiseJS.
Текстовый формат, конечно же, остается: кликай здесь.
Голосуйте ниже, какой формат вам нравится больше видео (📹) или текстовый (🗒).
🤓 Данный пост рассчитан на новичков, но и опытные разработчики могут найти для себя что-то новое.
С помощью JavaScript мы можем получать значения формы и манипулировать полями.
Способов сделать это множество. Разбираем их в новом видео на Youtube канале WiseJS.
Текстовый формат, конечно же, остается: кликай здесь.
Голосуйте ниже, какой формат вам нравится больше видео (📹) или текстовый (🗒).
YouTube
СВЯЗЫВАЕМ HTML Form C JavaScript. ВСЕ СПОСОБЫ ПОЛУЧЕНИЯ ДАННЫХ. FormData.
В этом видео я рассказываю о всех способах извлечения данных из HTML формы с помощью JavaScript. FormData. СВЯЗЫВАЕМ HTML Form C JavaScript. ⏱ Таймкоды:01:2...
Все еще желаете освоить Front-end 💻, но так и не переходите к его изучению, или не знаете с чего начать?
Начните с HTML!
Выучите данный язык разметки всего за 40 минут моем новом видео!
Начните с HTML!
Выучите данный язык разметки всего за 40 минут моем новом видео!
YouTube
ЯЗЫК РАЗМЕТКИ HTML ЗА 40 МИНУТ ДЛЯ НАЧИНАЮЩИХ. ВСЕ ТЕГИ ВКЛЮЧЕНЫ.
Язык разметки HTML5. Синтаксиc. Правила оформления страниц. Основные теги.🚀Ставьте на паузу и повторяйте код за мной, остановок не будет! 🔗 Ссылки из видео...
☑️ ВСЕ, ЧТО НУЖНО ЗНАТЬ ПРО ТЕГ
Разбираемся с особенностями атрибутов, и порядком исполнения скриптов по ссылке.
🚀🚀🚀
SCRIPTРазбираемся с особенностями атрибутов, и порядком исполнения скриптов по ссылке.
🚀🚀🚀
Telegraph
Все, что нужно знать про тег <script>
Элемент script позволяет включать в свои документы скрипты выполняемые на стороне пользователя. Так же, данный тег, используют для включения блоков данных. Блоки данных могут выглядеть следующим образом:
Верстаем сайт с нуля за 4 часа!🔥 Бесплатный марафон по HTML/CSS + Bootstrap.
🗓 Когда: с 12 по 13 октября (2 дня), начало в 19:00 по Киеву.
👥 Рассчитан на новичков+, которые хотят прокачать свои навыки или попробовать себя в верстке сайтов*.
📍Где: прямой эфир на YouTube канале. Подписывайтесь чтобы не пропустить начало!
✔️за 4 часа мы сверстаем сайт в прямом эфире;
✔️я познакомлю Вас с основами и тонкостями верстки сайтов;
✔️”оживим” его с помощью JS
✔️Вы “примеряете” на себе новую професcию;
✔️получите ответы на все интересующие вопросы в прямом эфире;
✔️мотивация и советы куда двигаться дальше в подарок 😁
Все материаллы, файлы и ссылки будут опубликованы в телеграмм канале: https://t.me/free_front_end
*Чтобы иметь минимальные знания рекомендую посмотреть мое видео HTML за 40 минут.
🗓 Когда: с 12 по 13 октября (2 дня), начало в 19:00 по Киеву.
👥 Рассчитан на новичков+, которые хотят прокачать свои навыки или попробовать себя в верстке сайтов*.
📍Где: прямой эфир на YouTube канале. Подписывайтесь чтобы не пропустить начало!
✔️за 4 часа мы сверстаем сайт в прямом эфире;
✔️я познакомлю Вас с основами и тонкостями верстки сайтов;
✔️”оживим” его с помощью JS
✔️Вы “примеряете” на себе новую професcию;
✔️получите ответы на все интересующие вопросы в прямом эфире;
✔️мотивация и советы куда двигаться дальше в подарок 😁
Все материаллы, файлы и ссылки будут опубликованы в телеграмм канале: https://t.me/free_front_end
*Чтобы иметь минимальные знания рекомендую посмотреть мое видео HTML за 40 минут.
YouTube
Верстаем сайт с нуля за 4 часа!🔥 Бесплатный марафон🔥 по HTML/CSS + Bootstrap (Часть 1)
✅ Рассчитан на новичков+, которые хотят прокачать свои навыки или попробовать себя в верстке сайтов*.
✔️ за 4 часа мы сверстаем сайт в прямом эфире;
✔️ я познакомлю Вас с основами и тонкостями верстки сайтов;
✔️ ”оживим” его с помощью JS
✔️ Вы “примеряете”…
✔️ за 4 часа мы сверстаем сайт в прямом эфире;
✔️ я познакомлю Вас с основами и тонкостями верстки сайтов;
✔️ ”оживим” его с помощью JS
✔️ Вы “примеряете”…
☑️ TIPS AND TRICKS #3
Условие
Определить значение этого свойства можно и через JavaScript.
Используем
Условие
prefers-color-scheme в @media используется для определения темной/светлой темы в CSS.Определить значение этого свойства можно и через JavaScript.
Используем
window.matchMedia() с соответствующим запросом, чтобы проверить настройки цветовой схемы пользователя.☑️ ВСЕ, ЧТО НУЖНО ЗНАТЬ ПРО ТЕГ
Разбираемся с особенностями атрибутов:
LINKРазбираемся с особенностями атрибутов:
preconnect, prefetch, preload и многих других по ссылке.Telegraph
Все, что нужно знать про тег <link>
Элемент link позволяет нам связывать свой документ с другими ресурсами и указывать альтернативные версии, авторы, авторские лицензии, иконки и т.д.Так же, позволяет совершать предзагрузку внешниз ресурсов, тем самым ускоряя и оптимизируя веб страницу. href…