本文转载自公众号《读书芯》（ID：AI_Discovery）。要掌握编程，大量的练习是必不可少的。您必须编写尽可能多的代码才能精通它。有些人在这方面很有天赋，但即使是天才也需要练习。事不宜迟，以下是今天的编码思路，使用您喜欢的任何工具或编程语言。把每一点作为灵感的源泉，选择自己感兴趣的开始尝试吧！1.动画轨道和移动的汽车这是一条轨道，两辆汽车绕着它跑，它是用HTML、CSS创建的，从SVG构建。“CS)Scalextric”-由杰伊制作。通过构建动画电路，您将学会：循环-因为您需要重新计算大量图形。超文本标记语言(HTML)、层叠样式表(CSS)、JavaScript。使用SVG、CSS动画以及两者的组合。2.可点击的法语卡片这些可点击的法语卡片有两种状态：隐藏和可见。每次隐藏卡片时，它都会生成一个随机的新值。“CSSRandomCards”——作者：Adir通过构建可点击的卡片，你将学习：事件监听器——每当你点击一张卡片时，相应的命令就会运行。您需要使用JavaScript或层叠样式表(CSS)链接卡片。超文本标记语言(HTML)、层叠样式表(CSS)、JavaScript。跟踪每张卡片的状态并为卡片生成一个新值。3.滚动邮件当你向下滚动时，邮件将被关闭；向上滚动时，邮件将再次打开。“滚动字母”-作者AaronIker通过构建滚动浏览电子邮件的动画，您将学习：使用鼠标滚轮事件侦听器。每当用户滚动鼠标时，字母就会折叠，反之亦然。如何在用户滚动页面时迭代循环并重新计算图形。让应用程序在较小的屏幕（例如手机或平板电脑）上运行。4.自定义单选按钮这些是漂亮的自定义单选按钮！“自定义单选按钮”-作者Metty通过构建自定义单选按钮，您将学习：)和层叠样式表(CSS)。编码语义正确的HTML表单。使用表单并创建自定义输入和单选按钮。5.QuickchatCloneQuickchat是一个深色主题和干净外观的聊天室。有没有想过如何建立聊天室？这是你的机会！链接：https://codepen.io/aybukeceylan/pen/jOMazYe通过构建QuickchatClone，您将学习：简单而现代的UI设计原则。编写高质量的超文本标记语言(HTML)和层叠样式表(CSS)。6.HSL滑块HSL滑块是一个可以左右拖动的滑块，它会根据切换键的位置改变颜色。您需要注意如何启用渐变和更改颜色深度。链接：https://codepen.io/jh3y/pen/gOwegKr通过构建一个HSL滑块，您将了解到：当用户拖动滑块时，重新计算图形和颜色。但不要忘记使用渐变和颜色深度控制器。使用颜色模式(HSL)、加法模式(RGB)、十六进制颜色代码。希望这些想法能激发您的编码想象力！
