Создание React приложения с бэкендом на Express https://daveceddia.com/create-react-app-express-backend/
Dave Ceddia
Create React App with an Express Backend
Learn how to connect a Create React App to an Express backend server.
Разные логические варианты по группировке свойств CSS https://mediatemple.net/blog/tips/different-logical-ways-group-css-properties/
The Media Temple Blog
The Different Logical Ways to Group CSS Properties - The Media Temple Blog
I’ll admit, I traditionally haven’t had much of an opinion about the ordering of CSS properties. I just add what I need. I think they end up largely “grouped” by related things, because that’s just how my brain spits them out.
recycle — функциональная и реактивная библиотека для React https://github.com/recyclejs/recycle/
GitHub
recyclejs/recycle
Convert functional/reactive object description using RxJS into React component - recyclejs/recycle
Rachel Andrew объясняет нюансы создания спецификаций на примере Grid Layout https://rachelandrew.co.uk/archives/2017/04/24/refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec/
The site of Rachel Andrew, writer, speaker and web developer
Refer to the spec: What is all that stuff at the top of the spec?
There is a whole lot of legal sounding information at the top of CSS specifications. However it also contains useful information about the status of specs like Grid.
HTML Шорты: Можно ли оборачивать блок в ссылку? https://www.youtube.com/watch?v=JEItJ4nyl68&feature=youtu.be&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
YouTube
Ссылки вокруг блоков — HTML Шорты
— Раньше в HTML 4 было нельзя — https://www.w3.org/TR/html4/struct/links.html#h-12.2.2 — Теперь в HTML 5 можно — https://www.w3.org/TR/html/textlevel-semanti...
en-inflectors https://github.com/FinNLP/en-inflectors
GitHub
GitHub - FinNLP/en-inflectors: 📦 English inflection library for noun (plural to singular and singular to plural), verb (gerund…
📦 English inflection library for noun (plural to singular and singular to plural), verb (gerund, present & past) and adjectives (comparative & superlative) transformations/conjugati...
Оптимизация веб-шрифтов для производительности https://www.sitepoint.com/optimizing-web-fonts-for-performance-the-state-of-the-art/
Sitepoint
Optimizing Web Fonts for Performance: the State of the Art - SitePoint
Maria Antonietta Perna digs into performance issues when loading custom web fonts. She discusses file size and FOIT and shows some cutting-edge solutions.
Использование npm качестве сборщика https://scotch.io/tutorials/using-npm-as-a-build-tool
Digitalocean
Using npm as a Build Tool | DigitalOcean
Learn how to use npm as a build tool.
Бенчмаркинг Guetzli (новый JPEG encoder от Google) https://www.keycdn.com/blog/benchmarking-guetzli/
KeyCDN
Benchmarking Guetzli - Comparing Size vs Optimization Time - KeyCDN
Guetzli is Google's newest JPEG encoder. See how it stacks up in our tests against lossy compression and WebP converted images.
Скоростное написание кода от Ana Tudor: улитка с помощью SVG https://www.youtube.com/watch?v=gsEvK9L-H7A
YouTube
Speed coding: SVG 🐌
Cross-browser. See the live demo at https://codepen.io/thebabydino/pen/ZKpLez/
If the work I've been putting out since early 2012 has helped you in any way or you just like it, please consider supporting it to help me stay afloat. You can do so in one of…
If the work I've been putting out since early 2012 has helped you in any way or you just like it, please consider supporting it to help me stay afloat. You can do so in one of…
Продвинутая резиновая типографика с помощью calc(), vw, брейкпоинтов и линейных уравнений https://medium.com/@jakobud/css-polyfluidsizing-using-calc-vw-breakpoints-and-linear-equations-8e15505d21ab
Medium
CSS Poly Fluid Sizing using calc(), vw, breakpoints and linear equations
When working with creative designers on web page designs, it’s fairly common to receive multiple Sketch or Photoshop artboards/layouts, one…
Как оптимизировать изображения: практическое руководство https://gtmetrix.com/blog/how-to-optimize-images-a-practical-guide/
Gtmetrix
How to Optimize Images: A Practical Guide
Want to know how to Serve Scaled Images and Optimize Your Images? We'll show you how!
Итак, что именно делает JavaScript таким странным языком программирования? https://blog.thefirehoseproject.com/posts/exactly-makes-javascript-weird-programming-language/
Firehose Project
So, what exactly makes JavaScript such a weird programming language? – Firehose Project
Let’s be honest. JavaScript is a weird programming language. Douglas Crockford, the creator of JSON and one of the most well-known JavaScript programmers, famously said in his book JavaScript the Good Parts: JavaScript is built on some very good ideas and…
Adventure time — экспериментальная игра, созданная без JS — только HTML5 и CSS3 https://minocernota.com/articles/pure_css_game/
Minocernota
PURE CSS - GAME
Yes, it's possible to make games in CSS and they don't have to be just clicking games. In this Adventure time - Rescue of Flame Princess you must beat three levels and save princess from bad Flame Lord.
Как лучше организовать свой JS / jQuery спагетти код https://notes.devlabs.bg/how-to-organize-our-js-jquery-spaghetti-code-better-78224ab0137
Dev Labs
How to organize our JS / jQuery spaghetti code better
At various times of our programming career each of us has faced with a spaghetti oriented implementation — either in the first coding steps…
Радости и гадости регрессионного тестирования вёрстки #common https://www.youtube.com/watch?v=-dZNNLsKxOk&feature=youtu.be
YouTube
Радости и гадости регрессионного тестирования вёрстки / Алексей Малейков (HTML Academy)
Приглашаем на конференцию Saint HighLoad++ 2025, которая пройдет 23 и 24 июня в Санкт-Петербурге!
Программа, подробности и билеты по ссылке: https://highload.ru/spb/2025
________
РИТ++ 2016, FrontendConf
Презентация и тезисы:
https://frontendconf.ru/…
Программа, подробности и билеты по ссылке: https://highload.ru/spb/2025
________
РИТ++ 2016, FrontendConf
Презентация и тезисы:
https://frontendconf.ru/…