560 blogs tracked4,950 posts indexed

#web-development

6 posts · 5 companies · newest first

2

How we built the new Table of Contents feature (opens on the source site)

How a feature goes from idea to prototype to shippedFor years, there’s been this really popular Chrome extension for adding a table of contents to your Medium stories. Props to Vinicius De Antoni for writing a popular chrome extension all those years go.The extension was so popular, we even wrote about it in our Medium Handbook.How to make a table of contents for your Medium storyThe fact that it was so popular was a signal to me. There was a decent size of our user base that wanted this feature. So, at first I set out to just copy it.The Chrome extension extends the popup menu we have in the…

programmingsoftware-engineeringexcerpt only · body stays at the source
From the web
3

Handling concurrency on the Web with Web Locks API (opens on the source site)

Image by the_iop from PixabayConcurrency in programming is the ability to manage and execute multiple tasks or processes at the same time (or appear to), allowing programs to remain responsive and efficient. Think of it like a chef in a busy kitchen: they’re not cooking every dish from start to finish sequentially, but instead chopping vegetables while one pan simmers and another bakes; juggling progress on several tasks concurrently.I’m a frontend engineer at OLX working mostly with React and NextJs, but I also came from a background in which I worked primarily in concurrent programs with…

reactlocksexcerpt only · body stays at the source
From the web
4

How we improved image download sizes on Medium with just four characters (opens on the source site)

HTML images just got better, with the subtlest change to your codebasePhoto by Adi SuyatnoI know what you’re thinking.Scott, I landed on Medium on a small but not mobile-small display and the download chunk related to images in my home feed was like 7% smaller.First of all, thank you for noticing.Second, what if I told you that you too can improve your total asset download size by adding just four characters to your code base?Sounds too good to be true, right? Well, I’m here to tell you, it’s true… after I explain how we got here.The history of images on the webAs a web developer, you’ve…

htmljavascriptexcerpt only · body stays at the source
From the web
5

Developing an Internal Tool for Our Puzzle Editor (opens on the source site)

How we developed a dashboard tool created to help ease the workflow of managing puzzles for our Connections editor.Illustration by Su Yun SongBy Shafik Quoraishee and Wyna LiuIn the game Connections, every puzzle is a meticulously crafted challenge designed to captivate our audience and spark intellectual curiosity. Developing these puzzles can sometimes be a time consuming and intricate task. Each puzzle requires planning, beginning with conceptualizing fresh categories and plausible misleads, followed by testing the combinations for balance and solvability, and concluding with refinement…

web-developmentinternal-toolsexcerpt only · body stays at the source
From the web
6

Making sense of TypeScript generics (opens on the source site)

TypeScript significantly improved JavaScript development with enhanced code reliability and maintainability, ensuring fewer runtime errors and greater productivity for developers.But when you start working with it, the syntax can sometimes feel overwhelming.One of the most intimidating features in TypeScript is “generics”. Look at the example below 🤯 aren’t you afraid ?Types declarations from @tanstack/react-query (library) that can feel overwhelmingBut don’t worry, we will go step by step and once you understand generics, you’ll see how powerful they are.The best any alternativeImagine this…

typescriptweb-developmentexcerpt only · body stays at the source
From the web
6 shown

Privacy choices

Reading never requires analytics. These choices last 90 days on this browser.

Essential sign-in and security storage always stays on. Read the privacy notice.