Techreport blog

Engineering Insights & Guides

The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.

11,845 articles
Frontend — Creating Accessible UI Animations — Smashing Magazine

Creating Accessible UI Animations — Smashing Magazine

Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion? Oriana García explains how her team at Mercado Libre tackled the challenge by creating guiding principles for applying animation to user interfaces and incorp

OGOriana GarciaOriana Garcia·November 10, 2023Frontend
Career & Teams — Celebrating the GitHub Awards 2023 recipients 🎉

Celebrating the GitHub Awards 2023 recipients 🎉

The GitHub Awards recognizes and celebrates the outstanding contributions and achievements in the developer community, honoring individuals, projects, and organizations for their impactful work, innovation, thought leadership, and creating an outsized positive impact on the community.

LRLee ReillyLee Reilly·November 9, 2023Career & Teams
Security — Enhancing the security of WhatsApp calls

Enhancing the security of WhatsApp calls

New optional features in WhatsApp have helped make calling on WhatsApp more secure. “Silence Unknown Callers” is a new setting on WhatsApp that not only quiets annoying calls but also blocks sophisticated cyber attacks. “Protect IP Address in Calls” is a new setting on WhatsApp that helps hide your location from other parties on the […]

CWChris Wiltz·November 8, 2023Security
Frontend — Headless Component: a pattern for composing React UIs

Headless Component: a pattern for composing React UIs

As React UI controls become more sophisticated, complex logic can get intertwined with the visual representation. This makes it hard to reason about the behavior of the component, hard to test it, and necessary to build similar components that need a different look. A Headless Component extracts all non-visual logic and state management, separating the brain of a component from its looks.

JQJuntao QIU | 邱俊涛·November 7, 2023Frontend
Frontend — Addressing Accessibility Concerns With Using Fluid Type — Smashing Magazine

Addressing Accessibility Concerns With Using Fluid Type — Smashing Magazine

The CSS `clamp()` function is often paired with viewport units for “fluid” font sizing that scales the text up and down at different viewport sizes. As common as this technique is, several voices warn that it opens up situations where text can fail WCAG Success Criterion 1.4.4, which specifies that text should scale up to at least 200% when the user’s browser reaches its 500% maximum zoom level. M

MBMaxwell BarvianMaxwell Barvian·November 7, 2023Frontend
Frontend — How Meta built Threads in 5 months

How Meta built Threads in 5 months

In about five short months, a small team of engineers at Meta took Threads, the new text-based conversations app, from from an idea to the most successful app launch of all time, pulling in over 100M users in its first five days. But this achievement wouldn’t have been possible without Meta’s existing systems and infrastructure. […]

CWChris Wiltz·November 6, 2023Frontend