Стрічка новин на сайті через CSS і без JavaScript (біжучий рядок на HTML)

Стрічка новин Верстка 

Сьогодні буде корисний пост по темі верстки де ми розкажемо вам як можна реалізувати стрічку новин у вигляді біжучого рядка на HTML + CSS і без JavaScript. Також в якості бонуса в кінці статті поділимось готовим кодом інтеграції одного з найкращих рішень на WordPress сайті. По суті даний пост буде набором прикладів з сервісу Codepen аналогічно до того, як ми робили в замітках про підкреслювання…

Фирменный стиль и логотип разработан для HTML5

Дизайн и реклама 

Фирменный стиль HTML5 представлен W3C. Логотип HTML5 был обнародован консорциумом всемирной паутины W3C. Согласно лицензии «Creative Commons Attribution 3.0» логотип является доступным, что позволяет дизайнерам адаптировать его под свой проект.

Mailto — HTML ссылка на электронную почту на сайте

Mailto - html ссылка Верстка 

Чтобы как-то разбавить дизайнерскую тематику посмотрим сегодня еще один урок по верстке – после предыдущего поста о CSS hover эффектах прошло уже немало времени. Данная заметка будет посвящена вопросу создания ссылки на почту в html. Все это реализуется с помощью обычного тега A, который не смотря на всю свою простоту, может использоваться не только для оформления гиперссылкок, но и имеет несколько интересных нюансов. Базовый синтаксис выглядит…

Шаблоны HTML5 для сайтов адаптивные, бесплатные и премиальные

Шаблоны HTML5 для сайтов Шаблоны 

Несмотря на существование множества разных CMS систем, олдскульный подход к веб-разработке все еще актуален, особенно когда речь идет о современных шаблонах на HTML5 и CSS3. Да, при наличии специализированных задач, есть смысл использовать готовые движки по типу Magento под онлайн-магазины или Вордпресс темы в блогах, но очень часто создать вебсайт можно и без них. Если клиенту требуется простой или небольшой по объему проект будь то корпоративная…

20 адаптивных русских HTML шаблонов для разных тематик

Качественные русские HTML шаблоны Шаблоны 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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