Firefox redesign will arrive in v157 release

Lea Verou94 Hot18 min4 d agoAITop

The best dark mode toggle is probably none • Lea Verou

Vấn đề về toggle dark mode hai trạng thái đã gây nhiều tranh cãi, nhưng nghiên cứu mới cho …

Chen Hui Jing127 Hot5 min14 d agoAI

I still like writing websites by hand

Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

#css #ui-design #astro Source

Brave9 Hot12 min4 d agoAI

Brave for Desktop Outperforms Other Browsers in Speed and Performance

Các bài kiểm tra mới trên macOS cho thấy Brave for desktop vượt trội so với Chrome, Edge và Firefox về tốc độ tải trang, CPU, bộ nhớ, năng lượng và sử dụng mạng. Nguyên nhân kỹ thuật chính là cơ chế trình duyệt Brave sử dụng các công nghệ như Brave Shields và Brave Search để giảm đáng kể yêu cầu tài nguyên hệ thống. Hệ quả rõ rệt là Brave tiêu thụ ít bộ nhớ hơn 30% so với Chrome và sử dụng năng lượng thấp hơn khoảng 25%, giúp tăng thời lượng pin đáng kể. Điều đáng học hỏi là cách Brave tối ưu hóa hiệu suất thông qua việc chặn tự động các quảng cáo và trình theo dõi mà không cần người dùng can thiệp, một bài học về thiết kế trình duyệt hiệu quả cho các lập trình viên.

Lập trình viên nên đọc bài này để biết tại sao trình duyệt Brave for Desktop nhanh và hiệu quả hơn các trình duyệt khác khi làm việc với các ứng dụng web phức tạp.

#google-chrome #firefox Source

CSS-Tricks35 Hot3 min20 d agoAI

Dark mode toggles: two states are enough

Lea Verou phản đối các giao diện chế độ sáng/tối có ba tùy chọn (sáng, tối, hệ thống) vì thừa thãi, cho rằng chỉ cần hai trạng thái là đủ.

Một lập trình viên nên đọc bài này để hiểu cách tối ưu hóa giao diện người dùng bằng cách loại bỏ trạng thái trung gian không cần thiết trong chế độ tối/nhạt, giúp cải thiện hiệu suất và trải nghiệm thiết kế đơn giản hơn.

#css #ui-design Source

Lobsters35 Hot2 min22 d agoAI

Firefox is now the last major browser that still supports uBlock Origin

Firefox vẫn tiếp tục hỗ trợ tiện ích chặn quảng cáo uBlock Origin trong khi các trình duyệt Chromium như Microsoft Edge đang loại bỏ nó do thay đổi Manifest V3.

Lập trình viên nên đọc bài này để hiểu cách Manifest V3 của Chromium ảnh hưởng đến các công cụ như uBlock Origin, và cách các nhà phát triển có thể tối ưu hóa các plugin/extension cho các nền tảng tương lai, từ đó giúp họ dự đoán và chuẩn bị cho những thay đổi trong công nghệ web.

#devtools #firefox #microsoft-edge Source

CSS Tip32 Hot1 min20 d agoAI

Get Grid Information using pure CSS

Bằng vài dòng code CSS, bạn có thể lấy được số cột, số hàng và tọa độ của các item trong grid.

Lập trình viên nên đọc bài này để khám phá cách sử dụng CSS puro để tránh phụ thuộc vào JavaScript, giúp tối ưu hóa hiệu suất và giảm thiểu code phụ thuộc bên ngoài khi xử lý thông tin grid một cách đơn giản và hiệu quả.

#css #ui-design Source

Lea Verou47 Hot12 min1 mo agoAI

Dark mode toggles: two states are enough • Lea Verou

Mô hình ba trạng thái (sáng/tối/không xác định) là cần thiết về mặt kỹ thuật, nhưng người dùng chỉ quan tâm đến hai trạng thái (sáng/tối) vì họ không tìm kiếm giải pháp cho vấn đề chưa xảy ra. Nhiều chỉ trích về công tắc hai trạng thái xuất phát từ cách triển khai kém.

Lập trình viên nên đọc bài này để hiểu cách tối ưu hóa giao diện với toggles hai trạng thái (chẳng hạn dark/light mode) mà vẫn tránh những lỗi thường gặp, giúp cải thiện trải nghiệm người dùng mà không cần phức tạp thêm.

#ux #ui-design Source

Spatie40 Hot8 min1 mo agoAI

Can we make default tailwind a more accessible choice?

Tailwind sử dụng đơn vị rem cho các breakpoint nhằm mục đích cải thiện khả năng truy cập, nhưng điều này không luôn tối ưu cho bố cục layout. Sự khác biệt giữa hai mục tiêu này cần được xem xét kỹ hơn.

Lập trình viên nên đọc bài này để hiểu cách Tailwind không chỉ tối ưu hóa thiết kế mà còn có những cơ chế rem-based cho breakpoints giúp cải thiện tính tương thích với thiết bị có độ phân giải thấp và người dùng có thị lực hạn chế, từ đó tối ưu cả hiệu suất và khả năng truy cập.

#css #ui-design #tailwind-css Source

Firefox redesign will arrive in v157 release

Recommended for you

The best dark mode toggle is probably none • Lea Verou

Bình luận

I still like writing websites by hand

Brave for Desktop Outperforms Other Browsers in Speed and Performance

Dark mode toggles: two states are enough

Firefox is now the last major browser that still supports uBlock Origin

Get Grid Information using pure CSS

Dark mode toggles: two states are enough • Lea Verou

Can we make default tailwind a more accessible choice?

One account, the whole ecosystem

8syncdev.com

Courses

Coding practice

IELTS

ZUS — AI IDE

mind0

AcoLeads