HTML 5

Верстка и семантика в HTML 5.

Frontend Revolver v.1.0.8: forms fetch API introduction and new UI

Today I was able to update Revolver front-end library to version 1.0.8. This update includes new Form API with fetch based engine that allows you to submit form data with automatic configuring request.

Module $.fetchSubmit parse form options and collect field values. Than module automatically add $.event to submit and perform request in POST or GET variant. Than response will be returned to callback.

Example form markup:

Form styler jQuery: стилизуем checkbox, radio и select

Для разработки и интернет магазина потребовалось стилизовать элементы форм HTML такие как input[type="checkbox"], input[type="radio"] и select. По некоторым причинам многие существующие плагины мне не подошли так как потеряли свою актуальность и их код не адекватно работал с новыми версиями jQuery, а также конфликтовал с другими плагинами. Собственно, пришлось написать свою примитивную обертку для стилизации элементов форм.

Новое отношение Яндекс к тегам Section и H1 в HTML 5

Уже давольно давно на смену устаревшему и семантически пустому HTML 4 пришел новый более SEO направленный HTML 5, который изобилует вариантами семантического оснащения контента для лучшего и более правильного распознавания поисковыми системами контента и его последующего представления в виде снипета при поиске. Цель данной статьи рассказать об изменениях отношения поисковой системы Яндекс к контенту размеченному тегами section и h1, а также роль нового тега figure при формировании заголовка и сниппета сайта на посиковой выдаче. Все написанное ниже было экспериментально проверено лично.