Вебсовет — блог о верстке сайтов, веб-дизайне и веб-разработке

09.05.2017 | Веб-дизайн

Хотите сделать из своего сайта полноценный видео-канал или площадку для общения пользователей? А может, и то и другое вместе? Тогда эта статья для вас. Создание сайтов с Wix — это не только быстро, просто и удобно, но еще и очень практично. В одном месте можно собрать как обычный блог, так и целый сайт-портал. И в этом вам помогут фирменные приложения и сервисы, существующие в системе.

Сегодня рассмотрим два из них. Это приложение Wix Forum, при помощи которого можно быстро создать на своем сайте живую площадку для общения, и приложение Wix Video — мощная штука для создания собственной киноиндустрии или простого видеоканала. Вэлкам!

Но сначала кратко о нескольких новых плюшках от Wix в плане возможностей для владельцев сайтов.

Читать далее »

27.04.2017 | Веб-дизайн

Веб-дизайнерам на заметку! Да и прочим веб-разработчикам тоже. Я нашел отличный сайт Simple Icons, где можно скачать более 300 иконок популярных брендов и соцсетей в формате SVG. Естественно, все это добро абсолютно бесплатно. Халява, сэр!

Все иконки представлены на цветных плашках. Цвет выбран не абы как. Это шестнадцатеричный формат цвета (HEX), соответствующий реальным иконкам. Очень удобно. Можно и иконку скачать и сразу цвет ей нужный добавить. По-умолчанию все иконки черные. Чтобы поменять цвет, достаточно открыть SVG файл с иконкой в любом текстовом редакторе и добавить нужное значение цвета.

Например, возьмем иконку Pinterest. Вот ее код:

<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="... тут много всяких циферок ..." fill-rule="nonzero"/></svg>

Все, что нужно, это дописать в коде отображение цвета style="fill:#BD081C;"

<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="... тут много всяких циферок ..." style="fill:#BD081C;" fill-rule="nonzero"/></svg>

Enjoy!

06.04.2017 | Вебсоветы

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

Вы не хуже меня знаете, что семантическое ядро (СЯ) сайта — это один из китов, на которых строится продвижение сайта. Найдите любой ресурс по раскрутке сайта, и там обязательно будет раздел, по СЯ. Однако зачастую этой теме придается слишком большое значение на мой взгляд.

Смотрите сами:

Семантическое ядро сайта — мифы и заблуждения

Существует как минимум три главных мифа о семантическом ядре сайта.

Миф 1. Составить семантическое ядро сайта очень сложно. Загляните на сайт любой веб-студии. Там обязательно будет указано, что составление СЯ — это очень сложная и ответственная часть анализа сайта и seo продвижения, и что выполнить ее может только высококлассный специалист. Простым смертным это, якобы, не дано.

Читать далее »

22.03.2017 | Бесплатные шаблоны сайтов

50 свежих шаблонов сайтов одностраничников за 2017 год. Landing page или одностраничные сайты представлены по обычной схеме: шаблон – пример – ссылка. Все шаблоны одностраничников можно скачать абсолютно бесплатно. Вэлкам!

Все эти одностраничные сайты используют современные инструменты веб-разработки: HTML5 и CSS3, адаптивную верстку, анимацию и пр. Красивые и стильные шаблоны лендинг пейдж подойдут для создания коммерческих сайтов по любой тематике. Если вы ищете, на чем сделать лендинг пейдж в 2017 году, выбирайте, что вам больше нравится из представленных ниже шаблонов и больше подходит для ваших целей. Скачать одностраничники шаблоны можно бесплатно.

Читать далее »