Forwarded from Типичный программист
Инструмент, который превращает ваш GitHub-профайл в сайт-портфолио — Gitfolio.
На странице проекта на GitHub вы сможете увидеть, как это всё запустить и настроить, а также посмотреть демо: https://github.com/imfunniee/gitfolio
#инструменты
На странице проекта на GitHub вы сможете увидеть, как это всё запустить и настроить, а также посмотреть демо: https://github.com/imfunniee/gitfolio
#инструменты
#es6
еще чуть-чуть плюшек ES6 туть https://medium.com/@abraztsov/%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-%D0%BE%D0%BD%D0%B8-%D0%BD%D1%83%D0%B6%D0%BD%D1%8B-%D0%B2-javascript-symbol-iterator-generator-d5d186b4f1bd
еще чуть-чуть плюшек ES6 туть https://medium.com/@abraztsov/%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-%D0%BE%D0%BD%D0%B8-%D0%BD%D1%83%D0%B6%D0%BD%D1%8B-%D0%B2-javascript-symbol-iterator-generator-d5d186b4f1bd
Medium
Зачем они нужны в JavaScript? Symbol, Iterator, Generator
Кратко, просто и понятно, что это такое и как это применять.
#мейловскиеплюшки
https://github.com/mailru
Проекты с открытым кодом компании Mail.Ru. Есть куча интересных репок, например, файловый API, шаблонизатор fest, БЭМ тулзы и многое другое. Вишенка на торте - AMP, который после доклада Сергея Пешкова (https://youtu.be/Sog6I9sDnX4?t=6015) на SmartMail митапе особенно привлекает внимание. Потыкаем 😍👍🏻
https://github.com/mailru
Проекты с открытым кодом компании Mail.Ru. Есть куча интересных репок, например, файловый API, шаблонизатор fest, БЭМ тулзы и многое другое. Вишенка на торте - AMP, который после доклада Сергея Пешкова (https://youtu.be/Sog6I9sDnX4?t=6015) на SmartMail митапе особенно привлекает внимание. Потыкаем 😍👍🏻
GitHub
Free and open source software developed at VK
Free and open source software developed at VK has 65 repositories available. Follow their code on GitHub.
#потомучтолюбопытно
Какое резюме фронтенд-разработчика можно назвать крутым? В котором в консоли метрики по загрузке ресурсов, аааеее🙈👍😂
Какое резюме фронтенд-разработчика можно назвать крутым? В котором в консоли метрики по загрузке ресурсов, аааеее🙈👍😂
#АААААААААААААААААААААААААААААААААААА
Одно из самых правдивых и чрезвычайно смешных выступлений про особенности js. Enjoy) https://www.youtube.com/watch?v=et8xNAc2ic8&feature=youtu.be
Одно из самых правдивых и чрезвычайно смешных выступлений про особенности js. Enjoy) https://www.youtube.com/watch?v=et8xNAc2ic8&feature=youtu.be
YouTube
dotJS 2012 - Brian Leroux - WTFJS
Filmed in Paris on Nov 30th, 2012. More talks on https://dotconferences.eu
#насвоиграбли
Как-то в разработке веб-приложения мы с коллегами столкнулись с проблемой - remove class отказывался работать. И никаких мыслей не возникало в эту сторону, как решить проблему. На помощь пришли костыли и велосипеды. Но все же было интересно, что же под капотом у этой «нерешаемой» задачки. Ответ найден ✅ https://habr.com/ru/post/224187/
Как-то в разработке веб-приложения мы с коллегами столкнулись с проблемой - remove class отказывался работать. И никаких мыслей не возникало в эту сторону, как решить проблему. На помощь пришли костыли и велосипеды. Но все же было интересно, что же под капотом у этой «нерешаемой» задачки. Ответ найден ✅ https://habr.com/ru/post/224187/
Хабр
Рендеринг WEB-страницы: что об этом должен знать front-end разработчик
Приветствую вас, уважаемые хабравчане! Сегодня я бы хотел осветить вопрос рендеринга в веб-разработке. Конечно, на эту тему уже написано много статей, но, как мн...
#оптимизация
я все больше капаю в сторону оптимизации сайтов 🙂 наткнулась на статью про магические вещи, которые можно сотворить со скроллом. Видео-демонстрация прост вынесла https://habr.com/ru/post/204238/
я все больше капаю в сторону оптимизации сайтов 🙂 наткнулась на статью про магические вещи, которые можно сотворить со скроллом. Видео-демонстрация прост вынесла https://habr.com/ru/post/204238/
Хабр
60 FPS? Легко! pointer-events:none!
Вы, наверное, уже читали интересную статью о том, как можно отключать эффекты :hover при скроле – это позволяет здорово сохранить отзывчивость сайта, но имеет один недостаток – вам приходится...
#оптимизация
Троттлинг и дебоунсинг - прикольные штуки, позволяющие адекватно реагировать на действия «резвых» пользователей. Внедряем в игрулю 🙈
https://medium.com/nuances-of-programming/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-throttling-%D0%B8-debouncing-4f0a839769ef
Троттлинг и дебоунсинг - прикольные штуки, позволяющие адекватно реагировать на действия «резвых» пользователей. Внедряем в игрулю 🙈
https://medium.com/nuances-of-programming/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-throttling-%D0%B8-debouncing-4f0a839769ef
Medium
Что такое Throttling и Debouncing?
Эти техники следует знать каждому веб-разработчику, особенно тем, кто работает во фронтенде.
#сломала
Будучи в метро, набрела на эту статью (ничего полезного про фронтенд там нет, не надейтесь). Читала с мобилки. И в глаза бросился бегунок скрола. За все чтение он сдвинулся на пару миллиметров, а потом и вовсе остановился, хотя я продолжала читать. Я уже действительно начала думать, что статья бесконечная, но в итоге она закончилась. Мне стало интересно, что же скрывается за этим невероятным скроллом и категорично пролистала вниз. Результат? Я сломала сайтик и меня редиректнули на другую вообще статью. Класс. Мораль: верстайте адаптивку правильно☝️
P.S. в десктопной версии это просто бесконечный скролл, который вроде бы даже норм работает. Атата разрабам
https://wi-fi.ru/news/msMoQ1Yc6bOk-malyy-imperatorskiy-kak-ustroen-odin-iz-stareyshih-teatrov-moskvy
Будучи в метро, набрела на эту статью (ничего полезного про фронтенд там нет, не надейтесь). Читала с мобилки. И в глаза бросился бегунок скрола. За все чтение он сдвинулся на пару миллиметров, а потом и вовсе остановился, хотя я продолжала читать. Я уже действительно начала думать, что статья бесконечная, но в итоге она закончилась. Мне стало интересно, что же скрывается за этим невероятным скроллом и категорично пролистала вниз. Результат? Я сломала сайтик и меня редиректнули на другую вообще статью. Класс. Мораль: верстайте адаптивку правильно☝️
P.S. в десктопной версии это просто бесконечный скролл, который вроде бы даже норм работает. Атата разрабам
https://wi-fi.ru/news/msMoQ1Yc6bOk-malyy-imperatorskiy-kak-ustroen-odin-iz-stareyshih-teatrov-moskvy
#потомучтолюбопытно
В продолжение истории про скролл. Нашла забавную зависимость анимации от скролла туть https://ru.fxssi.com/top-10-samyx-deshevyx-valyut-mira-v-tekuschem-godu . Спускаемся вниз - одна сторона банкноты, поднимаемся - она другая. Причем не одновременно у всех купюр, а у той, до которой мы доехали. Поиграйтесь 🙂
В продолжение истории про скролл. Нашла забавную зависимость анимации от скролла туть https://ru.fxssi.com/top-10-samyx-deshevyx-valyut-mira-v-tekuschem-godu . Спускаемся вниз - одна сторона банкноты, поднимаемся - она другая. Причем не одновременно у всех купюр, а у той, до которой мы доехали. Поиграйтесь 🙂
FXSSI - Платформа для анализа настроений на рынке Форекс
ТОП 10 - Самые дешевые валюты в мире в 2024 году
Какая валюта является самой дешевой в мире по отношению к рублю? В этой статье вы также найдете список из 10 самых слабых и обесцененных мировых валют в текущем 2024 году. Почему дешевеют валюты, что такое деноминация и какие валюты уже деноминировали.
#react
Статья для хлебушков, которые хотят прознать основные движки реакта. Также прикольные плюшки про включение подсветки для repaint-компонентов. 👍 https://webformyself.com/esli-vy-prenebrezhete-osnovami-react-eto-mozhet-vas-pogubit/
Статья для хлебушков, которые хотят прознать основные движки реакта. Также прикольные плюшки про включение подсветки для repaint-компонентов. 👍 https://webformyself.com/esli-vy-prenebrezhete-osnovami-react-eto-mozhet-vas-pogubit/
Webformyself
Если вы пренебрежете основами React, это может вас погубить
Основы и важные понятия React, которые нужно учитывать при разработке приложений. Как создавать компоненты и обновлять DOM. Различные нюансы
#npm
Пожалуй, лучшее, что я смогла найти на тему публикации своих пакетов на npmjs https://codex.so/npm
Пожалуй, лучшее, что я смогла найти на тему публикации своих пакетов на npmjs https://codex.so/npm
CodeX
Публикация пакета в npm
Об оформлении, публикации и обновлении npm-пакета
#версточка#grid
Гриды, оказывается, очень гибкая вещь. А картинки с тортиками 👍😜 https://medium.com/@stasonmars/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B5%D0%B4%D0%B8%D0%BD%D0%B8%D1%86%D0%B0-%D0%B3%D0%B8%D0%B1%D0%BA%D0%BE%D1%81%D1%82%D0%B8-fr-%D0%B2-css-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D1%8B%D0%BC-%D0%B8-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%8B%D0%BC-%D1%8F%D0%B7%D1%8B%D0%BA%D0%BE%D0%BC-2a3794c4444
Гриды, оказывается, очень гибкая вещь. А картинки с тортиками 👍😜 https://medium.com/@stasonmars/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B5%D0%B4%D0%B8%D0%BD%D0%B8%D1%86%D0%B0-%D0%B3%D0%B8%D0%B1%D0%BA%D0%BE%D1%81%D1%82%D0%B8-fr-%D0%B2-css-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D1%8B%D0%BC-%D0%B8-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%8B%D0%BC-%D1%8F%D0%B7%D1%8B%D0%BA%D0%BE%D0%BC-2a3794c4444
Medium
Что такое единица гибкости fr в CSS, доступным и простым языком
Это статья — адаптированный перевод статьи The CSS Fractional Unit (Fr) In Approachable, plain Language
#httpзапросы#fetch
В поисках методов для отслеживания загрузки данных на сервер оказался не приятный финал - фетч не так хорош, как хотелось бы 😒 Поэтому вот статейка со сравнительным анализом других решений https://m.habr.com/ru/company/ruvds/blog/432634/
В поисках методов для отслеживания загрузки данных на сервер оказался не приятный финал - фетч не так хорош, как хотелось бы 😒 Поэтому вот статейка со сравнительным анализом других решений https://m.habr.com/ru/company/ruvds/blog/432634/
Хабр
Обзор пяти HTTP-библиотек для веб-разработки
Одна из важнейших задач, которую приходится решать программисту при разработке веб-проектов, заключается в организации обмена данными между клиентскими и серверными частями таких проектов. Это...
В продолжение занимательная статейка о плюшках фетч-заменителя #axio https://medium.com/web-standards/fetch-vs-axios-js-для-генерации-http-запросов-41206a4c0060
Medium
Генерация HTTP-запросов
Fetch или Axios.js
#SPA
Чуть-чуть отличий между одностраничным приложением и традиционным веб приложением из ... документации 🙃 https://docs.microsoft.com/ru-ru/dotnet/architecture/modern-web-apps-azure/choose-between-traditional-web-and-single-page-apps
Чуть-чуть отличий между одностраничным приложением и традиционным веб приложением из ... документации 🙃 https://docs.microsoft.com/ru-ru/dotnet/architecture/modern-web-apps-azure/choose-between-traditional-web-and-single-page-apps
Docs
Выбор между традиционными веб-приложениями и одностраничными приложениями
Узнайте, как сделать выбор между традиционными веб-приложениями и одностраничными приложениями (SPA) при создании веб-приложений.