Web Dev | Дзен

В данном материале попробуем подробно разобраться в структуре <head> HTML документа. Для чего и как используются разные мета-теги. Ознакомиться с примером документа который мы будем разбирать, можно по этой ссылке. Основа <!DOCTYPE html> Настройка совместимости, раньше этот элемент включал в себя множество настроек и определений. Сейчас достаточно указать эту короткую запись, чтобы браузер понял что, работает с обычной HTML страницей. <html lang="ru" prefix="og: http://ogp.me/ns#"> Атрибут lang указывает основной используемый язык на странице...

150 читали · 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 и т...

303 читали · 4 года назад