👤Зачем изучать HTML и CSS, или когда роботы заменят верстальщиков на рынке труда
В этой статье автор расскажет, что такое HTML, CSS, вёрстка, кто такой верстальщик и как называют этого специалиста в англоязычной среде, а также вы узнаете почему веб-разработчики, как фронтендеры, так и бэкэндеры, так или иначе сталкиваются с вёрсткой во время работы.
Читать...
В этой статье автор расскажет, что такое HTML, CSS, вёрстка, кто такой верстальщик и как называют этого специалиста в англоязычной среде, а также вы узнаете почему веб-разработчики, как фронтендеры, так и бэкэндеры, так или иначе сталкиваются с вёрсткой во время работы.
Читать...
🤔Что такое адаптивный дизайн, и почему адаптивная верстка дороже
В этой статье автор расскажет, почему одним из главных критериев современных веб-сайтов является корректная работа на устройствах с разными техническими характеристиками, а сайт должен полностью отображаться как на экранах компьютеров, так и на экранах смартфонов, и почему если веб-ресурс не имеет адаптивной версии и не отображается полностью на экранах телефонов, большинство посетителей просто перестанут на него заходить, а также вы узнаете зачем для адаптации сайтов отрисовывают специальный дизайн и используют адаптивную верстку.
Читать...
В этой статье автор расскажет, почему одним из главных критериев современных веб-сайтов является корректная работа на устройствах с разными техническими характеристиками, а сайт должен полностью отображаться как на экранах компьютеров, так и на экранах смартфонов, и почему если веб-ресурс не имеет адаптивной версии и не отображается полностью на экранах телефонов, большинство посетителей просто перестанут на него заходить, а также вы узнаете зачем для адаптации сайтов отрисовывают специальный дизайн и используют адаптивную верстку.
Читать...
🖥Зачем проводить тестирование сайта
В этой статье автор расскажет, почему главной целью тщательной проверки сайта является грамотная настройка всех показателей, одной или всех страниц сайта, оперативное обнаружение и устранение всех дефектных мест на сайте, а также его адаптация под различные устройства, а также вы узнаете почему чтобы проверка была эффективной необходимо учитывать все нюансы в работе сайта и проверять весь его функционал, начиная с самых простых настроек, заканчивая анализом корректности работы его отдельных программ.
Читать...
В этой статье автор расскажет, почему главной целью тщательной проверки сайта является грамотная настройка всех показателей, одной или всех страниц сайта, оперативное обнаружение и устранение всех дефектных мест на сайте, а также его адаптация под различные устройства, а также вы узнаете почему чтобы проверка была эффективной необходимо учитывать все нюансы в работе сайта и проверять весь его функционал, начиная с самых простых настроек, заканчивая анализом корректности работы его отдельных программ.
Читать...
👤Рекомендации по написанию HTML-кода начинающим web-разработчикам
В этой статье автор расскажет, как сделать код более красивым, валидным, легко понимаемым и семантически грамотным, и почему не нежно подчеркивать никакие элементы кроме ссылок, а также вы узнаете почему CSS может и не нужно всем знать досконально, но структуру HTML-документа должны понимать все разработчики.
Читать...
В этой статье автор расскажет, как сделать код более красивым, валидным, легко понимаемым и семантически грамотным, и почему не нежно подчеркивать никакие элементы кроме ссылок, а также вы узнаете почему CSS может и не нужно всем знать досконально, но структуру HTML-документа должны понимать все разработчики.
Читать...
👨💻Как научиться верстке HTML и CSS с нуля
В этой статье автор расскажет, стоит ли заниматься самостоятельно, где найти онлайн-курсы для начинающих, сколько нужно учиться и где получить первый опыт верстки HTML/CSS, а также вы узнаете почему чтобы стать верстальщиком, нужно знать не только языки программирования, но и иметь представление о смежных областях и прикладных инструментах.
Читать...
В этой статье автор расскажет, стоит ли заниматься самостоятельно, где найти онлайн-курсы для начинающих, сколько нужно учиться и где получить первый опыт верстки HTML/CSS, а также вы узнаете почему чтобы стать верстальщиком, нужно знать не только языки программирования, но и иметь представление о смежных областях и прикладных инструментах.
Читать...
👨💻Путь верстальщика: с нуля до сеньора
В этой статье автор расскажет, почему есть много сообщений о том, что верстальщик без знания фреймворка не нужен, но в основном это пишут разработчики в крупных проектах а, для них, это вполне так и есть, и почему на полноценное изучение и практику только вёрстки с нуля вполне можно затратить год, а также вы узнаете что делать тем, кто находится в начале пути, и куда можно ещё двигаться, чтобы стать сеньором.
Читать...
В этой статье автор расскажет, почему есть много сообщений о том, что верстальщик без знания фреймворка не нужен, но в основном это пишут разработчики в крупных проектах а, для них, это вполне так и есть, и почему на полноценное изучение и практику только вёрстки с нуля вполне можно затратить год, а также вы узнаете что делать тем, кто находится в начале пути, и куда можно ещё двигаться, чтобы стать сеньором.
Читать...
👤Что помогает развиваться начинающему верстальщику
В этой статье вы узнаете, почему путь любого верстальщика начинается с изучения тегового языка разметки веб-страницы – HTML, и почему для получения практических навыков вёрстки необязательно заниматься монотонным написанием кода, а также вы узнаете ка стать востребованным специалистом в этой области, и почему будет нелишним иметь под рукой список инструментов, которые станут вашими верными помощниками и будут двигать вас вперёд.
Читать...
В этой статье вы узнаете, почему путь любого верстальщика начинается с изучения тегового языка разметки веб-страницы – HTML, и почему для получения практических навыков вёрстки необязательно заниматься монотонным написанием кода, а также вы узнаете ка стать востребованным специалистом в этой области, и почему будет нелишним иметь под рукой список инструментов, которые станут вашими верными помощниками и будут двигать вас вперёд.
Читать...
🖥Верстальщик: кто он и чем занимается
В этой статье автор расскажет, почему профессия верстальщика сегодня прочно ассоциируется с созданием сайтов, что такое HTML-верстка сайта, и как понять, можно ли обойтись без верстальщика, а также вы узнаете какие сейчас требования к верстальщику, чтобы работать в компании, занимающиеся систематической или частной разработкой сайтов, и крупных интернет-проектов.
Читать...
В этой статье автор расскажет, почему профессия верстальщика сегодня прочно ассоциируется с созданием сайтов, что такое HTML-верстка сайта, и как понять, можно ли обойтись без верстальщика, а также вы узнаете какие сейчас требования к верстальщику, чтобы работать в компании, занимающиеся систематической или частной разработкой сайтов, и крупных интернет-проектов.
Читать...
👨💻Кто такой верстальщик и чем он отличается от frontend-разработчика
В этой статье автор расскажет, почему такая специальность, как верстальщик, стала востребованной относительно недавно, и почему Frontend-разработчик обладает более значимыми знаниями и может не только сделать макет, но и написать скрипты для визуальной части сайта, а также вы узнаете почему перфекционизм считается одним из самых основных качеств верстальщика.
Читать...
В этой статье автор расскажет, почему такая специальность, как верстальщик, стала востребованной относительно недавно, и почему Frontend-разработчик обладает более значимыми знаниями и может не только сделать макет, но и написать скрипты для визуальной части сайта, а также вы узнаете почему перфекционизм считается одним из самых основных качеств верстальщика.
Читать...
👤Полное руководство по элементам HTML-формы
В этой статье автор расскажет, почему иногда одной строки текста бывает недостаточно, а простой элемент input совершенно не подходит, и почему меню select – это идеальное решение для HTML-формы с объемным списком, а также вы узнаете зачем для формы выбора курса задается элемент label.
Читать...
В этой статье автор расскажет, почему иногда одной строки текста бывает недостаточно, а простой элемент input совершенно не подходит, и почему меню select – это идеальное решение для HTML-формы с объемным списком, а также вы узнаете зачем для формы выбора курса задается элемент label.
Читать...
😵Погружаемся в CSS: как использовать :where ()
В этой статье автор расскажет, как функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset, и почему в CSS часто приходится писать длинный список селекторов, разделённых запятыми, когда к нескольким элементам одновременно применяются одни и те же стили, а также вы узнаете как функция :where() помогает удалить или обнулить стили или изменить специфичность элементов.
Читать...
В этой статье автор расскажет, как функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset, и почему в CSS часто приходится писать длинный список селекторов, разделённых запятыми, когда к нескольким элементам одновременно применяются одни и те же стили, а также вы узнаете как функция :where() помогает удалить или обнулить стили или изменить специфичность элементов.
Читать...
😵Интересные трюки HTML, CSS и JS
В этой статье автор расскажет, как можно собирать всю информацию, которая вводится в веб-формы на чужом сайте, и получать её к себе по электронной почте, и как API браузер может следит за пользователями вашего сайта и присылать отчёты по падениям/ошибкам с их стороны, а также вы узнаете как с помощью API можно найти нестандартные ошибки на своих страницах, например, частые падения мобильных браузеров из-за CSS-анимаций.
Читать...
В этой статье автор расскажет, как можно собирать всю информацию, которая вводится в веб-формы на чужом сайте, и получать её к себе по электронной почте, и как API браузер может следит за пользователями вашего сайта и присылать отчёты по падениям/ошибкам с их стороны, а также вы узнаете как с помощью API можно найти нестандартные ошибки на своих страницах, например, частые падения мобильных браузеров из-за CSS-анимаций.
Читать...
🚀Webpack. Создание WebP вместе с Jpeg и Png
В этой статье автор расскажет, почему формат изображений WebP в большинстве случаев имеет меньший вес, по сравнению с png и jpeg, и почему использовать WebP в своих приложениях - это хорошая практика, а также вы узнаете почему для оптимизации и обратной совместимости необходимо не только оптимизировать исходные изображения, но и для каждой картинки добавить её аналог в формате webp.
Читать...
В этой статье автор расскажет, почему формат изображений WebP в большинстве случаев имеет меньший вес, по сравнению с png и jpeg, и почему использовать WebP в своих приложениях - это хорошая практика, а также вы узнаете почему для оптимизации и обратной совместимости необходимо не только оптимизировать исходные изображения, но и для каждой картинки добавить её аналог в формате webp.
Читать...
😵Основные принципы маскирования в CSS
В этой статье автор расскажет, почему маскирование является популярной техникой реализации уникальных эффектов, и зачем для создания эффекта затухания в каждом прямоугольнике маски нужно обновить градиент и добавить ключевое слово transparent, а также вы узнаете почему при использовании маскирования и градиентов наши возможности по созданию визуальных эффектов становятся практически безграничными.
Читать...
В этой статье автор расскажет, почему маскирование является популярной техникой реализации уникальных эффектов, и зачем для создания эффекта затухания в каждом прямоугольнике маски нужно обновить градиент и добавить ключевое слово transparent, а также вы узнаете почему при использовании маскирования и градиентов наши возможности по созданию визуальных эффектов становятся практически безграничными.
Читать...
🤔Как сделать сервисы доступнее для людей с нарушениями зрения
В этой статье автор расскажет, почему структура заголовков в текстовом документе всегда одинаковая, и почему тег заголовка должен соответствовать его значению, а не оформлению, а также вы узнаете базовые ошибки, которые можно пофиксить с помощью базовой разметки html.
Читать...
В этой статье автор расскажет, почему структура заголовков в текстовом документе всегда одинаковая, и почему тег заголовка должен соответствовать его значению, а не оформлению, а также вы узнаете базовые ошибки, которые можно пофиксить с помощью базовой разметки html.
Читать...
🧐Проблема воспроизведения видео и его адаптация под iPhone и iPad
В этой статье автор расскажет, почему если вы хотите перейти в полноэкранный режим то придется написать код для проверки браузера, и почему чтобы выйти из полноэкранного режима на iPhone и iPad через свайп назад, то придется также написать функцию для остановки видео при выходе, а также вы узнаете как сделать так, чтобы не было видно панель с управлением видео.
Читать...
В этой статье автор расскажет, почему если вы хотите перейти в полноэкранный режим то придется написать код для проверки браузера, и почему чтобы выйти из полноэкранного режима на iPhone и iPad через свайп назад, то придется также написать функцию для остановки видео при выходе, а также вы узнаете как сделать так, чтобы не было видно панель с управлением видео.
Читать...
😵Конец тирании Outlook: HTML в почте без таблиц
В этой статье вы узнаете, почему кодинг электронной почты — это коллекция обходных путей, хаков и устаревших неподдерживаемых HTML-элементов, и почему скорость обработки электронных писем никогда не была так важна для сообщества разработчиков клиентов, как для веб-разработчиков во фронтенде, а также вы узнаете почему все клиенты электронной почты блокируют JavaScript в письмах с HTML.
Читать...
В этой статье вы узнаете, почему кодинг электронной почты — это коллекция обходных путей, хаков и устаревших неподдерживаемых HTML-элементов, и почему скорость обработки электронных писем никогда не была так важна для сообщества разработчиков клиентов, как для веб-разработчиков во фронтенде, а также вы узнаете почему все клиенты электронной почты блокируют JavaScript в письмах с HTML.
Читать...
🚀Создание карты потоков с помощью JavaScript
В этой статье автор расскажет, что такое карты потоков, как сделать этот процесс более практичным, и как можно научиться создавать собственные карты потоков с помощью JS для любых видов данных, а также вы узнаете почему проще и быстрее всего создать интерактивную карту потоков можно с помощью графической библиотеки JS.
Читать...
В этой статье автор расскажет, что такое карты потоков, как сделать этот процесс более практичным, и как можно научиться создавать собственные карты потоков с помощью JS для любых видов данных, а также вы узнаете почему проще и быстрее всего создать интерактивную карту потоков можно с помощью графической библиотеки JS.
Читать...
⚡️Оптимизируем изображения в HTML
В этой статье автор расскажет, почему использовать background-image в CSS — не лучшая идея, как можно написать раздутый CSS, который сочетал бы медиазапросы и функцию image-set, и почему в таком случае нам нужно знать точные размеры изображения для каждого отдельного экрана, и учитывать, что макет сайта может измениться, а также вы узнаете зачем нужно избегайте отложенной загрузки для изображений на первом экране.
Читать...
В этой статье автор расскажет, почему использовать background-image в CSS — не лучшая идея, как можно написать раздутый CSS, который сочетал бы медиазапросы и функцию image-set, и почему в таком случае нам нужно знать точные размеры изображения для каждого отдельного экрана, и учитывать, что макет сайта может измениться, а также вы узнаете зачем нужно избегайте отложенной загрузки для изображений на первом экране.
Читать...
😎CSS сolor-сontrast(): пошаговое руководство
В этой статье автор расскажет, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы, и как свойство color-contrast() поможет пользователям с легкостью получить доступ к информации и услугам и использовать их, а также вы узнаете почему создание доступного дизайна — это не просто привлечение внимания, но и удобство для всех пользователей.
Читать...
В этой статье автор расскажет, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы, и как свойство color-contrast() поможет пользователям с легкостью получить доступ к информации и услугам и использовать их, а также вы узнаете почему создание доступного дизайна — это не просто привлечение внимания, но и удобство для всех пользователей.
Читать...
🚀25 советов для начинающего верстальщика
В этой статье автор расскажет, почему тег h1 является самым главным на странице и используется в качестве названия раздела, и зачем для разметки сворачиваемого раздела содержимого нужно использовать теги details и summary, а также вы узнаете зачем нужно стараться избегать селекторов, которые являются или включают в себя html теги для лучшей читаемости кода.
Читать...
В этой статье автор расскажет, почему тег h1 является самым главным на странице и используется в качестве названия раздела, и зачем для разметки сворачиваемого раздела содержимого нужно использовать теги details и summary, а также вы узнаете зачем нужно стараться избегать селекторов, которые являются или включают в себя html теги для лучшей читаемости кода.
Читать...