Episodes
-
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 -
Episodes manquant?
-
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/ - Montre plus
