Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Новые приключения в адаптивном дизайне

Доклад Виталия Фридмана (Vitaly Friedman) о том как сделать веб лучше и быстрее для всех. Виталий копает в браузерных технология так глубоко, что скоро найдет нефть. В этом и вся прелесть его докладов. Рекомендую всегда. Я перечислю основные моменты видео, самая презентация целиком находится ниже. Сжимаем изображения Помимо gzip существует еще как минимум 2 технологии

Хром меняет полиси относительно автозапуска видео на странице

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

Больше не назначаем сроки

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

О профессии в IT – вас нанимают для решения проблем

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

Просто используй кнопки

Отличный совет! Don’t mess with native elements. Браться фронтендеры, давайте быть проще и использовать то что уже и так работает 🙂 Это касается не только кнопок, но и любых других элементов. Например, выпадающий список – всегда лучше использовать нативное решение, а не громоздить свой компонент.

Разбор сжатого js кода – рекламные попапы

Да, да, я понимаю, рекламные попапы – это зло. Не спорю ни разу, но я хочу поделиться с вами этим видео не потому что хочу помочь в развитии спама в интернете (тем более что и не помогу, проверьте сами 😉 ). Гораздо важнее посмотреть как автор разбирается с кодом. Очень интересный анализ – автор интересно

A Modern Front-End Workflow

Продолжаю разбираться в том, что сегодня предлагает хром для отладки и дебага вашего кода. Хорошо, что есть огромное количество видео с конференций, которые дают достаточно широкое представление о ситуации. Performance audits – только из-за одной этой ссылки имеет смысл смотреть видео. Это аудит нескольких известных сайтов. Разбор их работы через инструменты dev-tools. Code coverage –

WarriorJS

Полный код из видео: https://github.com/artemdemo/warriorjs-example NPM пакеты, которые я использовал: WarriorJS – https://www.npmjs.com/package/warriorjs

Custom elements – css pie chart

Полный код из видео: https://github.com/artemdemo/custom-element-pie В этом видео: HTML custom elements css variables переменные css css pie chart

Шифруем HTML – cryptojs

Полный код из видео: https://github.com/artemdemo/staticrypt-example