11 个提升网页设计和前端开发技能的趣味游戏，附源码地址

准备好训练你的色彩辨识和感知技巧了吗？那么，快来试试在线交互游戏 Color 吧。在这款游戏中，你需要快速完成常见的配色测试，例如色调、饱和度、互补色、三色、四色等模式测试。分值越能达到「Perfect」，你的颜色感知能力也就越出众哦。

对于设计师来说，提升西文字体造型能力网页自动切换成游戏网页了，能帮助你更深刻的理解字体设计与排版。Shape Type 这款游戏基于钢笔工具，你需要拖动滑竿使字体边缘达到平滑与饱满的状态。在练习的过程中，你可以了解字体的起源，例如字体类型、字体设计师与年代等信息，还能够通过绘制比较加深对字体笔画、结构的认知。

掌握字符间距是印刷师和设计师必学的技能之一，Kern Type 是一款帮助你在线练习调整字符间距的游戏。你需要把字母移动到合适的位置，点击「Compare」即可了解正确的字符间距，并得到相应的分值。当你完成 10 个测试后，也会得到最终的测试总分。

上海网页设计代码游戏大全

这 15 款编程游戏，你玩过吗？

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。

当你打开CodeCombat网站，你不会觉得这是一个让你看不懂的代码学习网站，因为他的网站外观看起来就像是一个魔兽争霸风格的线上游戏，而且当你实际玩玩看，你会发现过程真的就是英雄要去打怪、寻宝与解谜，只是搭配了程序语言的学习。

有了这十五款编程游戏，谁都可以学编程！（建议收藏）

The Daily WTF ：类似BYOD(Bring Your Own Device)模式，不过这里是BYOD(Bring Your Own Code)程序员们编写他们自己的代码片段放在这里，用来解决一些比较困难的问题。

Human Resource Machine 是一款非常有意思的移动端游戏。这款游戏由粘粘世界（World of Goo）的设计者和制作小小炼狱（Little Inferno）的团队共同制作，游戏虽是走解谜路线，但玩法相当新颖：玩家将扮演一个从基层做起的员工，需要通过指令代码来编写一条条程序，完成每个阶段的任务，最终走上职场巅峰。

寓教于乐！11 个提升网页设计和前端开发技能的趣味游戏

如果你是前端萌新，正在学习 CSS 选择器相关知识，那么这款游戏一定适合你。通过这款游戏，你可以学习到各种 CSS 选择器的用法，例如 CSS 类选择器、子元素选择器、伪类选择器等。挑战 32 个关卡，帮助你更好的掌握 CSS 选择器。

还再利用枯燥的文档学习网格布局吗？不如尝试下 Grid Garden 在线游戏。在这款游戏中，你需要利用网格布局的相应属性，完成胡萝卜浇水的任务。游戏共 28 个关卡，你可以掌握网格布局属性的全部用法，帮助你入门网格布局。

如果你想提升 Flexbox 技能熟练度，可以尝试 Flexbox Defense 这款游戏。这是一款经典的塔防游戏，你必须使用 CSS 定位塔楼的位置，并抵御敌人的进攻。如果你通关了 Flexbox Froggy，再尝试下这款游戏，你的 Flex 布局技能势必能更上一层楼。

30 个纯 HTML5 实现的游戏

浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时，任何类型的游戏都需要Flash。但随着 HTML5 发展，HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏，它们可以在所有现代浏览器中运行，并且只使用web技术构建。

有了这15款编程游戏，谁都可以学编程！

Human Resource Machine 是一款非常有意思的移动端游戏。这款游戏由粘粘世界（World of Goo）的设计者和制作小小炼狱（Little Inferno）的团队共同制作，游戏虽是走解谜路线，但玩法相当新颖：玩家将扮演一个从基层做起的员工，需要通过指令代码来编写一条条程序，完成每个阶段的任务，最终走上职场巅峰。

玩游戏也能学编程：玩会这 15 款编程游戏，就算是入门了！

当你打开CodeCombat网站，你不会觉得这是一个让你看不懂的代码学习网站，因为他的网站外观看起来就像是一个魔兽争霸风格的线上游戏，而且当你实际玩玩看，你会发现过程真的就是英雄要去打怪、寻宝与解谜，只是搭配了程序语言的学习。

程序员最爱的8款代码游戏 边玩游戏边撸代码

这款游戏相信很多程序员都知道，同大家平常玩的，用鼠标、键盘简单操控的游戏不同，玩这款游戏时，参赛者要对机器人编程，委机器人设计智能，以便指挥他们。Robocode相当有趣，它属于竞赛性的编程。只要使用简单代码，你就可以创建机器人。这个机器人还配有火炮以及雷达，可以躲避对手以及攻击对手。通过这款游戏，你可以学习Java技术。

忙完了一天的工作后，程序员都想休息一下。休息的时候，玩游戏是最好的放松方式。如果有这么一款游戏，能在放松的同时巩固学到的代码、学到新代码中年人玩网页游戏好吗知乎，就再好不过了。W3Cschool精选8款热门游戏，赶紧来边玩游戏边撸代码吧!

HTML5代码做的中国象棋游戏，这个程序无人能敌

有很多人或许会说，我javascript都学完了，但是自己做案例还是不会，这就和数学公式一样，公式你都能倒背如流了，但是呢？你知道什么时候可以用到题里去吗？你知道这个题要用哪个公式吗？今天一位伙伴还对我说了这个问题，我反问，你有自己的项目吗？‘没有’。。。。

有了这十五款编程游戏，谁都可以学编程！

Human Resource Machine 是一款非常有意思的移动端游戏。这款游戏由粘粘世界（World of Goo）的设计者和制作小小炼狱（Little Inferno）的团队共同制作，游戏虽是走解谜路线，但玩法相当新颖：玩家将扮演一个从基层做起的员工，需要通过指令代码来编写一条条程序，完成每个阶段的任务，最终走上职场巅峰。

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。