Обнаружена уязвимость, позволяющая «положить» почти все сайты на движке WordPress https://tproger.ru/news/wordpress-dos-vulnerability/
Tproger
Обнаружена уязвимость, позволяющая «положить» почти все сайты на движке WordPress
Около трети всех сайтов WWW оказались уязвимы к новой DoS-атаке, произведенной независимым израильским программистом. Патча к критической уязвимости пока нет даже в новейшей версии движка WordPress.
Подкаст «devschacht»: Ночной фронтенд #21 — Rolling Scopes, день первый https://medium.com/devschacht/nightly-21-219ef00f5601
Medium
Ночной фронтенд
#21 — Rolling Scopes, день первый
Оптимизация веб-производительности с помощью webpack: уменьшаем размер фронтенд кода и мониторим его скорость . Новое руководство от Ивана Акулова и Эдди Османи на developers.google.com https://developers.google.com/web/fundamentals/performance/webpack/
web.dev
Webpack | Articles | web.dev
Bundling for modern web applications
Оптимизация вашего MP4 видео для лучшей производительности https://blog.dareboost.com/en/2018/01/optimize-your-mp4-video-for-better-performance/
Новая версия WordPress сломала функцию автообновления движка https://tproger.ru/news/wordpress-4-9-3-auto-update-issue/
Tproger
Новая версия WordPress сломала функцию автообновления движка
WordPress 4.9.3 «разучился» автоматически устанавливать обновления. Экстренный патч проблемы уже выпущен, однако его придется установить вручную.
Эволюция паттернов в React https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f
freeCodeCamp.org
Evolving Patterns in React
Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability. I started working with React [https://reactjs.org/] roughly…
Что может Chrome Dev Tools
Будучи джуном, я долгое время работал с ограниченным набором функций dev tools.
Не повторяйте моих ошибок и посмотрите, что еще dev tools вам может предложить.
https://goo.gl/xatccB
Будучи джуном, я долгое время работал с ограниченным набором функций dev tools.
Не повторяйте моих ошибок и посмотрите, что еще dev tools вам может предложить.
https://goo.gl/xatccB
Jem Space
Освоение Chrome Developer Tools: техники нового уровня в разработке front end
Возможно, вы уже знакомы с основными функциями Chrome Developer Tools: инспектором DOM, панелью стилей и консолью JavaScript. Но есть ряд менее известных функций, которые могут значительно улучшить отладку или воркфлоу разработки приложений. Темная тема Chrome…
«ALL YOUR HTML» #35: «Wordpress минисайт с нуля за час» https://www.youtube.com/watch?v=PrvilFct91I
YouTube
#35 ALL YOUR HTML, Wordpress минисайт с нуля за час
Код и дамп: https://github.com/akella/jetro-wp
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella
Twitter: https://twitter.com/akella
Поддержать: https://www.patreon…
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella
Twitter: https://twitter.com/akella
Поддержать: https://www.patreon…
Определены главные тренды 2018 года на GitHub-проекты https://tproger.ru/news/github-open-source-project-trends-for-2018/
Tproger
Определены главные тренды 2018 года на GitHub-проекты
Администрация GitHub провела исследование, чтобы выявить основные тренды в разработке проектов с открытым исходным кодом на текущий год. Популярность каждого проекта определяли по трем показателям: количество участников, просмотров и звезд.
Анонсирована функция удаления личной информации из URL-адреса в Firefox 59 https://tproger.ru/news/firefox-strip-referer/
Tproger
Анонсирована функция удаления личной информации из URL-адреса в Firefox 59
Новая функция в Mozilla Firefox 59 будет очищать referrer от нежелательных конфиденциальных данных и защищать пользователя от утечки данных третьим лицам.
Еще одна причина использовать noopener — глубокое погружение в распределение процесса рендеринга https://blog.scottlogic.com/2018/02/07/another-reason-to-use-noopener.html
Scott Logic
Another reason to use noopener - A deep dive into renderer process allocation
In highly-visual, rapidly-updating, multi-window, buzzword-laden apps performance is a big concern. With WebWorkers, SharedWorkers and ServiceWorkers we have a number of options for moving complex scripting tasks off the critical path. However, rendering…
Forwarded from Chulakov Dev
Опять тоже самое?
Если на сайте есть частопосещаемые страницы, содержимое которых не меняется каждую секунду, есть смысл подключить серверное кеширование, чтобы сократить нагрузку на сервер.
Например, если вы делаете какой-нибудь посещаемый блог, главная страница которого содержит список из 50 публикаций с числом просмотров и комментариев каждой, то запросы к БД могут сильно нагрузить сервер, а рост числа посетителей может привести к увеличению времени загрузки сайта.
Один из самых простых в настройке способов серверного кэширования — nginx proxy cache:
https://bitbucket.org/snippets/OlegChulakovStudio/ae8gbz
Когда веб-приложение сгенерирует страницу, nginx сохранит результат в указанной ему папке. Последующие запросы на этот же адрес не дойдут до приложения: пользователю будет передан сохраненный в кэше файл. За счет этого нагрузка на сервер может многократно снизиться.
Если на сайте есть частопосещаемые страницы, содержимое которых не меняется каждую секунду, есть смысл подключить серверное кеширование, чтобы сократить нагрузку на сервер.
Например, если вы делаете какой-нибудь посещаемый блог, главная страница которого содержит список из 50 публикаций с числом просмотров и комментариев каждой, то запросы к БД могут сильно нагрузить сервер, а рост числа посетителей может привести к увеличению времени загрузки сайта.
Один из самых простых в настройке способов серверного кэширования — nginx proxy cache:
https://bitbucket.org/snippets/OlegChulakovStudio/ae8gbz
Когда веб-приложение сгенерирует страницу, nginx сохранит результат в указанной ему папке. Последующие запросы на этот же адрес не дойдут до приложения: пользователю будет передан сохраненный в кэше файл. За счет этого нагрузка на сервер может многократно снизиться.
Использование конических градиентов и CSS переменных для создания круговой диаграммы для Range Input https://css-tricks.com/using-conic-gradients-css-variables-create-doughnut-chart-output-range-input/
CSS-Tricks
Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input | CSS-Tricks
I recently came across this Pen and my first thought was that it could all be done with just three elements: a wrapper, a range input and an output. On the
Техники бесконечного скролла в React https://blog.logrocket.com/infinite-scroll-techniques-in-react-adcfd7ff32bd
LogRocket Blog
3 ways to implement infinite scroll in React - LogRocket Blog
Infinite scrolling is a web design technique that loads content continuously as the user scrolls down the page.
Бесконечная лестница на CSS https://codepen.io/YusukeNakaya/full/rJxevm/
Встречаем PWA в Microsoft Edge и Windows 10 . Microsoft изложила стратегию по внедрению Progressive Web Apps https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#02DIKfGjd6ylg9iF.97
Microsoft Edge Blog
Welcoming Progressive Web Apps to Microsoft Edge and Windows 10
A little over a year ago, we outlined our vision to bring Progressive Web Apps (PWAs) to the more than half a billion devices running Windows 10. We believe PWAs are key to the web’s future, and couldn’t be more excited about their potential to enable more…
Service workers: маленькие герои, стоящие за Progressive Web Apps https://medium.freecodecamp.org/service-workers-the-little-heroes-behind-progressive-web-apps-431cc22d0f16
freeCodeCamp.org
Service workers: the little heroes behind Progressive Web Apps
Interested in learning JavaScript? Get my free ebook at jshandbook.com
hreftools — коллекция онлайновых веб-инструментов для ускорения вашей работы https://hreftools.com/
Href Tools
Href Tools -