Firibgarlarga uchmang! Telemetrio bunday kanallarni topadi va belgilaydi 👉 Belgini ko‘rmoqchi bo‘lsangiz, obuna bo‘ling

For Web — фронтенд, дизайн, программирование

Kanalga Telegram’da o‘tish

Новости и полезности для фронтендеров. Поддержать, чтобы в канале не было рекламы: https://patreon.com/forweb https://boosty.to/forweb

Ko'proq ko'rsatish

Rossiya48 866Texnologiyalar & Aralashmalar7 985...

📈 Telegram kanali For Web — фронтенд, дизайн, программирование analitikasi

For Web — фронтенд, дизайн, программирование (@forwebdev) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 14 347 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 7 985-o'rinni va Rossiya mintaqasida 48 866-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 14 347 obunachiga ega bo‘ldi.

09 Noyabr, 2025 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -129 ga, so‘nggi 24 soatda esa 0 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 0% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining N/A% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 0 marta ko‘riladi; birinchi sutkada odatda 0 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 0 ta reaksiya keladi.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Новости и полезности для фронтендеров. Поддержать, чтобы в канале не было рекламы: https://patreon.com/forweb https://boosty.to/forweb”

Yuqori yangilanish chastotasi (oxirgi ma’lumot 10 Noyabr, 2025 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

14 347

Obunachilar

Ma'lumot yo'q24 soatlar

-217 kun

-12930 kun

Ma'lumot yo'q

Post ko'rishlar

Ma'lumot yo'q24 soatlar

Ma'lumot yo'q48 soatlar

Ma'lumot yo'q

Muloqot nisbati

Ma'lumot yo'q

Kuniga postlar

Ads index

Postlar arxiv

\n\n\nPolyfill.io проверяет по юзерагенту, какие фичи не поддерживает браузер, и отдаёт полифилы только для них.","datePublished":"2017-12-10T15:26:18Z","dateModified":"2017-12-10T15:26:18Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8765}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3091","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3091","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3091","headline":"[Вакансия, Москва, Тинькофф-журнал] Привет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это…","articleBody":"[Вакансия, Москва, Тинькофф-журнал]\nПривет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это такое ежедневное издание про деньги, которое читает полтора миллиона человек.\n \nЯ ищу опытного разработчика, который будет проектировать, поддерживать и развивать фронтенд-архитектуру сайта.\n\nЧто нужно делать?\nРазработчик, которого я ищу, погружен в жизнь проекта, разбирается в задаче, работает в связке с арт-директором, держит в голове структуру стилей во всем журнале. Стили обновляются часто, поэтому все нужно постоянно рефакторить и улучшать. Ведущий фронтендер берет на себя этот процесс: тестирует код, борется за его чистоту, добивается, чтобы ни на каких девайсах нам не было стыдно за результат.\n\nСами статьи верстать не нужно, для этого есть другие ребята.\n\nМы онлайн-медиа, поэтому порядок в стилях для нас — это главное. Но у нас много и больших инфраструктурных задач. Пока вы читаете эту вакансию, мы запускаем авторизацию и комментарии. Дальше будет динамическая выдача статей на основе персонализированных рекомендаций. Потом своя мини-издательская платформа для авторов. Разработчик, которого я ищу, должен будет отвечать за фронтенд-архитектуру всех новых систем.\n\nТехнологии\nES6, (p)React, CSS (БЭМ) + PostCSS, Gulp + Webpack\n\nУсловия\nМы ищем сотрудника на полную занятость, поэтому у вас будет белая зарплата, ДМС, офис и бесплатный спортзал на м. «Водный стадион». Работа бок о бок с техдиром, артдиром и менеджером по продукту.\n\nРасскажите о себе и своем опыте: @arsgab или a.gabdullin@tinkoff.ru","datePublished":"2017-12-10T12:19:36Z","dateModified":"2017-12-10T12:19:36Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5824}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3090","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3090","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3090","headline":"For Web — фронтенд, дизайн, программирование","datePublished":"2017-12-10T12:19:36Z","dateModified":"2017-12-10T12:19:36Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5014}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3089","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3089","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3089","headline":"Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до…","articleBody":"Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до поиска источников существующих ошибок — https://github.com/glebec/debugging-js","datePublished":"2017-12-10T11:21:27Z","dateModified":"2017-12-10T11:21:27Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5056}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3088","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3088","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3088","headline":"Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ланд…","articleBody":"Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ландшафта — https://github.com/s-macke/VoxelSpace","datePublished":"2017-12-10T11:00:03Z","dateModified":"2017-12-10T11:00:03Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4887}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3087","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3087","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3087","headline":"sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quali…","articleBody":"sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quality image placeholders) — https://github.com/technopagan/sqip","datePublished":"2017-12-10T10:52:49Z","dateModified":"2017-12-10T10:52:49Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4957}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3086","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3086","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3086","headline":"Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступ…","articleBody":"Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступность и другие темы — https://vimeo.com/channels/fronteers17","datePublished":"2017-12-10T10:48:51Z","dateModified":"2017-12-10T10:48:51Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4897}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3085","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3085","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3085","headline":"TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows…","articleBody":"TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows — http://tldr.sh/","datePublished":"2017-12-10T10:43:26Z","dateModified":"2017-12-10T10:43:26Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5120}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3084","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3084","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3084","headline":"Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительно…","articleBody":"Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительной манипуляции DOM — https://calendar.perfplanet.com/2017/mutating-web-content-using-dom-ranges/","datePublished":"2017-12-10T10:16:07Z","dateModified":"2017-12-10T10:16:07Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5076}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3083","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3083","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3083","headline":"For Web — фронтенд, дизайн, программирование","datePublished":"2017-12-10T10:16:06Z","dateModified":"2017-12-10T10:16:06Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5106}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3082","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3082","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3082","headline":"От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors","articleBody":"От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors","datePublished":"2017-12-09T18:51:23Z","dateModified":"2017-12-09T18:51:23Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":6809}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3081","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3081","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3081","headline":"Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://mediu…","articleBody":"Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://medium.com/p/cc2c39715403","datePublished":"2017-12-09T16:52:14Z","dateModified":"2017-12-09T16:52:14Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":6131}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3080","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3080","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3080","headline":"Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times —…","articleBody":"Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times — https://medium.com/p/b2119a2f422d","datePublished":"2017-12-08T13:31:51Z","dateModified":"2017-12-08T13:31:51Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7686}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3079","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3079","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3079","headline":"postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на ос…","articleBody":"postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на основе списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-preset-env","datePublished":"2017-12-08T10:47:39Z","dateModified":"2017-12-08T10:47:39Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7146}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3078","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3078","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3078","headline":"Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/l…","articleBody":"Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/levelling-up-for-junior-developers/","datePublished":"2017-12-08T08:54:55Z","dateModified":"2017-12-08T08:54:55Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7065}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3077","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3077","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3077","headline":"Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.co…","articleBody":"Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.com/notes/optimize-images-webpack/","datePublished":"2017-12-07T16:20:40Z","dateModified":"2017-12-07T16:20:40Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7713}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3076","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3076","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3076","headline":"Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything…","articleBody":"Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything-an-open-source-maintainer-might-need-to-know-about-open-source-licensing/","datePublished":"2017-12-07T11:21:20Z","dateModified":"2017-12-07T11:21:20Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8227}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3075","url":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3075","mainEntityOfPage":"https://telemetr.io/uz/channels/1049110127-forwebdev/posts/3075","headline":"Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недел…","articleBody":"Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недели — https://egghead.io/courses/advanced-react-component-patterns","datePublished":"2017-12-06T11:33:53Z","dateModified":"2017-12-06T11:33:53Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/uz/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":10294}]}}]}

