2021-04-14 23:45:14

Сравниваем новое поколение сборщиков: подробный обзор и сравнение возможностей esbuild, snowpack, vite и wmr → https://css-tricks.com/comparing-the-new-generation-of-build-tools/

5.6K viewsedited 20:45

Открыть/Комментировать

2021-04-14 16:57:42 [Вакансия, удалёнка или релокация в Москву/Ригу]
Middle/Senior фронтенд-разработчик в Rarible, зарплата в $ выше рынка + опцион

Rarible — глобальный, лидирующий NFT-маркетплейс. У нас продают гифки, музыку, игровые айтемы и другой цифровой контент независимые художники, разработчики, звёзды, спортсмены, топовые бренды и известные люди вроде Ильи Варламова, Линдси Лохан и миллиардера Марка Кьюбана. До сих пор мы справлялись силами небольшой команды (1 фронтендер и несколько бэкендеров), но мы очень быстро растём и ищем фронтов на несколько новых направлений. За прошлый месяц наш трафик составил 7 млн посетителей со всего мира.

Платим зарплату в долларах, даём пакет акций (которые можно обналичить), обеспечиваем необходимой для работы техникой (если нужно, купим и игровую приставку для отдыха) — в общем, заботимся о вашем комфорте. От вас — самостоятельность и желание вместе фигачить популярный и растущий продукт, который уже прибылен и находится в фазе быстрого роста.

Сейчас у нас работают сотрудники из 8 стран. Мы ценим людей, умеющих достигать результата, и считаем, что люди должны получать удовольствие от жизни.

Подробнее о нас → https://www.forbes.ru/karera-i-svoy-biznes/424541-strana-otverzhennyh-hudozhnikov-kak-rossiyane-sozdali-globalnogo-igroka

Откликайтесь и задавайте любые вопросы → @Itsnastyahr

5.7K views13:57

Открыть/Комментировать

2021-04-14 13:09:14

Как инженеры приватной поисковой системы Cliqz реализовали браузерный саджест на RxJS → https://0x65.dev/blog/2019-12-12/implementing-search-as-you-type-in-the-browser-using-rxjs.html

5.5K views10:09

Открыть/Комментировать

2021-04-14 11:22:58

Рисуем деревья на canvas с помощью L-систем, TypeScript и ООП: руководство Саши Беспоясова в трёх частях с упором на практическое применение принципов SOLID и чистой архитектуры → https://bespoyasov.ru/blog/generating-trees-on-canvas-using-typescript-and-oop/

5.7K views08:22

Открыть/Комментировать

2021-04-12 18:05:17

Figma Crash Course, видеокурс о продвинутых возможностях Figma вроде автоматической раскладки элементов, прототипирования и построения дизайн-систем. Первая часть уже доступна, остальные выходят в этом году → https://www.figmacrashcourse.com

4.8K viewsedited 15:05

Открыть/Комментировать

2021-04-12 17:11:18

Web Browser Engineering, книга (в процессе написания) о разработке браузера с нуля для понимания того, как работают браузеры → https://browser.engineering/

4.0K viewsedited 14:11

Открыть/Комментировать

2021-04-12 13:48:10

Аутентификация пользователей в вебе на примере Node.js и Express: от HTTP-заголовков и кук до JWT. Видеокурс Зака Голвитцера →

4.7K viewsedited 10:48

Открыть/Комментировать

2021-04-08 12:35:07

