Карты Google Maps — вставка и оформление (стилизация) карт на свой сайт

Карты Google Maps - вставка и оформление (стилизация) карт на свой сайт

Всем привет! Сегодня мы научимся не только устанавливать карту Google Maps на свой сайт (любую html страницу), но и стилизовать карты Google Maps — изменять цвета карты, а также добавлять описание к маркеру карты Google Maps, изменять вид (изображение) маркера и добавлять к нему свое описание. Поехали!)

Читать далее

Как правильно подключать CSS стили и JS скрипты в тему WordPress

Как правильно подключать css стили и js скрипты в тему WordPress

Эта короткая заметка, которая будет полезна тем кто начинает создавать темы на WordPress. Или возможно вы занимаетесь этим уже некоторое время, и делаете это не на 100% эффективно. Сегодня мы рассмотрим как правильно и корректно подключить CSS стили и JS скрипты к своей теме.

Самый простой способ подключения, это открыть файл header.php и с помощью обычной директивы <link> подключить свои CSS стили. Примерно также можно поступить и с JS скриптами, подключив их тегом  <script> в шапке или футере сайта — header.php или footer.php. Выглядеть это будет вот так.

Читать далее

Курс обучения верстки сайтов. От новичка до профи за 35 дней. Новый поток с 10-го мая.

Обучение курс по верстке сайтов от новичка до профи

Кажется совсем недавно начинал четвертый поток обучения, 1 февраля. Сегодня уже планирую пятый поток. Который стартует 10-го мая.

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

Все ученики отметили что программа очень насыщенная и интенсивная. Это касается и знаний, занятий и домашних заданий. 

Читать далее

Все о HTML верстке email писем: 60 полезных ресурсов, уроков, руководств и исследований

Все о HTML верстке email писем: 60 полезных ресурсов

Всем привет. В своем блоге я уже публиковал советы о том как лучше подойти к HTML верстке email писем, и как отправлять HTML email шаблоны из Outlook. Сейчас я хочу представить подборку из 60-ти полезных ресурсов, уроков и исследований по верстке email шаблонов и рассылок.

Читать далее

Курс по обучению HTML5 CSS3 верстке сайтов с нуля до профи за 4 недели. Старт обучения 1 февраля

Анонс курса по обучению HTML5 / CSS3 верстке сайтов с нуля до профи за 4 недели

Этой зимой, 1 февраля я стартую курс по обучению верстке сайтов HTML5 и CSS3. Уже прошло 3 потока обучения, и это будет четвертый. Каждый поток программа обучения дорабатывается и совершенствуется. Курс рассчитан на новичков и начинающих специалистов. Мы научимся верстать сайты с нуля, с самых азов, и в итоге сделаем несколько HTML страниц, и освоим все современные и необходимые в работе приемы и навыки. Если у вас есть базовые знания по HTML и CSS — тоже рекомендую приходить, чтобы закрпить свои навыки и научиться верстать адаптивные сайты, использовать препроцессоры, научиться оптимизировать свою верстку.

Читать далее

Введение в веб-разработку, знакомство с редакторами Sublime Text и Brackets. Установка и настройка. 5 видео-уроков

Введение в веб-разработку, знакомство с редакторами Sublime Text и Brackets. Установка и настройка. Видео

Всем привет. В этом посте я предлагаю новичкам познакомиться с основными инструментами, которые используются для верстки сайтов. А именно с текстовыми редакторами кода. Я сделал видео-обзор редактора Sublime Text 3 и Brackets. Безусловно существует еще много других разных программ. Но для того что-бы начать, необходим один инструмент, а не десять. Поэтому предлагаю начать с самого популярного Sublime Text 3 или с более дружелюбного для новичков — Brackets от Adobe. В этих уроках мы установим, настроим и подготовим к работе главный инструмент верстальщика сайтов — редактор кода.

Читать далее

Интерактивные прототипы на jQuery для веб-дизайнеров

Интерактивные прототипы на HTML CSS и jQuery для веб-дизайнеров

Все мы были в похожей ситуации. Сделав интересный дизайн концепт, предоставляя результат клиенту, скорее всего вы слышали вопрос: «А как это будет работать?». В этот момент вы начинаете объяснять что будет происходить при нажатии на кнопки, пытаясь словесно объяснить взаимодействие с интерфейсом. Проще говоря, это не лучший подход для презентации.

Сегодня мы освоим несколько простых приемов, с помощью которых вы сможете оживить свои концепты и прототипы. Уровень этого урока — средний. Предполагается что вы уже знаете HTML и CSS, поэтому мы сконцентрируемся только на JS коде и jQuery.

Читать далее

Как научиться верстать и програмировать сайты. Универсальный рецепт.

Секрет обучения - как научиться верстать и программировать сайты

У меня есть один универсальный рецепт, который 100% помогает освоить новые знания, будь то html разметка, язык программирования или запросы к базе данных. Этот метод работает, и это уже проверено не единожды. От вас требуется лишь его выполнение.

Читать далее

Семантическая структура для HTML5 страницы. Семантика в HTML5

Семантическая структура для HTML5 страницы. Семантика в HTML5

Сегодня мы поговорим о семантике в HTML5. Я уже писал небольшой обзорный пост про новые семантические теги в HTML5. Рекомендую с ней предварительно ознакомиться, перед прочтением этой статьи. Сейчас мы разберемся с этим вопросом более подробно, о том как правильно и грамотно составлять семантическую структуру HTML5 документа.

Читать далее

Установка и настройка Sublime Text 3. Компиляция LESS, SASS, JADE. Все необходимые плагины. Полная инструкция

Установка и настройка Sublime Text 3. Компиляция LESS, SASS, JADE. Все необходимые плагины. Полная инструкция

Привет, много уже было написано про Sublime Text. В своем блоге я писал про Sublime Text 2. Сейчас Sublime Text 3 уже вышел из альфа версии (альфа — означает — новая и крайне не стабильная версия), и перешел в бету (бета — все еще не стабильная, но уже предназначена для тестирования, после беты обычно идет официальный релиз). И я решил полностью разобраться с Sublime Text 3 (далее в тексте ST3).

Если вы собираетесь установить SublimeText3 то эта самая полная инструкция  для вас. Здесь я опишу все что связано с этим редактором, а умеет он действительно многое.

Читать далее