Сделайте мне красиво

Inclusion in a Distributed World https://cpojer.net/posts/inclusion-in-a-distributed-world CSS Nesting https://developer.chrome.com/articles/css-nesting/ https://kilianvalkhof.com/2023/css-html/the-gotchas-of-css-nesting/ Web Apps on macOS Sonoma 14 Beta https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/ ------ Telegram: https://t.me/frontsexy Youtube: https://www.youtube.com/@user-md2od6rq9j Twitch: https://www.twitch.tv/makeitsexy Прешоу подкаста: https://soundcloud.com/frontsexy-preshow

CSS Subgrid https://12daysofweb.dev/2022/css-subgrid/ Mastering Tech Lead Management https://cpojer.net/posts/mastering-tech-lead-management Reducing Complexity in Front-End Development https://css-irl.info/reducing-complexity-in-front-end-development/ Пики Fit-to-Width Text https://kizu.dev/fit-to-width-text/ Rebuilding a comment component with modern CSS https://ishadeed.com/article/comment-component/ Synchronize videos, 3D-models, etc. to Scroll-Driven Animations https://www.bram.us/2023/06/21/synchronize-videos-3d-models-to-scroll-driven-animations/ Meet Codux: The React Visual Editor That Improves Developer Experience https://www.smashingmagazine.com/2023/06/codux-react-visual-editor-improves-developer-experience/ ------ Telegram: https://t.me/frontsexy Youtube: https://www.youtube.com/@user-md2od6rq9j Twitch: https://www.twitch.tv/makeitsexy Прешоу подкаста: https://soundcloud.com/frontsexy-preshow

Code Coverage vs Test Coverage: Differences You Need to Know https://testsigma.com/blog/code-coverage-vs-test-coverage/ Future CSS: Wishes Granted by Scroll-driven Animations https://kizu.dev/scroll-driven-animations/ Future CSS: Anchor Positioning https://kizu.dev/anchor-positioning-experiments/ Dependency Managers Don’t Manage Your Dependencies https://cpojer.net/posts/dependency-managers-dont-manage-your-dependencies Knip, поиск неиспользуемого кода https://github.com/webpro/knip Introducing the popover API https://developer.chrome.com/blog/introducing-popover-api/ The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/ Skeleton Screens 101 https://www.nngroup.com/articles/skeleton-screens/ Caching Header Best Practices https://simonhearne.com/2022/caching-header-best-practices/

Reduce costs by 90% by moving from microservices to monolith: Amazon internal case study raises eyebrows https://devclass.com/2023/05/05/reduce-costs-by-90-by-moving-from-microservices-to-monolith-amazon-internal-case-study-raises-eyebrows/ TypeScript is ‘not worth it’ for developing libraries, says Svelte author, as team switches to JavaScript and JSDoc https://devclass.com/2023/05/11/typescript-is-not-worth-it-for-developing-libraries-says-svelte-author-as-team-switches-to-javascript-and-jsdoc/ 5 Mistakes I Made When Starting My First React Project https://css-tricks.com/5-mistakes-starting-react/ Let's build a Chrome extension that steals everything https://mattfrisbie.substack.com/p/spy-chrome-extension Individual transform properties https://developer.mozilla.org/en-US/docs/Web/CSS/translate Writing Emails Using React https://engineeringblog.yelp.com/2022/07/writing-emails-using-react.html вложенные списки без JS https://iamkate.com/code/tree-views/ Creating a Clock with the New CSS sin() and cos() Trigonometry Functions https://css-tricks.com/creating-a-clock-with-the-new-css-sin-and-cos-trigonometry-functions/ Be Careful Using ‘Menu’ https://adrianroselli.com/2023/05/be-careful-using-menu.html

CSS in 2022 https://www.bram.us/2021/12/27/css-in-2022/ CSS: Cascade Layers (CSS @layer) https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ СSS color functions https://dev.to/fabiogiolito/create-a-color-theme-with-these-upcoming-css-features-4o83 2021 JavaScript Rising Stars https://risingstars.js.org/2021/en Полупики HTMLHell https://www.htmhell.dev/ How to Create a Pie Chart Using Only CSS https://www.freecodecamp.org/news/css-only-pie-chart Пики A Complete Guide to React Router: Everything You Need to Know https://ui.dev/react-router-tutorial

Опенсорс драма https://snyk.io/blog/open-source-npm-packages-colors-faker/ https://web.archive.org/web/20210628030444/https://marak.com/blog/2021-04-25-monetizing-open-source-is-problematic https://github.com/Marak/colors.js/commit/074a0f8ed0c31c35d13d28632bd8a049ff136fb6 Отличная статья про оптимизацию https://habr.com/ru/company/yandex/blog/570914/ Top 15 JavaScript Frameworks You Should Consider in 2022 https://www.simform.com/blog/javascript-frameworks/ Полупики https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html Responsive Layouts, Fewer Media Queries https://css-tricks.com/responsive-layouts-fewer-media-queries/ Поиск утечек памяти https://github.com/nolanlawson/fuite 🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7 Highlights of the Web Almanac 2021 stefanjudis.com/blog/highlights-from-the-web-almanac-2021/

