Web Scripts

Адаптивная верстка без bootstrap

Если вы используете bootstrap только для сетки, то возможно вам и не нужен bootstrap, нашел интересный подход для создании сетки на просторах интернета Сетка без bootstrap HTML Все что нам потребуется в html, это стандартные блоки HTML5 (Шапка, сайдбар, контент и футер). Шапка и футер будут на всю ширину, сайдбар ширина будет 20% и у […]

  • 03-01-2018
  • 3955
  • 1

Web Scripts

Проверка полей при регистрации

Есть множество готовых решений, где можно проверить правильность E-mail и сложность пароля. Вот некоторые: validate.js, jquery-validation Но что если нужно по какой то причине, написать свой? Валидация формы HTML Кроме полей и кнопки отправить, добавим список ошибок, которые будут показываться, если пользователь не учел одно из наших правил. А также добавим скрытый блок, куда будем […]

  • 19-12-2017
  • 3430
  • 0

Web Scripts

Топ 5 сниппетов для JQuery

Часто бывает так, что приходиться использовать одни и те же скрипты, для одних и тех же проблем для своих сайтов. Для этого я приготовил 5 топовых скриптов, которые можно использовать почти каждый раз Топовые сниппеты для ваших сайтов Все 5 сниппетов я добавил в codepen, чтобы вы могли наглядно посмотреть их работу, а теперь разберем […]

  • 15-12-2017
  • 1656
  • 0

Web Scripts

Как сделать автоскролл к элементу

Иногда нужно сделать так, чтобы при нажатии на кнопку или на ссылку, был плавный скролл к определенному элементу на сайте или как в примере, к заголовку. А что если таких элементов на сайте много? Можно обойтись коротеньким скриптом, который я сейчас опишу Автоскролл к элементу HTML Для начало создадим основной блок, в котором будет большой […]

  • 14-12-2017
  • 2355
  • 0

Web Scripts

Как подключить SCSS

SCSS — это некий слэнг языка SASS, который больше приближен к обычному CSS. Если вы никогда не пользовались препроцессором для CSS, то перейти на SCSS не составит проблем Что такое SCSS? SCSS это код, который очень похож на CSS, но чтобы он работал, нужно через специальную RUBY программу конвертировать в обычный CSS. У SCSS есть […]

  • 13-12-2017
  • 10346
  • 2