Эффективные заголовки документов: как сделать максимально полезным и как улучшить UX, обновляя его динамически → https://tomekdev.com/posts/effective-titles-and-more<div class="tgme_widget_message_info short js-message_info"> 4.3K viewsedited 09:35 </div> <a href="https://ru.telegram-store.com/catalog/channels/forwebdev/6028" target="_blank" class="comment_link"> Открыть/Комментировать </a> </div> </div> <div class="message_grid"> <div class="messages__one message_parsed"> <span class="date_in_messages">2021-04-07 14:10:39</span> <div class="photo_placeholder_group"> <img class="lazyload" data-src="/img/no-picture-fourth.jpg" > </div><b>Пишем стили с заделом на будущее:</b> Стефани Эклз на примере списка комментариев демонстрирует CSS-приёмы, позволяющие адаптировать вёрстку к любым экранам и содержимому → https://moderncss.dev/developing-for-imperfect-future-proofing-css-styles/<div class="tgme_widget_message_info short js-message_info"> 3.7K viewsedited 11:10 </div> <a href="https://ru.telegram-store.com/catalog/channels/forwebdev/6027" target="_blank" class="comment_link"> Открыть/Комментировать </a> </div> </div> <div class="message_grid"> <div class="messages__one message_parsed"> <span class="date_in_messages">2021-04-05 13:01:16</span> [Реклама, личная рекомендация от автора For Web]<br><b>«Стать тимлидом»: курс, который стоит пройти даже мидлам</b> → https://education.borshev.com/teamlead<br><br>Чтобы вырасти до сеньора или тимлида, недостаточно уметь писать чистый код. Помимо технических навыков важны организационные и социальные навыки. Курс Фёдора Борщёва и Марьяны Онысько «Стать тимлидом» научит вас:<br><br>— договариваться о зарплате, разруливать конфликты и в целом вести любые переговоры;<br>— привлекать, нанимать и онбордить подходящих вам сотрудников, а также вовремя и безболезненно расставаться с неподходящими;<br>— вместо микроменеджмента строить в команде открытые и доверительные отношения;<br>— налаживать только нужные команде процессы вместо бездумного насаждения фреймворков вроде Scrum;<br>— быть для бизнеса не исполнителем, а партнёром: думать не только о коде, но и о продукте, пользе и деньгах;<br>— поддерживать качество кода и продавать бизнесу рефакторинг.<br><br>Курс пройдёт онлайн с 20 апреля по 23 мая. Формат — теория в Notion, домашние задания, ланчтаймы с приглашёнными экспертами, сообщество учеников в Телеграме и плюшки вроде персональных консультаций в расширенных тарифах.<br><br>Лично рекомендую курс всем, кто уже не джун и хочет расти дальше, но чувствует, что чтение технических статей и книг не помогает в этом. Скидка 10% до 10 апреля по промокоду forwebdev → https://education.borshev.com/teamlead<div class="tgme_widget_message_info short js-message_info"> 6.5K views10:01 </div> <a href="https://ru.telegram-store.com/catalog/channels/forwebdev/6026" target="_blank" class="comment_link"> Открыть/Комментировать </a> </div> </div> <nav class="woocommerce-pagination"> <ul class="page-numbers page-numbers-wrapper" role="navigation"> <li> <a href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=40" rel="prev" aria-label="« Previous" class="navigation__prev">‹</a> </li> <li><a class="page-numbers page_1" href="https://ru.telegram-store.com/catalog/channels/forwebdev">1</a></li> <li><a class="page-numbers page_2" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=2">2</a></li> <li class="disabled" aria-disabled="true"> <span class="page-numbers current">...</span> </li> <li><a class="page-numbers page_1" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=38">38</a></li> <li><a class="page-numbers page_2" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=39">39</a></li> <li><a class="page-numbers page_3" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=40">40</a></li> <li class="active" aria-current="page"> <span class="page-numbers current current__page">41</span></li> <li><a class="page-numbers page_4" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=42">42</a></li> <li><a class="page-numbers page_5" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=43">43</a></li> <li><a class="page-numbers page_6" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=44">44</a></li> <li class="disabled" aria-disabled="true"> <span class="page-numbers current">...</span> </li> <li><a class="page-numbers page_1" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=49">49</a></li> <li><a class="page-numbers page_2" href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=50">50</a></li> <li> <a href="https://ru.telegram-store.com/catalog/channels/forwebdev?page=42" rel="next" aria-label="Next »" class="navigation__next">›</a> </li> </ul> </nav> </div> </div> <div class="related ts-products"> <h2>Похожие каналы</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Оди telegram" href="https://ru.telegram-store.com/catalog/channels/awdee"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/awdee/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @awdee — Оди" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #01905F ">О</span> </span> <div class="ts-product__title" data-hc-id=""> Оди </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👩‍🚒 34,529 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="СПNЗЖУ DESIGN telegram" href="https://ru.telegram-store.com/catalog/channels/thedesigner"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/thedesigner/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @thedesigner — СПNЗЖУ DESIGN" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #1F53CF ">С</span> </span> <div class="ts-product__title" data-hc-id=""> СПNЗЖУ DESIGN </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👨‍🚀 33,268 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Строительство и Ремонт telegram" href="https://ru.telegram-store.com/catalog/channels/stroitelstvoiremont"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/stroitelstvoiremont/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @stroitelstvoiremont — Строительство и Ремонт" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #073192 ">С</span> </span> <div class="ts-product__title" data-hc-id=""> Строительство и Ремонт </div> </a> <div class="quantity-of-view"> <span class="productViews"> 🕵️ 15,671 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Почитать о дизайне telegram" href="https://ru.telegram-store.com/catalog/channels/mosinkru"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/mosinkru/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @mosinkru — Почитать о дизайне" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #138D72 ">П</span> </span> <div class="ts-product__title" data-hc-id=""> Почитать о дизайне </div> </a> <div class="quantity-of-view"> <span class="productViews"> 🤷‍♂️ 10,052 </span> </div> </div> </div> </div> </div> <div class="related ts-products"> <h2>Похожие Группы</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Blender_ru: вопрос-ответ. telegram" href="https://ru.telegram-store.com/catalog/chats/blender_ru"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/blender-ru/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #14810F ">B</span> </span> <div class="ts-product__title" data-hc-id=""> Blender_ru: вопрос-ответ. </div> </a> <div class="quantity-of-view"> <span class="productViews"> 13,338 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="elementary OS & UX devotion telegram" href="https://ru.telegram-store.com/catalog/chats/elementary_os"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/elementary-os/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #1F1097 ">E</span> </span> <div class="ts-product__title" data-hc-id=""> elementary OS & UX devotion </div> </a> <div class="quantity-of-view"> <span class="productViews"> 222 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="GNU/Linux Help telegram" href="https://ru.telegram-store.com/catalog/chats/grouplinux"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/grouplinux/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #01C63F ">G</span> </span> <div class="ts-product__title" data-hc-id=""> GNU/Linux Help </div> </a> <div class="quantity-of-view"> <span class="productViews"> 4,249 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="#BeardyChat творческий! telegram" href="https://ru.telegram-store.com/catalog/chats/beardychat"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/beardychat/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0FC057 ">B</span> </span> <div class="ts-product__title" data-hc-id=""> #BeardyChat творческий! </div> </a> <div class="quantity-of-view"> <span class="productViews"> 493 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mfp-bg mfp-ready" style="display:none;"></div> <div class="mfp-container mfp-s-ready mfp-inline-holder pop_channels_popup" style="display:none;"> <div class="mfp-content"> <div id="products-popup" class="channel-popup"> <h2>Похожие каналы</h2> <div class="gram-square gram-square__tax"> <a href="tg://resolve?domain=forwebdev" target="_blank" class="button wc-button-blue update-product-transitions product-popup-btn single-ga-static"> Перейти в канал </a> </div> <div class="ts-product_desktop-banner"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/catalog/channels/awdee"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/awdee/telegram_logo.jpg" alt="Логотип телеграм канала @awdee — Оди"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #200884 ">О</span> </span> <div class="ts-product__title" data-hc-id=""> Оди</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/catalog/channels/thedesigner"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/thedesigner/telegram_logo.jpg" alt="Логотип телеграм канала @thedesigner — СПNЗЖУ DESIGN"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #1B2DF7 ">С</span> </span> <div class="ts-product__title" data-hc-id=""> СПNЗЖУ DESIGN</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/catalog/channels/stroitelstvoiremont"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/stroitelstvoiremont/telegram_logo.jpg" alt="Логотип телеграм канала @stroitelstvoiremont — Строительство и Ремонт"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #17390E ">С</span> </span> <div class="ts-product__title" data-hc-id=""> Строительство и Ремонт</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/catalog/channels/mosinkru"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/mosinkru/telegram_logo.jpg" alt="Логотип телеграм канала @mosinkru — Почитать о дизайне"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #03D4AF ">П</span> </span> <div class="ts-product__title" data-hc-id=""> Почитать о дизайне</div> </a> </div> </div> </div> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="mfp-close">×</button> </div> </div> </div> <style> .mfp-content { position: absolute; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; left: 0; } .pop_channels_popup .ts-product_desktop-banner { display: initial !important; } .pop_channels_popup #products-popup .ts-product { height: 203px; } </style> <style> .message_grid iframe { width: 100%; } </style> </div> <link rel="preload" href="https://ru.telegram-store.com/css/all.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="https://ru.telegram-store.com/css/all.css"> </noscript> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="footer__copy">telegram-store.com © 2016-2024 </div> <div class="footer__copy creator">Неофициальный сайт про Telegram</div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul id="menu-footer-en" class="nav nav-pills"> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/catalog/channels" class="menu-link sub-menu-link"> Телеграм Каналы </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/catalog/chats" class="menu-link sub-menu-link"> Телеграм группы </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/catalog/stickers/type" class="menu-link sub-menu-link"> Телеграм Стикеры </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/catalog/bots" class="menu-link sub-menu-link"> Телеграм Боты </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/html-sitemap" class="menu-link sub-menu-link"> Sitemap </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul class="nav nav-pills"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/registration-telegram" class="menu-link sub-menu-link" target="_blank"> Регистрация в Телеграмм </a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/faq" class="menu-link sub-menu-link" target="_blank"> FAQ </a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/privacy-policy" class="menu-link sub-menu-link" target="_blank"> Политика конфиденциальности </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer-ownership"> Все права защищены. Копирование и использование полных материалов запрещено, частичное цитирование возможно только при условии гиперссылки на сайт telegram-store.com. </div> </div> </div> </div> </div>  <div class="modal-for-login mfp-ready" style="display:none;"></div> <div class="modal-for-login-container mfp-s-ready mfp-inline-holder" style="display:none;"> <div class="mfp-content"> <div class="login-popup"> <h2>Login</h2> <div id="telegram_auth"></div> <script type="text/javascript"> function onTelegramAuth(user) { jQuery.ajax({ url: "https://ru.telegram-store.com/telegram/auth", method: "POST", data: user, dataType: "json", headers: { 'X-CSRF-TOKEN': "No27QxMltCWlaARzfAUGdOEwRyX8aA9daY7A4EWe" }, success: function () { location.reload(); return false; }, error: function (data) { alert(data.responseJSON.error); } }); } </script> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="login-modal-close">×</button> </div> </div> </div> <script> function open_modal() { document.querySelector('.modal-for-login').style.display = 'block'; document.querySelector('.modal-for-login-container').style.display = 'block'; let script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'https://telegram.org/js/telegram-widget.js?15'); script.setAttribute('data-telegram-login', 'TeleStoreAuthRuBot'); script.setAttribute('data-size', 'medium'); script.setAttribute('data-radius', '0'); script.setAttribute('data-onauth', 'onTelegramAuth(user)'); script.setAttribute('data-request-access', 'write'); document.getElementById('telegram_auth').appendChild(script); } document.querySelector('.login-modal-close').onclick = function () { document.querySelector('.modal-for-login').style.display = 'none'; document.querySelector('.modal-for-login-container').style.display = 'none'; } </script> <style> .login-modal-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 2046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #000000; font-style: normal; font-size: 28px; } .modal-for-login { top: 0; left: 0; width: 100%; height: 100%; z-index: 1040; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .modal-for-login-container, .pop_channels_popup { text-align: center; position: fixed; width: 100%; z-index: 1044; height: initial; left: 0; top: 13%; padding: 0 8px; box-sizing: border-box; } .pop_channels_popup { top: 2%; } .modal-open { text-decoration: underline; cursor: pointer; color: #337ab7; } .login-popup { text-align: center; padding: 73px; height: 30%; width: 90%; border-radius: 5px; background-color: #fff; position: relative; margin: 0 auto; } @media screen and (min-width: 320px) and (max-width: 720px) { .login-popup { width: 90%; top: 20px; padding: 5px; } } </style> <script type='text/javascript' src='https://ru.telegram-store.com/js/all.js' defer></script> <script> document.addEventListener('DOMContentLoaded', () => lazyload()); </script> <script> function redirect_time() { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); setTimeout("go_now()", 1000); } function toggleTags() { $(".tag.hide_tag").toggleClass("display-inline"); $(".tags_toggle").toggle(); } window.onload = function () { if (window.jQuery) { $(".mfp-close").click(function () { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); }); $('.video_placeholder').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); $('.photo_placeholder_group').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); } } function go_now() { window.open($('.product-popup-btn').attr('hrefLink'), "_blank"); } </script> <script> document.addEventListener('DOMContentLoaded', function () { $('#vote__for_channel__inactive_667').click(function () { event.preventDefault(); $('#errors__voting_667').html('😱 Вы должны войти на сайт, чтобы проголосовать').css('display', 'block'); }); $('#vote__for_channel_667').click(function () { event.preventDefault(); $('#vote__for_channel_667').html('⌛'); $.ajax({ url: "https://ru.telegram-store.com/catalog/api/v1/vote/667", headers: { "X-CSRF-TOKEN": "No27QxMltCWlaARzfAUGdOEwRyX8aA9daY7A4EWe", }, type: 'post', success: function (data) { $('#vote__for_channel_667').html('▲ ' + data.rating); }, error: function () { $('#errors__voting_667').html("😱 Вы уже проголосовали за этот канал за последние 24 часа. Приходите завтра!").css('display', 'block'); } }); }); }) </script> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87f9ea980b17810e',t:'MTcxNTAwODQyOS4yNDYwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="a89b89cd7c77a232b9535ca0-|49" defer></script>

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

Рейтинги и Отзывы

Последние сообщения 41