web-development

标签

Cards List
#web-development

Phoenix LiveView 1.2 发布

Hacker News Top · 2026-06-14 缓存

Phoenix LiveView 1.2 引入了共置 CSS,使用 @scope CSS 规则实现作用域样式,改进了 Elixir Web 应用中基于组件的样式设计。

0 人收藏 0 人点赞
#web-development

在氛围编码游戏时代,身为一名老派网络体育模拟游戏开发者

Hacker News Top · 2026-06-12 缓存

一位老派的基于网络的体育模拟游戏开发者反思了人工智能生成的‘氛围编码’游戏的兴起如何威胁到他的小众领域,并将现代人工智能辅助开发与过去的辛勤劳动进行对比。

0 人收藏 0 人点赞
#web-development

@heynavtoor: 有人克隆了Netflix。然后克隆了Spotify。然后克隆了Instagram。然后克隆了Airbnb。然后克隆了WhatsApp。然后克隆了…

X AI KOLs Timeline · 2026-06-12 缓存

Clone-Wars是一个GitHub仓库,包含超过100个流行应用(如Netflix、Spotify和Instagram)的开源克隆,提供免费源代码、在线演示和技术栈,供开发者学习。

0 人收藏 0 人点赞
#web-development

@SunNeverSetsX: 推荐所有搞网页开发的人都安装这个 skill 由 Google 的工程师 Addy Osmani 开发,主要用于: 网页性能优化 SEO 优化 全面审计与代码审查 Core Web Vitals 专项优化(LCP、INP、CLS) 无障碍…

X AI KOLs Timeline · 2026-06-12 缓存

A collection of agent skills by Google engineer Addy Osmani for web quality audits, performance optimization, SEO, accessibility, and Core Web Vitals, installable via npx add-skill.

0 人收藏 0 人点赞
#web-development

简单HTML的超凡有效性

Hacker News Top · 2026-06-11 缓存

一篇博文,论证了简单HTML对于普遍可访问性的持续重要性,并通过一位女性使用PSP浏览器访问政府服务的故事加以说明。

0 人收藏 0 人点赞
#web-development

@RoundtableSpace: 开发者使用Claude Mythos构建获奖动画网站,并发布免费12分钟教程演示…

X AI KOLs Timeline · 2026-06-10 缓存

一位开发者分享了免费12分钟教程,教你如何使用Claude Mythos构建获奖动画网站。

0 人收藏 0 人点赞
#web-development

Datastar 之道

Lobsters Hottest · 2026-06-10 缓存

一本指南,解释使用 Datastar 库构建 Web 应用程序的推荐实践('Datastar 方式'),强调后端驱动状态、SSE 流和 DOM 变形。

0 人收藏 0 人点赞
#web-development

构建以HTML为先的网站如何让用户数量一夜翻倍

Lobsters Hottest · 2026-06-10 缓存

一位开发者使用以HTML为先的方法(采用Astro框架)重建了一家公用事业公司的申请表,替换了先前失败的React应用。新网站易于访问,在不良网络连接下也能正常工作,并且在一天之内将用户提交量翻了一番,从而避免了潜在的罚款。

0 人收藏 0 人点赞
#web-development

Biff.core: 用于Clojure Web应用的系统组成

Hacker News Top · 2026-06-09 缓存

Biff.core是一个新库,为Biff项目提供系统组成和接口,允许将样板代码干净地提取到带有init函数的模块中。

0 人收藏 0 人点赞
#web-development

CSS:不可避免的坏部分

Lobsters Hottest · 2026-06-09 缓存

一位非Web开发者的个人博客文章讨论了CSS中不可避免的坏部分,包括布局难题、浏览器默认设置和过度使用包装器,同时强调了可处理简单任务的子集。

0 人收藏 0 人点赞
#web-development

@Saccc_c: 想让 AI 做出专业级动画,你得先学会怎么跟它描述 Linear 设计工程师 Emil Kowalski 整理了 90+ 个动画术语,涵盖弹性动画、交互反馈等 12 个分类。做网站、做视频动画都能用 http://animations.d…

X AI KOLs Following · 2026-06-09 缓存

Linear设计工程师Emil Kowalski整理了90多个动画术语,涵盖12个分类,旨在帮助用户更好地向AI描述动画效果。同时,作者使用Claude构建了一个双语预览站点,方便理解每个术语的实际效果。

0 人收藏 0 人点赞
#web-development

@seclink: 分享新文章 《基于 fastapi + SQLAlchemy ORM 的应用,有必要修改为基于 fastapi + sqlmodel 吗?》 https://juejin.cn/post/7648902852933304360…

X AI KOLs Following · 2026-06-09 缓存

该文章对比了FastAPI+SQLAlchemy与SQLModel的使用场景,分析了迁移的收益与成本,建议存量项目不必全量迁移。

0 人收藏 0 人点赞
#web-development

关于电子邮件地址我们常对自己撒的谎

Hacker News Top · 2026-06-08 缓存

一篇博客文章,揭露验证电子邮件地址时的常见误解,反对基于正则表达式的验证,提倡发送确认邮件等更简单的验证方法。

0 人收藏 0 人点赞
#web-development

@NikkiSiapno:开发者应知的 35 个系统设计概念:1. 事件驱动架构 ↳ https://lucode.co/event-driven-archite…

X AI KOLs Timeline · 2026-06-08 缓存

一篇 Twitter 帖子列举了 35 个开发者应知的系统设计核心概念,并附有详细解释的链接,旨在帮助开发者学习和复习关键主题。

0 人收藏 0 人点赞
#web-development

HTMX 太酷了,我自己写了一个

Lobsters Hottest · 2026-06-08 缓存

本文探讨了 HTMX 这个库,它偏爱服务器端渲染的 HTML,而非大量使用 JavaScript 的前端。作者发现 HTMX 对于持久化的 UI 组件很有用,但最终出于个人对最小依赖的偏好,决定自己实现一套解决方案。

0 人收藏 0 人点赞
#web-development

Navi+ Menu Builder

Product Hunt · 2026-06-05

Navi+ Menu Builder是一个无代码工具,允许在任何网站上添加标签栏、超级菜单等。

0 人收藏 0 人点赞
#web-development

Show HN: Nutrepedia – 使用Clojure和Htmx构建的覆盖29个地区的营养信息工具

Hacker News Top · 2026-06-03

Nutrepedia 是一个覆盖29个地区的营养信息工具,使用Clojure和Htmx构建。

0 人收藏 0 人点赞
#web-development

Agentic Mfw

Hacker News Top · 2026-06-03 缓存

一篇讽刺文章认为,干净、可维护的代码时代已经结束,取而代之的是由AI生成、臃肿的‘氛围编码’网站,这些网站以消耗token为商业模式,而作者出于挑衅,反讽地展示了一个干净的页面。

0 人收藏 0 人点赞
#web-development

CSS原生视差效果

Hacker News Top · 2026-06-02 缓存

使用滚动驱动动画时间线的CSS原生视差效果,提供了一个高性能且简单的工具类,无需JavaScript。

0 人收藏 0 人点赞
#web-development

@emilkowalski: 要想让AI生成好的动画,你需要善于描述你的需求:- "将列表中的项目错开" - "使…

X AI KOLs Following · 2026-06-01 缓存

Emil Kowalski 分享了一个动作词汇网站,帮助开发者和设计师在向AI描述动画时更精确。该词汇表涵盖了入场、出场、排序、变换、过渡和滚动触发的运动。

0 人收藏 0 人点赞
← Previous
Next →
← 返回首页

提交意见反馈