和微信扣扣的红包一样，不过重点放在了拆红包，摇红包上

使每个人，项目和设计过程都可以免费使用环境设计知识和工具。 瓢虫工具是支持环境设计和教育的免费计算机应用程序的集合。 在所有可用的环境设计软件包中，Ladybug Tools是将3D计算机辅助设计（CAD）接口连接到大量经过验证的仿真引擎的最全面的工具。 已验证 Ladybug Tools建立在几个经过验证的仿真引擎之上：Radiance，EnergyPlus / OpenStudio，Therm / Window和OpenFOAM。 免费+开源 瓢虫工具是唯一将所有底层开源引擎结合在一起的开源界面。 像这些引擎一样，它是通过开放的专家社区的共识而演变的。 社区支持 瓢虫工具得到了来自世界各地的热情和多样化社区的支持。 访问我们的在线论坛，查看影响我们未来发展的讨论。 100K +下载 Ladybug Tools已下载超过100,000次，是Grasshopper的第三大最受欢迎插件。

html中实现旋转，拖拽进行旋转旋钮。旋转效果用颜色表示

用JQuery写的拖动元素进行排序的方法，包含拖动排序、拖动移除、拖动添加。 代码完整可用。没有用到第三方插件，自主可控。 原理是用CSS中position定位来跟踪鼠标移动，就是让元素跟踪鼠标位置，然后判断其在页面显示元素列表中的像素位置，从而判断其在数据列表中的位置。 可以看到文章链接https://blog.csdn.net/qq_33427869/article/details/124058072?spm=1001.2014.3001.5502

CSS生成的族谱树结构:演示：纯CSS打造的Family tree（族谱）

Web(Html)转485通讯系统； Web 转 485 系统；最终目的为简易实现，即便没有手机 APP 的情况下，通过手机访问 Web 客户端对设备硬件进行简短指令控制； 这样即便不会编写 APP 的用户，使用 Html 语言编写的 WEB 客户端也可以与硬件设备建立通讯 如果你有一定的 Html 开发经验也可以以此二次开发自己的 Web 客户端， 降低 APP 开发 难度和成本 支持： Web 转串口（485 通讯）或 Web 转 TCP（2 路）

Online-Exam-System:采用SpringBoot构建的在线考试系统，包括老师端和学生端。老师端有上传译文，老师出试卷功能；学生端有在线评分以及考试功能，并且学生答完题后可以实时看到自己的成绩（评分都是系统自己评的）

附目录： 页面 文件结构 语言字符集信息 背景色彩和文字色彩 页面空白 链接 开新窗口 标尺线 字体 标题 字号 物理字体 逻辑字体 颜色 客户端字体 字符实体 文字布局 行的控制 文字的对齐 文字的分区 列表 定制列表元素 预格式化文本 空白 多列文本 图象 基本语法 和文字的对齐 在页面中的对齐/布局 边框 客户端图象映射图 表单 基本语法 文字和密码 复选和单选 图象坐标 隐藏表单的元素 列表框 文本区域 表格 基本语法 跨多行、多列的表元 尺寸设置 文字的对齐/布局 在页面中的对齐/布局 标题 表格进阶 色彩 分组显示 边框 分隔线 多窗口页面 基本语法 尺寸设置 窗口间相互操作 外观 浮动窗口 会移动的文字 基本语法 移动属性的设置 外观设置 多媒体页面 嵌入多媒体文本 背景音乐 视频剪辑

Jquery实现的阅读全文(readmore.js)效果，简单高效。效果感觉还可以，有需要的可以下载。

HTML_CSS_JS代码格式化工具大全(HTML版)