Найти в Дзене
Разбор структуры шапки HTML документа
В данном материале попробуем подробно разобраться в структуре <head> HTML документа. Для чего и как используются разные мета-теги. Ознакомиться с примером документа который мы будем разбирать, можно по этой ссылке. Основа <!DOCTYPE html> Настройка совместимости, раньше этот элемент включал в себя множество настроек и определений. Сейчас достаточно указать эту короткую запись, чтобы браузер понял что, работает с обычной HTML страницей. <html lang="ru" prefix="og: http://ogp.me/ns#"> Атрибут lang указывает основной используемый язык на странице...
148 читали · 4 года назад
Что нового в Bootstrap 5
Один из первых и самым популярный CSS фреймворк. Не так давно получил крупное обновление, наверно самое значительное это то что, наконец-то bootstrap отказался от jQuery в пользу нативного JS. Рассмотрим основные изменения. Зависимость от jQuery Совершилось, спустя много лет Bootstrap решил отказаться от зависимости с JQuery, что позволило уменьшить исходный размер JS кода, а также ускорить его работу. Но любителям этой чудной библиотеки не стоит переживать, ее по-прежнему можно использовать в связки с Bootstrap, но уже не в обязательном порядке...
4 года назад
5 полезных хитростей в HTML
Несколько простых, но в то же время полезных вещей, которые в какой-то степени облегчат разработку сайта или улучшат юзабилити. Отложенная загрузка (Lazy) Она же еще называется ленивой загрузкой. Такой тип загрузки можно назвать асинхронным, он не блокирует отрисовку страницы, что позволяет ей грузиться намного быстрее. Можно использовать для изображений loading="lazy", JavaScript, шрифты и CSS. Более подробно можно почитать на MDN Web Docs. Ссылки для тел. звонков и отправки почты Активные ссылки позволяющие переходить сразу к определенному действию...
4 года назад
HTML тег details
Есть среди множества HTML элементов интересный тег "details", который позволяет прятать контент, без использования JS. Базовый функционал можно сравнить с форумным спойлером, когда прячут большой объем контента для экономии пространства и удобства, при просмотре. Проявив чуть смекалки, этот элемент можно приспособить и для других нужд. Например: выпадающий список при клике на кнопку (Dropdown) или группированный список с возможностью сворачивания (Accordion \ Collapse). Вариантов применения достаточно...
4 года назад
Десктопные приложения на JavaScript
Да, и такое возможно. Есть языки которые с такой задачей справятся намного лучше, но это не значит что, мы должны использовать именно их. Пример десктопных приложений на JS: Skype, Discord, Twitch клиент, Facebook Messenger и т...
302 читали · 4 года назад
Подборка бесплатных фото-стоков
Небольшая подборка бесплатных фото стоков, которая пригодится любому дизайнеру или контент-мейкеру. Выбор не ограничивается одними фото, также есть иллюстрации и векторные изображения. free photo stock Pixabay Огромное...
4 года назад
CSS генераторы кода
Существует не мало онлайн инструментов, которые помогают решать задачи по CSS различного рода, их еще называют CSS генераторы. Рассмотрим несколько полезных генераторов.
4 года назад
3D кнопка на чистом CSS
Каждая важная вещь, которую мы делаем в интернете, от заказа еды до записи к врачу на прием или даже простое воспроизведения видео, включает в себя нажатие кнопки.
4 года назад
CSS Псевдоклассы :where и :is
А вы когда-нибудь слышали про псевдоклассы :where и :is? Это функциональные псевдоклассы, которые принимают в себя массив селекторов (Идентификаторы, классы, теги).
4 года назад
Недружественный Web UX дизайн
В данной статье рассмотрим самые распространённые ошибки в UX дизайне, которые можно встретить на очень многих сайтах. Но, для начала разберемся, что же такое UX дизайн.
4 года назад
JS, 30-ти секундный код #1
Сегодня рассмотрим простые, но, в то же время эффективные функции на JS, для работы с CSV форматом.
4 года назад