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


В данной категории содержаться статьи на тему html верстки. В статьях вы найдете все что необходимо знать об языке разметки html и об html верстке.
Захват видео с камеры с помощью JavaScript и HTML5
Просмотров: 302

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

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

 

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

7 инструментов для разработки прогрессивного веб приложения (Progressive Web App)
Просмотров: 347

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

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

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

Наборы иконок для сайта, - 9 лучших коллекций иконок для вашего сайта
Просмотров: 431

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

 

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

Bootstrap сетка, примеры реализаций сетки на bootstrap 3
Просмотров: 9994

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

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

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

17 лучших плагинов для Sublime Text 2
Просмотров: 43412

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

Mustache.js – обзор, начало работы, разработка HTML шаблонов с mustache
Просмотров: 18768

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

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

Создание семантических HTML + CSS шаблонов на 2 и 3 колонки
Просмотров: 10589

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

Div колонки: 4 способа растянуть div колонки по высоте
Просмотров: 42137

В этой статье обсуждаются некоторые методы и техники создания div колонок, а также их выравнивания по высоте. Требования к этим способам будут простые – работоспособность во всех браузерах (даже в IE6). Все эти методы будут реализованы на 3 колоночном div шаблоне.

Создадим шаблон, в котором все три div колонки будут растянуты по одинаковой высоте.