14 347

Как сделать CLI-инструменты более дружелюбными, Анна Дебенхем на примере собственного инструмента для сбора интересных ссылок — https://24ways.org/2017/teach-the-cli-to-talk-back/

14 347

Frontend Weekend №31, в гостях Дмитрий Чекин: о создании CSSSR и особенностях удаленной работы фултайм — https://soundcloud.com/frontend-weekend/fw-31

14 347

Форматирование чисел в браузере Если вам нужно отформатировать числа в браузере, не подключайте для этого сторонние библиотеки и не пишите велосипеды, а используйте нативный Intl.NumberFormat. Простой пример:

const numberFormatter = new Intl.NumberFormat();

numberFormatter.format(12345.67); // -> 12 345,67

По умолчанию NumberFormat использует правила системной локали. При необходимости можно указать нужную локаль: new Intl.NumberFormat('en-US'). Вторым аргументом передаются опции вроде минимального/максимального количества знаков после запятой, подробнее в документации. Intl поддерживается начиная с IE 11 и Safari 10, на мобильных поддержка хуже, поэтому нужно при открытии страницы проверять поддержку и при её отсутствии подгружать полифил. Проще всего использовать сервис Polyfill.io от Financial Times:

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>

Polyfill.io проверяет по юзерагенту, какие фичи не поддерживает браузер, и отдаёт полифилы только для них.

