Дайджест свежих материалов из мира фронтенда за последнюю неделю №285 (16 — 22 октября 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Читать дальше →

Создание библиотеки компонентов с использованием Storybook

Введение


image

В наши дни разработка интерфейса является достаточно затратным процессом который требует усилий от множества людей, разработчиков, дизайнеров, тестировщиков продукт менеджеров и так далее.

Компании все чаще прибегают к написанию интерфейса состоящего из множества независимых компонентов, которые могут быть использованы повторно. Многие дизайнеры создают дизайн проект который описывает каждую деталь дизайна. Они используют ряд инструментов для документирования интерфейсов, первые которые приходтя на ум это axshare.com и zeplin.com. Тот же фотошоп, в котором у них все разложено строго по папочкам. Это позволяет им с легкостью работать над дизайном проекта, обновлять и добавлять новые страницы, просто копируя уже имеющиеся наработки.
Читать дальше →

Как фокус помогает


Менеджер и дизайнер заставляют везде убирать аутлайн. Расскажите им, что это плохая идея!

Вы совершенно правы, с удовольствием расскажем.

Почему так не нужно делать.

Жизнь фронтендера в Spotify



Изображения — это, как правило, самая «тяжелая» статика в вебе. Многие фронтендеры знают об адаптивных изображениях, которые позволяют использовать определённые изображения для разных разрешений. Но это не единственный их плюс, ведь то, как и когда мы их загружаем, тоже влияет на скорость вашего веб-приложения.

На FrontFest 2017 к нам приезжает Хосе М. Перес (Jose M. Perez) из Spotify, с докладом «Progressive Image Rendering». Он расскажет о техниках прогрессивного рендеринга, основанных на плейсхолдерах, доминирующих цветах, размытых изображениях и ленивой загрузке, которые помогут улучшить производительность.

Накануне конференции мы поговорили с Хосе про веб-стек, релизы и управление процессами в Spotify, отношение к Open Source и погоду в Испании, Швеции и России.
Поехали!

[Из песочницы] Организация отступов в верстке (margin/padding)

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

Ниже перечисленные принципы выполняются в среде позиционирования элементов на странице. В элементах декора тоже выполняются. Но не так категорично.
Читать дальше →

Дайджест свежих материалов из мира фронтенда за последнюю неделю №284 (9 — 15 октября 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Читать дальше →

Дайджест свежих материалов из мира фронтенда за последнюю неделю №283 (2 — 8 октября 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Читать дальше →

Я увидел будущее: оно полно HTML

Привет, Хабр! Представляю вашему вниманию перевод статьи I’ve seen the future, it’s full of HTML..


Web-компоненты — больше чем просто стандарты.


Тенденции разработчиков обусловлены инновациями в дистрибуции. Языки, платформы, фреймворки предлагают новый, надеюсь, улучшенный способ собрать ваше творение и поделиться ним с другими.


В open-source ключевым фактором является дистрибуция. Популярность Node.js, размер его экосистемы обусловлены в большей части из-за маленького набора шаблонов совместимости и потрясающего пакетного менеджера.


Web-разработка была полностью изменена такими инструментами, как Babel и Webpack, которые открыли путь новому поколению фреймворков таких, как React. Эти проекты используют Node.js, давая ему ключевые преимущества и скорость разработки.

Читать дальше →

Парсим на Java


Решил я как-то перенести своего Телеграм-бота с Python на Java, дабы подтянуть свой скилл. Все перенес, осталось только самое сложное — HTML-парсинг. На Хабре постов про парсинг на Java не нашел, так почему бы не написать свой?

Читать дальше →

Зачем нужны заголовки


Зачем нужны заголовки и какие теги для них использовать?

Этот вопрос нам задают чаще всего.

Пришло время разобраться!


Последние посты