State of CSS https://2021.stateofcss.com/ Книга про паттерны https://www.patterns.dev/ Псевдоэлементы не нужны https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/ Proposals included in the incoming ECMAScript 2022 standard for JavaScript https://medium.com/geekculture/proposals-included-in-the-incoming-ecmascript-2022-standard-for-javascript-6119a4518904 Полупики Отладка React для самых маленьких https://habr.com/ru/post/595607/ Deep-copying in JavaScript using structuredClone https://web.dev/structured-clone/ Пики https://a.singlediv.com/ The surprising behavior of !important in CSS custom property values https://css-tricks.com/the-surprising-behavior-of-important-in-css-custom-property-values

Стоит ли призывать работодателя? По следам https://twitter.com/thekiba_ru/status/1470054955423784966?s=21 Первое публичное выступление Миши - и сразу про факап Советы по публичным выступлениям https://hadihariri.com/2018/08/15/public-speaking-dealing-with-nerves/ Что же такое софт скиллы? Для самых маленьких https://skillbox.ru/media/growth/chto_takoe_soft_skills_i_kak_ikh_razvit/ Софт-скиллы для сеньоров https://skamille.medium.com/an-incomplete-list-of-skills-senior-engineers-need-beyond-coding-8ed4a521b29f Книги от Миши: Джедайские техники Nonviolent Communication: A Language of Life https://www.goodreads.com/book/show/71730.Nonviolent_Communication Immunity to Change: How to Overcome It and Unlock Potential in Yourself and Your Organization https://www.goodreads.com/book/show/5962102-immunity-to-change

В гостях Василиса Версус, Head of frontend platform в Sbermarket

Small Bundles, Fast Pages: What To Do With Too Much JavaScript https://calibreapp.com/blog/bundle-size-optimization Как PayPal внедрял GraphQL https://medium.com/paypal-tech/ Как вовремя свалить с работы https://apoorvagovind.substack.com/p/how-to-waste-your-career-one-comfortable Пики Интерграция VS Code с Edge DevTools https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/sources/opening-sources-in-vscode Announcing Parcel v2! https://parceljs.org/blog/v2 Часы на джаваскрипте https://twitter.com/javascriptdaily/status/1444834157096587264

В вебе ничо не работает, зато приватно https://css-tricks.com/web-features-that-may-not-work-as-youd-expect/ Why we need to stop using React https://sredmond.medium.com/why-we-need-to-stop-using-react-1ae3ec7959a4 Полупики https://github.com/google/libphonenumber/blob/master/FALSEHOODS.md Пики Webpack Tutorial for Beginners: A Complete Step-by-Step Guide for 2021 https://www.codeinwp.com/blog/webpack-tutorial-for-beginners You want enabling CSS selectors, not disabling ones https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/

Yes, Impostor Syndrome Is Actually Good for Software Developers https://betterprogramming.pub/yes-impostor-syndrome-is-actually-good-for-software-developers-f390852a3ea6 WHERE IS HTTP/3 RIGHT NOW? https://daniel.haxx.se/blog/2021/04/02/where-is-http-3-right-now/ 7 Useful HTML Attributes that You Probably Don’t Know https://javascript.plainenglish.io/7-useful-html-attributes-that-you-probably-dont-know-661784fe21e Пики How to Create Your First React Hook from Start to Finish https://www.freecodecamp.org/news/code-react-hooks/ eslint-plugin-clean-regex https://github.com/RunDevelopment/eslint-plugin-clean-regex Let’s Create an Image Pop-Out Effect With SVG Clip Path https://css-tricks.com/lets-create-an-image-pop-out-effect-with-svg-clip-path

Группа в телеграме https://t.me/frontsexy Учим CSS c СSS-tricks! :where() и :is() и :not() https://css-tricks.com/almanac/selectors/i/is/ https://css-tricks.com/where-has-a-cool-specificity-trick-too/ Rendering large lists with React Virtualized https://blog.logrocket.com/rendering-large-lists-with-react-virtualized-82741907a6b3/ How GitHub Actions renders large-scale logs https://github.blog/2021-03-25-how-github-actions-renders-large-scale-logs/ Patterns in the use of emojis could predict the dropout of remote workers https://techxplore.com/news/2021-03-patterns-emojis-dropout-remote-workers.html The Trimodal Nature of Software Engineering Salaries in the Netherlands and Europe https://blog.pragmaticengineer.com/software-engineering-salaries-in-the-netherlands-and-europe/ Announcing the Deno Company https://deno.com/blog/the-deno-company Quick Tip: Style Pseudo-elements with Javascript Using Custom Properties https://css-irl.info/quick-tip-style-pseudo-elements-with-javascript-using-custom-properties/ SVG Generators https://www.smashingmagazine.com/2021/03/svg-generators/ The Front-end Developer Learning Roadmap https://frontendmasters.com/guides/learning-roadmap/

