Уроки верстки

Урок 3 – Изучаем глубже CSS

На прошлом уроке мы приблизились к созданию веб страницы. В этом уроке мы добавим немного анимации, наполним страницу контентом и посмотрим что из этого выйдет Сделаем шапку чучуть красивее <img src=”http://inddc.in/webroot/assets/img/sample/shortcode/logo/1.png” alt=”image-name”> Чтобы не заморачиваться с лого, я просто взял первую попавшуюся картинку с гугл, скопировал ссылку и вставил в наш код. Картинка слишком большая […]

  • 14-06-2018
  • 351
  • 0

Уроки верстки

Урок 2 – Верстаем первую страничку

На прошлом уроке, мы рассмотрели основы основ, узнали, что сайт состоит из блоков, а блок это соответствующий тэг, которму мы задаем конкретные стили. Но есть определенные правила, которые следует соблюдать Из чего состоит страница сайта <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title> Title of the document </title> <link rel=”stylesheet” href=”css/style.css”> </head> <body> Content of the document…… </body> […]

  • 13-06-2018
  • 339
  • 0

Уроки верстки

Урок 1 – Что такое HTML, CSS

И так, вы заинтересовались разработкой сайтов и решили сделать свой. Но с чего начать? Все пути начинаются с самого простого, а в веб разработке самое простое это HTML, CSS Что такое HTML HTML – это не язык программирования, это разметка. Представьте что весь сайт состоит из прямоугольников На скриншоте я обвел красным для примера, как […]

  • 12-06-2018
  • 366
  • 0

Web Scripts

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

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

  • 03-01-2018
  • 1469
  • 0

Web Scripts

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

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

  • 19-12-2017
  • 619
  • 0

Web Scripts

Кнопки поделиться (share) в социальных сетях

Наверно одно из не мало важных вещей на сайте, это кнопки поделиться в социальных сетях. Почему это важно? Потому что с каждым днем количество сайтов увеличивается и с каждым днем пробиться в топ в поисковиках все сложнее. Если вашими страницами будут делиться в социальных сетях, то поисковики воспринят, что сайт полезный и позиции в выдаче […]

  • 13-12-2017
  • 1468
  • 0

Web Scripts

Как скрыть блок при клике за его пределами?

Часто ли вам приходилось делать всплывающие блоки? Думаю что часто, но так же должна быть возможность скрыть этот блок, крестик это безусловно хорошо, но было бы хорошо, если при клике за пределом всплывающего блока он скрывался Скрываем окно по клику снаружи Пример: Как видно на примере, когда мы кликаем по кнопкам, появляются блоки и чтобы […]

  • 12-12-2017
  • 883
  • 0