14 347

[Вакансия, Москва, Тинькофф-журнал] Привет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это такое ежедневное издание про деньги, которое читает полтора миллиона человек. Я ищу опытного разработчика, который будет проектировать, поддерживать и развивать фронтенд-архитектуру сайта. Что нужно делать? Разработчик, которого я ищу, погружен в жизнь проекта, разбирается в задаче, работает в связке с арт-директором, держит в голове структуру стилей во всем журнале. Стили обновляются часто, поэтому все нужно постоянно рефакторить и улучшать. Ведущий фронтендер берет на себя этот процесс: тестирует код, борется за его чистоту, добивается, чтобы ни на каких девайсах нам не было стыдно за результат. Сами статьи верстать не нужно, для этого есть другие ребята. Мы онлайн-медиа, поэтому порядок в стилях для нас — это главное. Но у нас много и больших инфраструктурных задач. Пока вы читаете эту вакансию, мы запускаем авторизацию и комментарии. Дальше будет динамическая выдача статей на основе персонализированных рекомендаций. Потом своя мини-издательская платформа для авторов. Разработчик, которого я ищу, должен будет отвечать за фронтенд-архитектуру всех новых систем. Технологии ES6, (p)React, CSS (БЭМ) + PostCSS, Gulp + Webpack Условия Мы ищем сотрудника на полную занятость, поэтому у вас будет белая зарплата, ДМС, офис и бесплатный спортзал на м. «Водный стадион». Работа бок о бок с техдиром, артдиром и менеджером по продукту. Расскажите о себе и своем опыте: @arsgab или a.gabdullin@tinkoff.ru

14 347

Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до поиска источников существующих ошибок — https://github.com/glebec/debugging-js

14 347

Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ландшафта — https://github.com/s-macke/VoxelSpace

14 347

sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quality image placeholders) — https://github.com/technopagan/sqip

14 347

Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступность и другие темы — https://vimeo.com/channels/fronteers17

14 347

TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows — http://tldr.sh/

14 347

Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительной манипуляции DOM — https://calendar.perfplanet.com/2017/mutating-web-content-using-dom-ranges/

14 347

От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors

14 347

Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://medium.com/p/cc2c39715403

14 347

Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times — https://medium.com/p/b2119a2f422d

14 347

postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на основе списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-preset-env

14 347

Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/levelling-up-for-junior-developers/

14 347

Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.com/notes/optimize-images-webpack/

14 347

Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything-an-open-source-maintainer-might-need-to-know-about-open-source-licensing/

14 347

Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недели — https://egghead.io/courses/advanced-react-component-patterns