For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать SVG-изображение, подстраивающееся под размеры контейнера, руководство Нильса Биндера → https://medium.com/p/e4c6229fa1f6
[Вакансия, Москва]

Привет! Ищем junior/middle JavaScript-разработчика в «Медиазону» (https://zona.media), СМИ о проблемах в судах, тюрьмах, полиции и о несправедливости вообще.

Нам важно, чтобы ты умел либо в React/Redux, либо в Node.js. Остальному мы дадим время обучиться или научим сами.

Наш стек технологий (вам не надо всего этого знать, просто чтобы вы понимали): React, Redux, Socket.io, Express, Redis, Tarantool, PostgreSQL, Sequelize, Pug, Docker, Ansible.

О задачах: помимо спецпроектов, игр и прочей текучки нужно будет написать WYSIWYG-редактор с поддержкой совместного редактирования, оптимизировать кеши и настроить алертинги серверов. Заниматься придется всем.

Полная занятость, офис на м. Китай-город. Зарплата от 40 до 120 тысяч. Пишите с пометкой «по поводу вакансии из @forwebdev» — https://t.iss.one/klond90
Время вариативной веб-типографики! Как устроены вариативные шрифты и в чём их преимущество, объяснение и наглядная демонстрация → https://zeichenschatz.net/demos/vf/variable-web-typo/
Почему фронтенд-разработка такая нестабильная? Джимми Брек-МакКай с объяснением и советами для новичков → https://www.breck-mckye.com/blog/2018/05/why-is-front-end-development-so-unstable/
Распаковываем фреймворк deno от Райана Дала: Андрей Мелихов разбирается, что это за фреймворк и заслуженно ли его называют убийцей Node.js → https://youtu.be/ehf4rS7c7Lw
🎧
Свежие подкасты

Frontend Weekend №55, в гостях Никита Прокопов: про ClojureScript, ведение блогов и создание собственного шрифта → https://soundcloud.com/frontend-weekend/fw-55

«Веб-стандарты» №123: YaC и WWDC, новинки Chrome, Edge и Firefox, вложенность, calc и CSS-хакеры, как писать код быстро, вариативные шрифты, await и ES-модули, есть ли зверь фулстек, Яндекс.Лендинги → https://medium.com/p/220c10c4489e

«Фронтенд-юность» №50: мифы о zero configuration, Навальный и Python, prevent smoosh, новый подход к сборке приложений → https://soundcloud.com/frontend_u/e50

«Фронтенд-юность» №51, Dan Abramov Package Manager: РИТ, язык MINT, Deno, конфликт с модулем worker, кто пришёл к Дэну Абрамову, плохой unix-way → https://soundcloud.com/frontend_u/e51

«Ночной фронтенд» №35, впечатления от РИТ++/FrontendConf → https://medium.com/p/13b7882fa3f7

«Новости 512» от CSSSR №8: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_08
Современные инструменты и практики адаптивной вёрстки: от медиавыражений, флексов и гридов до отзывчивой типографики и изображений, лекция Дмитрия Душкина в ШРИ 2018 → https://youtu.be/5jTDpz7OXD4
Работа с сенсорным пользовательским вводом: Владимир Рыбаков в ШРИ 2018 о спецификациях Touch/Pointer Events, особенностях обработки жестов и новых API Pointer Lock и Force Touch → https://youtu.be/Wo-MG8tq3P4
React Native: батл по фактам в одном действии

Как правильно использовать React Native и какие есть подводные камни? Обзор опыта реальных компаний по мотивам обсуждения в чате t.iss.one/ctodailychat → https://medium.com/p/73f2ad5bab7f
Новинки механизма умного предотвращения трекинга в Webkit: доступ к кукам по разрешению пользователя, отслеживание и блокировка трекинговых сервисов, советы разработчикам → https://webkit.org/blog/8311/intelligent-tracking-prevention-2-0/
Современное руководство по вёрстке от Рейчел Эндрю с обзором всех основных понятий и технологий: поток документа, флоаты, блочный контекст форматирования, позиционирование, флексы, гриды, колонки → https://www.smashingmagazine.com/2018/05/guide-css-layout/
Как с помощью новых технологий DNS over HTTPS и Trusted Recursive Resolver ребята из Mozilla закрыли уязвимости DNS 35-летней давности, иллюстрированное объяснение Лин Кларк → https://hacks.mozilla.org/2018/05/a-cartoon-intro-to-dns-over-https/
WCAG 2.1 (гайдланы доступности веб-содержимого) перешли в статус рекомендации W3C. Обзор добавленных критериев с пояснениями от реальных пользователей → https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/