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

Урок 4 — Мобильная версия

В этом уроке мы будем прописывать стили для мобильной версии. Мобильная версия определяется шириной экрана. Как определить ширину экрана с помощью CSS @media only screen and (max-width: 768px) { section h3{ font-size: 25px; } } Выше, мы задали стиль заголовку. Он сработает, если ширина устройства будет 768px или меньше Попробуем теперь преобразовать наш сайт, под […]

  • 15-06-2018
  • 4243
  • 2

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

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

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

  • 14-06-2018
  • 1228
  • 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
  • 1317
  • 0

Полезности

TenClips — Несколько буферов обмена

Часто бывает так, когда вам нужно копировать и вставлять разные текста, может это кусок кода, может еще что. И еще чаще бывает так, когда у вас есть скажем, 3 варианта текста, которые поочередно надо вставлять и приходиться по множеству раз, копировать в буфер обмена одно и тоже. На помощь приходит TenClips Пожалуй одна из лучших […]

  • 12-06-2018
  • 973
  • 0

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

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

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

  • 12-06-2018
  • 1009
  • 0