Chán ngẩm với CSS của Gmail khi gửi email cập nhật SaaS. Đã thử 10 giao diện dựa vào bảng (table) và CSS inline mới hoạt động ổn. Hiện dùng công cụ HTML Inserter, liệu đây có phải chuẩn mực năm 2026? Cần share kinh nghiệm nếu ai từng thấy nhức đầu vì Gmail!
#Gmail #CSS #Code #Lập_trình #SaaS #CSS_trouble #Email_design

https://www.reddit.com/r/SaaS/comments/1qsba7e/gmail_css_is_the_bane_of_my_existence_i_built_10/

Nhà phát triển chia sẻ trải nghiệm uất ức với Gmail xóa CSS hiện đại, buộc dùng 10 mẫu email dựa trên bảng (table) & inline-CSS sau hàng tuần thử nghiệm. Bạn đang dùng workflow nào để chiến đấu với "Gmail hell"? #CSS #Gmail #SaaS #DevLife #EmailMarketing #LapTrinh #GiaoDiện

https://www.reddit.com/r/SaaS/comments/1qsba7e/gmail_css_is_the_bane_of_my_existence_i_built_10/

Nhiều nhà phát triển SaaS gặp khó khăn với Gmail khi thiết kế bản tin do trình bày CSS hiện đại bị loại bỏ. Một người dùng đã tạo thư viện 10 bố cục HTML dựa trên bảng (table) để ổn định hiển thị trên di động/đồ họa Gmail. Họ đang tìm kiếm quy trình tối ưu thay vì dùng HTML Inserter hiện phổ biến. Bạn đang dùng phương pháp nào cho email chuyên nghiệp qua Gmail? #Gmail #CSS #EmailMarketing #SaaS #CôngNghệ #ThiếtKếWeb

https://www.reddit.com/r/SaaS/comments/1qsa6xt/question_does_anyone_else_strugg

Un super article sur Weasyprint, une bibliothèque #Python et un outil en ligne de commande permettant de générer des #PDF à partir d'un document #HTML et #CSS

https://rodolphe.breard.tf/article/generer-des-pdf-en-utilisant-html-et-css/

L'article est bien détaillé et donne plein d'astuces pour styliser son document. 😄

Merci @rodolphe ; Ping @courtbouillon

#28 No libraries, no canvas, only HTML elements.

There are many elements but because I was late with this prompt I already saw buttons and checkboxes, so I picked the slider and experimented.

And yes, I'm curious what I could do with sliders in the future - beside a slide puzzle. ;)

#genuary #html #css #slider #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #web #dev #frontend #website #apache #ajax #js #nodejs

I'm really liking relative colours in CSS!

In this demo I'm changing a base colour variable, and then playing with the step size for the L in HSL. Each SVG layer ends up with its own shade 🥳

(please ignore the unfinished design, this was just a quick test to see how the layers fit on the page 🥺)

#CSS

Understanding the fundamentals of CSS Layout

https://programming.dev/post/44972053

If you are like me who is annoyed by the 'New' button in Bases (right next to the Sort/Filter/Properties buttons, doing something else), this css snippet is for you:

.bases-toolbar-new-item-menu {
display: none !important;
}

#ObsidianMD #css

If you visit "videocardz dot com" regularly and think them disabling text highlighting/copying is annoying (and useless), here's a filter recipe for #ublockorigin

Open the dashboard (cogs) and paste this into "My filters":

videocardz.com##*:style(-moz-user-select: text !important;)
videocardz.com##*::selection:style(color: yellow !important; background: black !important;)

Should be easy to adapt for other sites too.

#css

When Will CSS Grid Lanes Arrive? How Long Until We Can Use It?, by @jensimmons (@webkit):

https://webkit.org/blog/17758/when-will-css-grid-lanes-arrive-how-long-until-we-can-use-it/

#css #grids #masonry #layout

Understanding the fundamentals of CSS Layout. #CSS

https://polypane.app/blog/understanding-the-fundamentals-of-css-layout/?utm_source=flipboard&utm_medium=activitypub

Posted into RESPONSIVE DESIGN, UX, AND UI @responsive-design-ux-and-ui-mobileatom

#Development #Techniques
Improving LCP for hero videos · Let users see something while the video loads https://ilo.im/169n0w

_____
#Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

Is there a good online tool where you can bulk-drop a set of font files to get the #CSS font-face declarations, taking into account things like `usWidthClass`, ranges of variation axes, etc? Lots and lots of dubious web pages out there. (Asking for a very #lazyweb developer.)

Rotating table headers with modern #css.

The good: you can calculate the appropriate height for the header so the rotate labels take up space!

The bad: I couldn’t figure out how to do it for width. Intrinsic size keywords are axis-dependent, so you can’t use the value of `max-content` in one axis to calculate the other axis. :(

Uses `calc-size()`, trig functions, `cap` units, and text-box-trim 😎

https://codepen.io/noleli/pen/xbOYQjy

Stop Misusing CSS overscroll-behavior!

This property disables a browser navigation feature that many rely on and hurts usability.

https://webdevredfox.org/post/lets-stop-misusing-overscroll-behavior

#WebDev #CSS #HTML

Curso de Programação Web com Python, HTML e CSS gratuito - com certificado

https://guiadeti.com.br/curso-programacao-web-python-html-css/

#css #cursogratuito #desenvolvimentoweb #flask #html #programacaoweb #python #tecnologia
https://guiadeti.com.br/curso-programacao-web-python-html-css/?fsp_sid=425

Công cụ cốt lõi như HTML, CSS, JavaScript, JSON là yếu tố không thể thiếu trong phát triển phần mềm hiện đại, giúp đảm bảo mã nguồn sạch, dữ liệu hợp lệ và tài nguyên tối ưu. Techyall cung cấp giải pháp đơn giản hóa quy trình này.

#devtools #pháttriểnphta #HTML #CSS #JavaScript #JSON #lậptrình

https://www.reddit.com/r/programming/comments/1qrf34w/why_core_development_tools_matter_techy_all_blog/

#Development #Releases
New to the web platform (January 2026) · CSS Anchor Positioning, Temporal API, Navigation API, and more https://ilo.im/16a9hl

_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #HTML #CSS #JavaScript

🤫

For Snow leopard+ supporters: a big post about the geometry behind the code of a recent demo just went live.

❇️ https://ko-fi.com/post/Pricing-cards--the-geometry-behind-I3I81TA80O

❇️ https://www.patreon.com/posts/pricing-cards-149528285

#Maths #geometry #CSS