Препроцессор Sass. Введение

CSS препроцессор это профессиональный инструмент который должен освоить каждый web-разработчик.

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

Однажды, попробовав использовать CSS препроцессор, вы поймете, как давно вам этого не хватало. Вы больше не сможете работать без него, а поможет вам в изучении препроцессора SASS данный видеокурс от команды WebForMySelf.

Урок 0. Препроцессор Sass. Введение

Читать далее

Верстка сайта для начинающих

Как вы знаете, при создании сайтов этап верстки идет после этапа дизайна. В курсе по верстке сайта для начинающих мы с вами приблизимся к реальной разработке, и будем верстать html страницу из готовой картинки формата psd, созданной дизайнерами.

Курс по верстке сайта для начинающих рассчитан на новичков в сайтостроении и верстке, но так же будет полезен и тем, у кого уже есть знания по html, есть знания по css, но при верстке реальных макетов с нуля испытывает затруднения.

Макет, который мы будем верстать, имеет очень распространенную, двухколоночную структуру. Поэтому выполнив верстку данного макета и полностью разобравшись с ней, у вас больше не будет сложностей с версткой сайтов подобной структуры.

В курсе мы с вами пошагово выполним верстку: определимся с разметкой страницы, опишем ее с помощью html, далее назначим стили и оформим внешний вид страницы, протестируем и доработаем верстку.

Видеоуроки по вёрстке сайтов с нуля. Если ты начинающий вебмастер и хочешь научиться качественн верстать сайты, то изучи наши уроки!

Урок 0. Введение. Верстка сайта для начинающих

Читать далее

Курс по HTML5. Основы

HTML 5 предоставляет более широкие функциональные возможности и упрощает процесс создания сайтов. Сразу стоит отметить, что HTML 5 — это не полностью новая технология или полностью новый стандарт, html5 — это дополненный новыми возможностями html4. Поэтому все что работало в html 4 будет работать и в html5. Конечно, есть некоторые конструкции, которые уже устарели и в html5 не вошли, но об этом мы детально поговорим в самом курсе.

В данном Премиум курсе по HTML 5 мы рассмотрим основы, необходимые для работы.

Читать далее

Курс по CSS3

CSS 3 открывает нам новые возможности для оформления веб-страниц. В css3 добавлены новые свойства для работы со шрифтами и текстом, для работы с фоновыми изображениями, блоками, границами, трансформацией, анимацией и многое другое. Если раньше, например, для того, чтобы сделать закругленные углы для сайта или градиенты нам необходимы были изображения и дополнительная разметка, то используя css3, мы можем закруглить углы или создать градиенты, используя только новые css свойства.

Преимуществом использования css3 является ускорение разработки веб-страниц. Используя css3 можно сократить использование изображений на страницах, что снизит общий размер страницы и сократит количество http запросов на сервер. Так же css3 позволяет делать анимированные эффекты для сайтов, без использования javascript и библиотеки jQuery, что тоже упрощает разработку и облегчает вес страницы.

Следует так же отметить, что сегодня новые свойства css3 уже обладают достаточно неплохой браузерной поддержкой, а некоторые из них уже можно применять, не используя вендорные префиксы для различных браузеров, что делает применение css3 комфортным.

Вот некоторые разделы, которые мы рассмотрим в курсе по css3: работа со шрифтом, оформление текста, свойства фона, границы элементов, селекторы, трансформация, псевдоклассы и многое другое.

Урок 0. Введение. Учебник по основам CSS для начинающих

Читать далее