Статьи об HTML верстке сайтов

Что позволяет ускорить работу сайта?

Как вы думаете?

Хостинг, чистый код, кэш, сжатые картинки, gzip, или...

Мы расскажем наш реальный пример ускорения работы сайта.

Тестили на Google Page Speed + Lighthouse.

Браузеры на данный момент поддерживают метод getUserMedia только через https протокол. Это значит, что вам нужно будет SSL сертификат для этого API.

Клиентские API очень быстро распространяются между десктопными и мобильными устройствами. Конечно же, мобильные API получили доступ к камере первыми, но сейчас эти методы медленно мигрируют на десктопы также.

Давайте посмотрим, как просто можно получить захват фото и видео с веб камеры при помощи нескольких строк HTML и JS кода.

Современный веб переживает интересный период. Мы уже знаем о скорости загрузки, читабельности, юзабилити, дизайне. Теперь наступила новая эра мобильных веб приложения, или Progressive Web App.

Как видите, теперь мобильный веб занимает лидирующие позиции и активно развивается. Сегодня, мы можем сделать тест от Гугл нашей мобильной версии и получить массу рекомендаций по улучшению.

Если вы хотите выйти на новый уровень, то вам стоит развивать PWA, чтобы предоставить посетителю новые впечатления от пользования продуктом.

Использование иконок наиболее эффективный способ создать интересный дизайн сайта. На странице должны присутствовать элементы, на которых в первую очередь фокусируется пользователь. Добавление соответствующих иконок прояснит интерфейс и расставит акценты в вашем приложении.

В этой статье, мы подобрали 9 проверенных наборов иконок, - это лучшие предложения на сегодня. Мы сгруппировали их в 3 категории: иконки шрифты, SVG иконки и CSS иконки.

Стремительно развивающиеся технологии заставляют нас идти в ногу со временем. Если раньше дизайн создавался на чистом HTML и CSS коде, то сегодня время библиотек кода.

Многие фронт энд разработчики, которые ценят свое время, давно уже используют шаблонизаторы, сетчастые структуры, SESS, LESS, Bootstrap и другие решения. Это правильно, зачем усложнять себе жизнь, когда есть готовые коллекции и реализации задач.

Сегодня мы рассмотрим, как просто можно создавать блочные сетки на bootstrap 3.0. Хотя с уверенностью могу сказать, через пол года, нужно будет вникать в новую 4 версию бутстрапа.

Несмотря на то, SublimeText предоставляет массу замечательных возможностей, которые помогают нашей работе веб-разработчиков , у него, как и у любого другого инструмента , всегда есть что усовершенствовать.

Веб приложения используют MVC архитектуру, чтобы отделить бизнес логику от презентационного вида. Сложные проекты, с насыщенной клиентской стороной могут быть трудоемкими в разработке. Во многих сценариях кода можно использовать шаблонные системы для увеличения скорости разработки и простоты изменения видов в дальнейшем.

Mustache.js предоставляет хорошо документированную шаблонную систему, которая может быть использована для управления HTML шаблонов.

В этой статье мы рассмотрим различные способы создания мульти колоночных шаблонов с помощью HTML и CSS. Вы узнаете как создавать шаблоны используя обтекание и прямое позиционирование. Большинство сайтов используют 2 или 3 колонки, поэтому этот факт взят за основу. При создании будем соблюдать семантику кода.