DEV Community

Front-end

"If you're already a front-end developer, well, pretend you're also wearing a pirate hat." - Ethan Marcotte

Posts

๐Ÿ‘‹ Sign in for the ability to sort posts by relevant, latest, or top.
A Sleep Cycle Calculator That Accounts for Fall-Asleep Time
sendotltd profile

A Sleep Cycle Calculator That Accounts for Fall-Asleep Time

#javascript #webdev #health #frontend
Comments
2 min read
๐—›๐—ผ๐˜„ ๐—œ ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜ ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ผ๐—ป๐—ฒ๐—ป๐˜๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—›๐—ถ๐—ด๐—ตโ€‘๐—™๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐—ป๐—ฐ๐˜†, ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐——๐—ฎ๐˜๐—ฎ
ricardosaumeth profile

๐—›๐—ผ๐˜„ ๐—œ ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜ ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ผ๐—ป๐—ฒ๐—ป๐˜๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—›๐—ถ๐—ด๐—ตโ€‘๐—™๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐—ป๐—ฐ๐˜†, ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐——๐—ฎ๐˜๐—ฎ

#react #architecture #frontend #javascript
Comments
2 min read
๐Ÿš€ ๐— ๐—ฒ๐—บ๐—ผ๐—ฟ๐˜†โ€‘๐—•๐—ผ๐˜‚๐—ป๐—ฑ๐—ฒ๐—ฑ ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜†๐˜€
ricardosaumeth profile

๐Ÿš€ ๐— ๐—ฒ๐—บ๐—ผ๐—ฟ๐˜†โ€‘๐—•๐—ผ๐˜‚๐—ป๐—ฑ๐—ฒ๐—ฑ ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜†๐˜€

#javascript #react #frontend #architecture
Comments
2 min read
๐ŸŸฆ ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฒ๐˜ ๐—ข๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐˜€ ๐˜ƒ๐˜€ ๐—Ÿ๐—ถ๐—บ๐—ถ๐˜ ๐—ข๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐˜€ โ€” ๐—”๐—ป๐—ฑ ๐—›๐—ผ๐˜„ ๐—ง๐—ต๐—ฒ๐˜† ๐— ๐˜‚๐˜๐—ฎ๐˜๐—ฒ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ
ricardosaumeth profile

๐ŸŸฆ ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฒ๐˜ ๐—ข๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐˜€ ๐˜ƒ๐˜€ ๐—Ÿ๐—ถ๐—บ๐—ถ๐˜ ๐—ข๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐˜€ โ€” ๐—”๐—ป๐—ฑ ๐—›๐—ผ๐˜„ ๐—ง๐—ต๐—ฒ๐˜† ๐— ๐˜‚๐˜๐—ฎ๐˜๐—ฒ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ

#react #frontend #javascript #ui
1
Comments
2 min read
CSS Grid Layout: Complete Tutorial with Examples
_d7eb1c1703182e3ce1782 profile

CSS Grid Layout: Complete Tutorial with Examples

#css #webdev #frontend #design
2
Comments
6 min read
Why AI React Component Generators Break in Real Projects (And How to Fix It)
frontuna_system_0e112840e profile

Why AI React Component Generators Break in Real Projects (And How to Fix It)

#react #webdev #ai #frontend
1
Comments 1
2 min read
Angular 22's New Built-in Debounce for Async Validation Explained
brianmtreese profile

Angular 22's New Built-in Debounce for Async Validation Explained

#angular #webdev #javascript #frontend
1
Comments
5 min read
HTMX vs KEML: The Loading State Example That Shows the Difference
thealjey profile

HTMX vs KEML: The Loading State Example That Shows the Difference

#htmx #html #frontend #webdev
1
Comments
3 min read
Composition vs Compound Components in React
reactchallenges profile

Composition vs Compound Components in React

#architecture #frontend #javascript #react
1
Comments
3 min read
WebRTC Video Calls Explained: Simpler Than You Think
abdullahmubin profile

WebRTC Video Calls Explained: Simpler Than You Think

#techtalks #webdev #frontend #web3
Comments
4 min read
I built a virtual-scroll custom element that behaves like a normal scroll container
joshuaamaju profile

I built a virtual-scroll custom element that behaves like a normal scroll container

#webdev #frontend #javascript
Comments
1 min read
I built a Web Component UI Kit.
jeffreykrodgers profile

I built a Web Component UI Kit.

#webcomponents #javascript #opensource #frontend
3
Comments 2
3 min read
Giving AI Agents Eyes (Part 1): 6 Tricks for Reading Web Pages Without Vision Models
gauravchodwadia profile

Giving AI Agents Eyes (Part 1): 6 Tricks for Reading Web Pages Without Vision Models

#ai #a11y #frontend #webdev
7
Comments
13 min read
15 Tailwind CSS Tricks That Will Make You a Faster Developer
aishwarya_sk profile

15 Tailwind CSS Tricks That Will Make You a Faster Developer

#tailwindcss #webdev #frontend #css
2
Comments
3 min read
๐—ง๐—ต๐—ฟ๐—ฒ๐—ฒ ๐— ๐—ฒ๐˜๐—ฟ๐—ถ๐—ฐ๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐— ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ ๐— ๐—ผ๐—ฟ๐—ฒ ๐—ง๐—ต๐—ฎ๐—ป ๐—–๐—ผ๐—ฟ๐—ฒ ๐—ช๐—ฒ๐—ฏ ๐—ฉ๐—ถ๐˜๐—ฎ๐—น๐˜€ ๐—ถ๐—ป ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—”๐—ฝ๐—ฝ๐˜€
ricardosaumeth profile

๐—ง๐—ต๐—ฟ๐—ฒ๐—ฒ ๐— ๐—ฒ๐˜๐—ฟ๐—ถ๐—ฐ๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐— ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ ๐— ๐—ผ๐—ฟ๐—ฒ ๐—ง๐—ต๐—ฎ๐—ป ๐—–๐—ผ๐—ฟ๐—ฒ ๐—ช๐—ฒ๐—ฏ ๐—ฉ๐—ถ๐˜๐—ฎ๐—น๐˜€ ๐—ถ๐—ป ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—”๐—ฝ๐—ฝ๐˜€

#frontend #performance #react #analytics
1
Comments
2 min read
๐Ÿ‘‹ Sign in for the ability to sort posts by relevant, latest, or top.