Что такое bootstrap? Bootstrap — это фрэймворк, библиотека готовых стилей, скриптов, которые в разы упрощает и ускоряет процесс разработки сайта. К примеру вам надо сделать простой одностраничный сайт, адаптированный под мобильную версию, где будет шапка, пару блоков с сеточной системой и подвал. Сеточная система — это когда в ряду есть несколько колонок. Пример: Как начать […]
В этом уроке мы будем прописывать стили для мобильной версии. Мобильная версия определяется шириной экрана. Как определить ширину экрана с помощью CSS @media only screen and (max-width: 768px) { section h3{ font-size: 25px; } } Выше, мы задали стиль заголовку. Он сработает, если ширина устройства будет 768px или меньше Попробуем теперь преобразовать наш сайт, под […]
На прошлом уроке мы приблизились к созданию веб страницы. В этом уроке мы добавим немного анимации, наполним страницу контентом и посмотрим что из этого выйдет Сделаем шапку чучуть красивее <img src=»http://inddc.in/webroot/assets/img/sample/shortcode/logo/1.png» alt=»image-name»> Чтобы не заморачиваться с лого, я просто взял первую попавшуюся картинку с гугл, скопировал ссылку и вставил в наш код. Картинка слишком большая […]
На прошлом уроке, мы рассмотрели основы основ, узнали, что сайт состоит из блоков, а блок это соответствующий тэг, которму мы задаем конкретные стили. Но есть определенные правила, которые следует соблюдать Из чего состоит страница сайта <!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> […]
Часто бывает так, когда вам нужно копировать и вставлять разные текста, может это кусок кода, может еще что. И еще чаще бывает так, когда у вас есть скажем, 3 варианта текста, которые поочередно надо вставлять и приходиться по множеству раз, копировать в буфер обмена одно и тоже. На помощь приходит TenClips Пожалуй одна из лучших […]