10 простых и полезных CSS сниппетов

10 простых и полезных CSS сниппетов

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

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

Читать далее

9 причин почему каждый профессионал должен знать HTML и CSS

9 причин почему каждый профессионал должен знать HTML и CSS

Вы наверняка слышали призывы о том что сейчас каждый должен изучать код и программирование. Конечно, программируя можно написать для себя недостающее приложение на свои Android часы или сделать скрипт для расчетов связанных с работой. Но если вы контент-менеджер, копирайтер, маркетолог, финансовый гуру или оператор ПК — зачем вам изучать код или программирование?

Что-ж, я постараюсь показать вам что даже небольшое знание языка разметки веб-страниц HTML и стилей CSS поможет вам переменить вашу карьеру к лучшему. Изучение веб-технологий технологий сегодня необходимо не только людям связанным с IT. Если вы имеете небольшой бизнес, работаете менеджером по продажам или личным помощником – вы получите пользу от использования HTML и CSS в своей работе.

Ниже я приведу 9 примеров, чтобы показать как это можно использовать.

Читать далее

Курс обучение верстка сайтов — верстаем сайт, html5, css3, bootstrap, адаптивность и jquery

Обучение верстка сайтов HTML5 CSS3

Привет всем! Время летит незаметно, и стартует набор 6-го потока обучения верстке сайтов. Если вы давно следите за блогом, и не знаете как подступиться к веб-разработке, то рекомендую начать с основ, самого доступного и необходимого. С HTML разметки.

Обучаю верстке с нуля, за 2 месяца, даже если вы никогда до этого не пробовали писать HTML разметку, программировать и вообще никогда не работали с чем-то сложнее Word или Excel.

Этот пост я сделаю в виде вопросов и ответов, которые часто спрашивают люди при записи на обучение.

Читать далее

Карты 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. В этих уроках мы установим, настроим и подготовим к работе главный инструмент верстальщика сайтов — редактор кода.

Читать далее