{S} Sitemaker

Индустрия сайтостроения

МЕНЮ Закрыть

Tag: Front-end

Советы Дизайнеру от Верстальщика

Приветствую, меня зовут Даниил Вершинин. Я — full-stack разработчик. Уже более 3 лет занимаюсь версткой сайтов. И мне хотелось бы дать несколько советов дизайнерам, которые занимаются разработкой макетов для сайтов. Перед тем, как начну сразу предупрежу, что я очень ценю труд дизайнеров, ибо понимаю насколько все это тяжело) Самое главное, что должен понять дизайнер сайта, […]

Мета-теги для покраски верхней панели браузера

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

Самое сложное UX-дизайне

На этой неделе я выступил на General Assembly Q&A session перед 25 новоиспеченными выпускниками курса UX. Многие вопросы были сосредоточены вокруг того, как правильно составить портфолио, как работает дизайнеры в компании Atlassian, и как ворваться в UX и индустрию дизайна. Но один вопрос очень понравился мне: Какая проблема вам кажется самой трудной для дизайнера? Мне […]

Почему UX действительно важен для SEO

В то время как алгоритмы поисковых систем становятся все более изощренными, многие начинаю понимать, что взаимодействие пользователей будет играть все большую роль в поисковом рейтинге. Колумнист Дэвид Фриман объясняет, что это может значить для SEO специалистов. Поисковые системы развиваются очень быстро, и все это благодаря машинному обучению. Эти достижения позволили поисковым системам, предоставлять наиболее значимые результаты, не […]

Siema — очень простой плагин для каруселей

Siema — это легкий (всего 1 Кб) плагин для создания каруселей без зависимостей (dependencies) и лишних стилей. Брэд Фрост однажды сказал: «делай это дерьмо сам». Этот плагин 100% доступен открытым исходным кодом на github. Вы можете абсолютно бесплатно использовать его на личных и коммерческих проектах. Установка Установка чрезвычайно проста. Для начала немного разметки… <div class=»siema»> <div>Hi, I’m slide 1</div> <div>Hi, […]

Делаем крутые мобильные формы

Заполнение форм — то, что людям не очень нравится делать. Это необходимость, в противном случае, Вы просто не получите того, чего хотели. В этой статье мы рассмотрим, как сделать формы максимально эффективными. Конечно, мы не должны забывать про эстетику, но у нас другая цель — «облегчить» формы и сделать их заполнение максимально быстрым для людей. Используйте […]

Роторный телефон: ретро-ввод номера для Вашего сайта

Статья «Плохие веб-формы» говорила об абсурдных формах для ввода телефонных номеров, таких как в том числе incrementer, бегунок, генератор случайных чисел, и очень большой выпадающий список. Я хочу представить вам интересное решение на основе роторного телефона. Возможно не самый эффективный способ ввода, но довольно веселый. Попробуйте его, особенно те, кто не успел застать подобные телефоны в реальной жизни. Демо: Смотреть […]

Три новых CSS свойства для изучения в 2017

Несмотря на то, что к началу 2017 г. появилось множество новых свойств CSS, 3 из них представляют особый интерес. 1. Запросы свойств в CSS Ранее отмечалось, что запросы свойств (Feature Queries) являются одним из наиболее желательных свойств (features) CSS. Теперь они представлены в основных браузерах и поддерживаются в каждом из них (в т.ч. Opera Mini). […]