Complexity Has to Live Somewhere https://ferd.ca/complexity-has-to-live-somewhere.html The web didn't change; you did https://remysharp.com/2021/02/11/the-web-didnt-change-you-did Front-End Dissatisfaction (and Backing Off) https://css-tricks.com/front-end-dissatisfaction-and-backing-off/ 10 Years of Open-Source Visualization https://observablehq.com/@mbostock/10-years-of-open-source-visualization Пики Did You Know About the :has CSS Selector? https://css-tricks.com/did-you-know-about-the-has-css-selector Exploring @property and its Animating Powers https://css-tricks.com/exploring-property-and-its-animating-powers/ useWhyDidYouUpdate https://usehooks.com/useWhyDidYouUpdate/ How to cancel an HTTP fetch request https://www.wisdomgeek.com/development/web-development/javascript/how-to-cancel-http-fetch-request/ Web Caching Best Practices https://blog.bitsrc.io/web-caching-best-practices-ae9580ceb4b3

A look at Trello: adopting GraphQL and Apollo in a legacy application https://www.atlassian.com/engineering/a-look-at-trello-adopting-graphql-and-apollo-in-a-legacy-application Best practices can slow your application down https://stackoverflow.blog/2021/03/03/best-practices-can-slow-your-application-down/ Faster, more efficient systems for finding and fixing regressions https://engineering.fb.com/2021/02/17/developer-tools/fix-fast/ How to test the accessibility of your components with Storybook https://www.adrianbolonio.com/en/accessibility-with-storybook/ Digging Into CSS Logical Properties https://ishadeed.com/article/css-logical-properties/ TypeScript Typeguard Transparency https://javascript.plainenglish.io/typeguard-transparency-fe33061c1744 The Death of a Node.js Process https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process JavaScript: What is the meaning of this? https://web.dev/javascript-this/

Best practices for carousels https://web.dev/carousel-best-practices/ Before You memo() https://overreacted.io/before-you-memo/ Про размеры бандлов https://github.com/privatenumber/minification-benchmarks https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/ https://bundlephobia.com/ Полупики Все о Perceived Performance https://habr.com/ru/company/oleg-bunin/blog/538466/ Diving into the ::before and ::after Pseudo-Elements https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements https://habr.com/ru/company/uchi_ru/blog/543308/ Optimizing Video For Size And Quality https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/ TypeScript 4.2. https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/ Доклад про Svelte crossfade https://www.youtube.com/watch?v=wuFEvYW_phA

https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html https://2020.stateofjs.com/en-US/ React Bias https://gist.github.com/malchata/e7c4862b77120dc230763ea8f3110c17 New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly https://web.dev/aspect-ratio/ Managing CSS Z-Index In Large Projects https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/ Margin considered harmful https://mxstbr.com/thoughts/margin/ Don't use functions as callbacks unless they're designed for it https://jakearchibald.com/2021/function-callback-risks/

«Глупый рекрутер не назвал мне вилку зарплат»: почему в вакансиях редко пишут честную сумму https://mc.today/blogs/glupyj-rekruter-ne-nazval-mne-vilku-zarpat-pochemu-v-vakansiyah-redko-pishut-chestnuyu-summu 8 Common JavaScript Mistakes That You Should Avoid https://medium.com/javascript-in-plain-english/8-common-javascript-mistakes-that-you-should-avoid-bbbfe1fb9539 React Server Components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html https://twitter.com/dan_abramov/status/1343200035035557890?s=21 Vanilla JavaScript speech-to-text https://daily-dev-tips.com/posts/vanilla-javascript-text-to-speech/ Mocks aren’t evil! Better mocking with React Testing Library https://dev.to/d_ir/mocks-aren-t-evil-better-mocking-with-react-testing-library-3hii Continuous Performance Analysis with Lighthouse CI and GitHub Actions https://css-tricks.com/continuous-performance-analysis-with-lighthouse-ci-and-github-actions Справочник: пробелы https://type.today/ru/journal/spaces

Adopting TypeScript Will Make You Suffer https://medium.com/swlh/typescript-will-make-you-suffer-7cc6ca4b1233 Несколько задач на систему типов TypeScript https://github.com/type-challenges/type-challenges Мега-альманах за 2020 о состоянии дел в вебе https://almanac.httparchive.org/en/2020/ Using Git commands that will make you look like a senior developer https://levelup.gitconnected.com/using-git-commands-that-will-make-you-look-like-a-senior-developer-14247f4aca3b CSS custom properties are not variables https://webplatform.news/issues/2020-12-04 Advent of Code https://adventofcode.com/ JWT Authentication Best Practices https://dev.to/deleteman123/jwt-authentication-best-practices-3lf9 Deno 1.6 Release Notes https://deno.land/posts/v1.6](https://deno.land/posts/v1.6 How to Abort a Fetch Request in JavaScript using AbortController https://dev.to/nas5w/how-to-abort-a-fetch-request-in-javascript-using-abortcontroller-3jc3

В гостях Татьяна Новикова Top 10 Web Application Security Risks https://owasp.org/www-project-top-ten/