A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

#html gurus! Do you know how html can access specific elements of a #spreadsheet file please? Ideally #ods for interoperability, but #xls if I must. Thankyou

#webdev #help

Disappointed that I’ve recently replaced a couple #apps with their web versions and preferred the experience. Glad I went in on #webdev and not #appdev

Bạn đang mệt mỏi khi đưa website tĩnh lên mạng? Launchpd.cloud cho phép tạo URL trong dưới 30 giây, triển khai 1‑click, không cần cấu hình, bảo mật tĩnh, tự xoá sau thời gian, lưu lịch sử phiên bản. Giảm thời gian deploy từ 95 % → 5 %. Phù hợp cho demo, prototype, portfolio. #StaticSite #DeploySimple #Launchpd #WebDev #TrìnhĐăngWeb #CôngCụMới

https://www.reddit.com/r/SaaS/comments/1qt1r3o/from_it_should_be_simple_to_it_is_simple/

<sub>

Specifies inline text which should be displayed as subscript for solely typographical reasons.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sub

#HTML #WebDev #DailyHTML

#Development #Fun
CSS optical illusions · A showcase of visual puzzles in pure CSS https://ilo.im/16a62b

_____
#Perception #Illusions #Visuals #Design #WebDesign #WebDev #Frontend #CSS #Collections

Today I've just used `--anchor-scope` as part of the CSS Anchor Positioning API for the first time...

Five stars, would use again!

Thanks #CSSWG!

#webDev #CSS #AnchorPositioning

Tạo ứng dụng web không code để theo dõi stats & bảng xếp hạng nhóm thể thao! 🏸 @app dùng Google Anti-Gravity xây dựng chức năng CRUD phức tạp (Người chơi → Nhóm → Trận → Stats). Hỗ trợ bảng xếp hạng tức thời, chia sẻ stats, mời thành viên qua Google Login. Xây dựng với Next.js, Vercel, Turso. Hiện có lỗi & sẽ thêm tính năng thanh toán nếu được ủng hộ. Feedback welcome!

#NoCode #GiaiTri #ThểThao #Tech #ỨngDụng #WebDev #JavaScript

https://www.reddit.com/r/SideProject/comments/1qsy47v/i_made_a

Needle Inspector has now climbed up to 8K users (up from 3K around a week ago). Very happy about that and positive reviews!

If anyone reading this has any feedback please let us know!

https://chromewebstore.google.com/detail/needle-inspector-%E2%80%94-devtoo/jonplpbnhmanoekkgcepnedhghflblmo

#threejs #webdev #devtools #webgl

Web development term of the day:

→ Template processor

https://webglossary.info/terms/template-processor/

#webdev #webdevglossary

Giao diện mới cho Hacker News: Hakkernieuws

Một nhà phát triển vừa ra mắt Hakkernieuws, bản fork hiện đại hóa giao diện cũ kỹ của Hacker News.

Điểm nổi bật:
- Tốc độ cực nhanh, tối ưu hóa tốt.
- Chế độ Dark Mode hiện đại.
- Hỗ trợ Favicon giúp quét tin tức nhanh hơn.
- Không quảng cáo, không theo dõi, hoàn toàn miễn phí.
- UI/UX được làm mới hoàn toàn so với bản gốc năm 2007.

Một lựa chọn tuyệt vời cho những ai yêu thích nội dung HN nhưng muốn trải nghiệm mượt mà hơn.

#HackerNews #WebDev #UI

#Design #Demos
Morphing icons · Any icon can morph into any other https://ilo.im/16aaiy

_____
#Icons #IconDesign #Animations #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

🦖 <percentage>
✅ Widely available (from Jul 2015)

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/percentage

The <percentage> CSS data type represents a percentage value. It is often used to define a size as relative to an element's parent object. Numerous properties can use percentages, such as width, height, margin, padding, and font-size.

#webdev #CSS

<figure>

Represents self-contained content, potentially with an optional caption.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figure

#HTML #WebDev #DailyHTML

I’m building ElseWhere, a community-driven map where people pin places, moods, and music.

No ads. No algorithm. Just wandering.

Recent updates: night mode, filters, multi-image uploads, and Spotify embeds.

🔗 https://www.else-where.app

☕ Ko-fi if it resonates with y'all!

#SmallWeb #IndieWeb #BuildInPublic #CreativeCoding #ExperimentalWeb #DigitalArt #LiminalSpaces #WebDev
#InternetCulture

"Next.js + shadcn template với nhiều themes, dành cho dự án nhỏ gọn. Tác giả kêu gọi góp ý từ cộng đồng. #Nextjs #shadcn #webdev #tiềnđềweb #lậptrình"

https://www.reddit.com/r/SideProject/comments/1qspim4/built_a_nextjs_shadcn_starter_with_multiple_themes/

Tạo công cụ mã nguồn mở giúp kể chuyện cuộc đời qua từng năm bằng "time capsule" nhúng được. Dùng để chia sẻ khoảnh khắc cá nhân, dự án hay hành trình sáng tạo qua URL ngắn. Nhẹ, dễ tích hợp vào website. Phù hợp cho ai muốn kể chuyện theo dòng thời gian một cách trực quan.
#SideProject #OpenSource #LifeStory #TimeCapsule #WebDev #CôngCụMãNguồnMở #KểChuyệnTheoThờiGian

https://www.reddit.com/r/SideProject/comments/1qsmnu9/i_built_an_opensource_embeddable_tool_to_tell/

Got around to uploading my 2nd class on #Django web dev fundamentals --

https://northtube.ca/w/tsgFMfZeYvSEb49KEEYuGi

Recorded this a while ago, but I'm transferring all my old YouTube content -> PeerTube - Slowly but Surely

#peertube #teaching #webdev #python

Tweak.
Save.
View.
Repeat.
👀 👀 👀 👀

#webdev #rsi #coffee #today #flow

I got a lot of great ideas yesterday for next year's intro CS class.

Now, I'm on to infrastructure. Last year we started with the VS Code web app and then moved to the Linux container.

This year, I would _love_ a self-hosted editor/hosting platform that lets students log into their accounts, edit, and publish static sites. I'm going to play with Dokku, but does anyone know of something similar I should look at?

https://github.com/dokku/dokku

#askfedi #webdev