1. HTML+CSS
  HTML+CSS Простая валидация формы без JS
В данной статье я бы хотел поделиться методом быстрой валидации полей с помощью разметки и стилей. Данный метод не является кроссбраузерным и рекомендуется к использованию только как дополнительная фича. По ходу статьи мы будем уменьшать наши шансы на кроссбраузерность,…
  10 июля 2017
  HTML+CSS Breadcrumb hr horizontal rule
  27 июня 2017
  HTML+CSS Элементы форм

Чекбоксы

Для изображения галочки используем FontAwesome.


  	
  

.checkbox input {display:none;}
.checkbox…
  19 марта 2017
  HTML+CSS Выравнивание блоков

Рассмотрим методы респонсивного центрирования контента в контейнере.

1. Центрируем контент с помощью Flexbox


  
Lorem ipsum


.container…
  19 марта 2017
  HTML+CSS 5 Flexbox методов, о которых вы должны знать

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

  30 мая 2016
  HTML+CSS Опасный target="_blank"

Большинство создают внешние ссылки через target="_blank" и не знают одного интересного нюанса — страница, на которую мы попадем таким образом, получит частичный контроль над ссылающейся на нее страницей через js свойство window.opener.

Через window.opener.location мы сможем сделать редирект на, к примеру,…

  07 мая 2016
  HTML+CSS Автоматическая расстановка переносов слов 
.hyphens {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
  01 марта 2016
  HTML+CSS Онлайн конвертер шрифтов

https://onlinefontconverter.com/

  13 октября 2015
  HTML+CSS 15 тривиальных фактов о правильной работе с протоколом HTTP

Ниже под катом вы найдёте 15 пунктов, описывающих правильную организацию ресурсов, доступных по протоколу HTTP — веб-сайтов, «ручек» бэкенда, API и прочая. «Правильный» здесь означает «соответствующий рекомендациям и спецификациям». Большая часть ниженаписанного почти дословно переведена из официальных стандартов, рекомендаций и best practices от…

  27 августа 2015
  HTML+CSS Как повысить уверенность в том, что кнопка была нажата живым пользователем на сайте и избавиться от капчи?

Капча всем известна. Также всем известно, что она представляет собой большую проблему и для программистов и для пользователей. Она ни тем ни другим не нравится! Ее приходится использовать по необходимости!

В этой статье я хотел бы попробовать дать анализ проблемы и способов ее решения и привести пример одного программистского метода,…

  04 августа 2015
  HTML+CSS Как сделать favicon в png

Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке , ага) подключаем так:

Особенно…

  13 июля 2015
  HTML+CSS Убираем висячие строки с помощью overflow

Свойство overflow может быть использовано для разные вещей, например для правильного отображения блоков текста. Ниже будет продемонстрировано, какую проблему и как может помочь решить свойство overflow. А так же, я думаю, эти ссылки могут быть интересны:

  21 апреля 2015
  HTML+CSS Как сделать правильные модальные окна на bootstrap 3, без смещения сайта по скролу.

Изначальный код модального

Вызов окна


class="btn btn-primary btn-lg"data-toggle=
  09 апреля 2015