Кликабельный фон / подложка для сайта через HTML, CSS, JS

Кликабельный фон сайта Верстка 

Реализацию данной задачи вы наверняка встречали на крупных порталах, так как подобный рекламный брендинг привлекает максимум внимания посетителей и является более эффективным чем обычные баннеры. Сегодня рассмотрим как сделать фон ссылкой на сайте с помощью HTML, CSS, Javascript и некоторых других «подручных средств». Ранее в блоге уже публиковались статьи по схожей тематике, например, про большую фоновую картинку у веб-страниц или создание изображения на весь экран но все…

Подчеркивание ссылок и текста через CSS, свойство text-decoration

Подчеркивание текста и ссылок Верстка 

В одной из прошлых статей мы писали о мини дизайнерском тренде в виде добавления ярких фоновых полосок под ссылками и текстом на сайте. Аналогичный эффект также можно встретить в современных иллюстрациях для социальных сетей, которые содержат некий контент. Сегодня решили продолжить тему и рассмотреть вопрос с точки зрения верстки, то есть рассказать как сделать подчеркивание текста / ссылок в HTML. В этом нам поможет одна…

Жирный текст с помощью HTML и CSS

Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным обзорам шрифтов для создания фотошоп иллюстраций рассмотрю вопросы, связанные с версткой. Подборки фонтов найдете тут: интересные жирные, разные bold и русские толстые шрифты. Сегодня расскажу как сделать слова жирным…

Слайдер для сайта — сервисы и скрипты для его создания

В комментариях к посту Примеры сайтов со слайдерами недавно спрашивали существуют ли какие-то онлайн сервисы для их создания. В принципе, если ваш проект работает на одной из популярных CMS (WordPress, Drupal), то там должны быть соответствующие плагины. Но что делать, когда сайт написан на HTML или подходящих модулей нет? Сегодня расскажу о некоторых вариантах решения этой задачи. Вообще методы создания слайдеров разные. Помнится, когда раньше работал…

Нетология – мои впечатления от обучения, новые инструменты

Как-то я уже говорил, что собираюсь изучать HTML-верстку на курсах Нетологии. С тех пор прошло несколько недель, и теперь могу поделиться первыми впечатлениями от процесса. По плану осталось изучить только уроки по JavaScript и выполнить текущие домашние задания. Статья будет небольшая, в виде тезисов. Итак, сначала хочется отметить, что курс «HTML-верстка: с нуля до первого макета», полностью соответствует своему названию. То есть реально все начинается…

Качественные шаблоны HTML5 для сайтов

Если бесплатные решения для сайтов под HTML5 или разные CMS позволяют без потери качества создавать великолепные сайты, почему бы не прибегнуть к такому способу для старта бизнеса в сети. В настоящий момент в сети есть масса качественных фришных дизайнов, которые могут сослужить хорошую службу и позволят бытро реализовать давно зародившуюся идею по ведению собственного бизнеса онлайн. Смотрите подборку бесплатных шаблонов, чтобы убедиться, насколько они хороши…

CSS генераторы кнопок, шаблонов, рамок и других элементов сайта

При оформлении сайтов принято использовать CSS (CascadingStyleSheets), то есть каскадные таблицы стили. Это набор тегов, задающих основные параметры оформления страницы (отступы, шрифты, цвета), позволяющие создавать ключевые элементы веб-сайта, выдерживая их в определенном стиле. Для каждого элемента HTML можно определять свой стиль, это удобно, CSS обеспечивает экономию времени и усилий. Существует ряд интернет-ресурсов, являющихся своего рода CSS конструкторами и облегчающих работу вебмастера. Мы уже как-то публиковали…

Нетология — буду учить HTML-верстку онлайн

Сейчас обучение в интернете становится все более актуальным. Во-первых, как известно, в кризисные времена лучше всего вкладывать в самого себя и личностный рост, а приобретение новых знаний — всегда отличная инвестиция. Во-вторых, подобные курсы рассматривают востребованные и актуальные для рынка профессии, ориентируются на практическую пользу, а не забивают желание учиться унылой теорией. В-третьих, сам процесс максимально быстрый, доступный и легкий. Зачем я это все рассказываю?…

HTML Academy — отличные онлайн-курсы по HTML и CSS

Обучение веб-разработке — тема достаточно обширная, и начинать ее нужно с самых азов — HTML и CSS. Сейчас в интернете существует масса разных курсов, отсканированных книг и самоучителей для получения знаний. Однако ничего из этого не будет изучать также интересно как проект HTML Academy. Этот полезный ресурс поможет вам качественно и в короткие сроки изучить основы веб-разработки / верстки. Ресурс сделан в формате интернет школы,…

Ahoba — новый сервис для верстки сайтов и макетов

Прислали тут мне на почту пресс-релиз по поводу запуска нового интересного сервиса для дизайнеров под названием Ahoba. Повозился с ним полчасика, посмотрел что к чему и решил поделиться с вами впечатлением. Данный проект, как говорят сами разработчики, будет полезен дизайнерам при создании разных дизайн макетов с последующим сохранением их в различные форматы. В частности планируется работа с: обычными статическими веб-страницами; cms шаблонами для сайтов (WordPress, Joomla…

LoftBlog — полезный видеоблог для веб-разработчиков

LoftBlog — место, где можно с головой погрузиться в увлекательный мир новейших информационных технологий и веб-разработки. Долой скуку и устаревшие данные! Специалисты говорят, что в ИТ сфере каждые 2 года информация просто-напросто устаревает, поэтому если хочешь быть впереди — держи руку на пульсе. На сайте Loftblog не догоняют, а идут в ногу с новейшими технологиями! Loftblog — это качественные, современные уроки от ведущих it-специалистов в…

10 полезных примеров инфографики о HTML5

Не смотря на то, что технология HTML5 активно используется многими мировыми разработчиками, отечественный рынок традиционно «проявляет спокойствие». В первую очередь это обусловлено тем, для кого, собственно и создаются сайты — заказчиками. К сожалению, уровень технической грамотности последних зачастую оставляет желать лучшего. Многим не нужно не то что HTML5, но и любые другие современные фишки для сайта, если это сделает проект дороже. С другой стороны, думаю,…

Подборка отличных генераторов CSS3 и HTML5

Большому мастеру, знатоку и профессионалу HTML5 и CSS3 возможно и не нужны всякого рода генераторы кода (хотя и ему они могут принести не мало пользы и сэкономить время). Новичку, любителю или человеку осваивающему данные языки они могут стать неплохим подспорьем. Сегодня я как раз я подготовил для вас подборку таких генераторов. Не смотря на то, что стандарты HTML5 и CSS3 пусть и появились достаточно давно,…