900+ бесплатных иконок в стиле Material Design

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

900+ бесплатных иконок в стиле Material Design

Вы веб-разработчик или веб-дизайнер и хотите идти в ногу со временем? Тогда бесплатные иконки в стиле Material Design — это просто мастхэв!

Что такое Material Design

Material Design — это дизайн софта от Гугла, призванный объединить все его продукты и сервисы под одним универсальным интерфейсом, чтобы пользователям было удобнее.

Ключевая идея Material Design — создать у пользователей интуитивное ощущение работы с реальными физическими объектами.

Иконки в стиле Material Design

Сегодня я предлагаю вашему вниманию более 900 бесплатных иконок в стиле Material Design, которые вы можете свободно использовать на своих собственных сайтах.

Эти иконки просты, дружелюбны и современны. Каждая иконка создана дизайнерами с помощью рекомендаций по проектированию от Гугла, чтобы изобразить в простых и минимальных формах универсальные понятия, используемые обычно во всех пользовательских интерфейсах.

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

Бесплатные иконки Material Design доступны в форматах SVG и PNG, а также в виде шрифта для веб.

Проще всего использовать Material Design иконки именно в виде шрифта, подключаемого с сервера самого Гугла. Сделать это очень просто:

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

50 бесплатных шаблонов сайтов на HTML5 и CSS3

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

50 бесплатных шаблонов сайтов на HTML5 и CSS3

Свежие бесплатные шаблоны сайтов 2017 г. на HTML5 и CSS3. Шаблоны можно скачать как для личного пользования, так и для коммерческих проектов. Тематика шаблонов самая разная. Здесь и шаблоны портфолио, шаблоны корпоративных сайтов, лендинги (целевые страницы), шаблоны сайтов услуг, шаблоны блогов и фотогалерей.

Все представленные шаблоны построены на современных версиях HTML5 и CSS3. Кроме того, авторы применяют такие модные фишки, как плоский дизайн, отзывчивый дизайн, адаптивная верстка, слайдеры на jQuery, анимация на CSS3 и пр. Шаблоны, хоть и бесплатны, но выглядят на уровне премиум-класса.

Здесь вы найдете более 50 бесплатных адаптивных шаблонов сайтов высокого качества на HTML5 и CSS3, которые можно использовать как для новых сайтов, так и для переделки уже существующих.

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

Наши группы по верстке сайтов в соцсетях

03.02.2017 | Новости

Наши группы по верстке сайтов в соцсетях

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

Группа Верстка сайтов в Facebook

Группа Верстка сайтов Вконтакте

В группах публикуются материалы в основном по верстке сайтов. Полезные советы, трюки css3 и html5, фреймворки и пр. А также полезные статьи о том, как стать грамотным верстальщиком сайтов.

Вэлкам! :)

JavaScript для начинающих | Переменные

01.02.2017 | JavaScript

JavaScript для начинающихЭто вводный курс по JavaScript для начинающих. Сегодня мы рассмотрим, что такое переменные в JavaScript. Поехали!

Переменные в JavaScript — это как продукты, необходимые для приготовления вкусного блюда. Без них программирование не имело бы смысла. Переменные задают некие вводные значения и позволяют сохранять в них результаты вычислений.

По-другому их можно представить как контейнеры, в которых помещены необходимые для работы данные. Ведь их нужно где-то сохранять, пока программа работает.

Вот вам пример:

JavaScript для начинающих | Переменные

Здесь мы задали переменную password и в качестве ее значения добавили некую фишку под названием prompt. Эта штука, как и знакомый вам уже alert, выводит на экран окошко. Но если alert просто выводит сообщение, то prompt показывает диалоговое окно со строкой ввода, куда пользователь может что-нибудь ввести.

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

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