赛车网投平台
  • 法语
  • 英语

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

  • 2019-08-31 21:06
  • admin
  • Views

  看待策画师来说,擢升西文字体例型技能,能帮帮你更长远的通晓字体策画与排版。Shape Type 这款游戏基于钢笔器材,你必要拖动滑竿使字体角落到达光滑与充满的形态。★◇▽▼•正在操演的流程中,你能够理解字体的泉源,•☆■▲比如字体类型、◆◁•字体策画师与年代等音讯,还不妨通过绘造比拟加深对字体笔画、布局的认知。

  这是一款检验你审美、洞察力的正在线网页游戏。你必要从两个 iOS 界面被选出更精确或适合的策画,网站除了告诉你选项的对错,还声援对照两者之间的区别。 跟着游戏难度的加多,界面的区别会越来越幼。检验你眼光和 iOS 界面敏锐度的时期到了,速速来挑拨吧。

  前端开辟流程中,会接触到各品种型的编码,理解 Hex(十六进造)编码是前端开辟者必要负责的常识之一。Hex Invaders 这款游戏则通过互动的式样,▼▼▽●▽●帮帮你直观的负责 Hex 编码。你必要按照页面上方闪现的 Hex 编码,采用精确的色彩来告终游戏。●跟着难度的加多,合卡冤家会越来越多,挑拨也变得加倍烧脑哦。

  自学网页策画与前端开辟的途径许多,有人可爱寓目视频课程研习,有人则民俗阅读竹素和作品负责相应的常识点。◆●△▼●

  Pixactly 是一个正在线测试像素尺寸的网站,通过互动体验帮帮你直观的理解像素的尺寸巨细。你必要按照像素的宽、高提示来绘造画框,并能实时获得反应。通过 5 项测试,不妨升高你对像素尺寸的把控技能。▲●…△

  按照动画演示,你必要操纵钢笔器材绘造图形。当然借使你忘掉了前面的程序,体例会有相应的提示。但跟着难度的加多,你就要连接之前学到的方式,独立绘造更丰富的图形了。

  这是一款相当笑趣的幼田鸡跳荷叶游戏,你能够边玩游戏边研习 Flex 构造的合连常识。你必要应用justify-content属性,帮帮田鸡跳到荷叶上。★▽…◇随后你必要服从游戏提示,告终其他属性的研习。▲★-●游戏共有 24 个合卡,☆△◆▲■将帮帮你更直观的负责 Flex 构造。

  负责字符间距是印刷师和策画师必学的才干之一,▲●Kern Type 是一款帮帮你正在线操演调剂字符间距的游戏。你必要把字母挪动到适应的地方,点击「Compare」即可理解精确的字符间距,并获得相应的分值。当你告终 10 个测试后,也会获得最终的测试总分。

  借使你思擢升 Flexbox 才干熟练度,能够实验 Flexbox Defense 这款游戏。这是一款经典的塔防游戏,你务必应用 CSS 定位塔楼的地方,并抵御冤家的打击。借使你通合了 Flexbox Froggy,再实验下这款游戏,你的 Flex 构造才干势必能更上一层楼。

  借使你是前端萌新,正正在研习 CSS 采用器合连常识,那么这款游戏必定适合你。•●通过这款游戏,你能够研习到种种 CSS 采用器的用法,比如 CSS 类采用器、子元素采用器、伪类采用器等。△挑拨 32 个合卡,帮帮你更好的负责 CSS 采用器。

  还再操纵没趣的文档研习网格构造吗?不如实验下 Grid Garden 正在线游戏。正在这款游戏中,你必要操纵网格构造的相应属性,告终胡萝卜浇水的义务。游戏共 28 个合卡,你能够负责网格构造属性的一共用法,帮帮你初学网格构造。

  正在应用 PS 的时期,未免会用到钢笔器材。看待刚接触 PS 的萌新友人来说,奈何速捷负责钢笔器材的应用式样呢?可以尝尝 The Bézier Game 这款游戏。

  预备好教练你的颜色辨识和感知技艺了吗?那么,★-●△▪️▲□△▽◇•■★▼速来尝尝正在线交互游戏 Color 吧。正在这款游戏中,你必要速捷告终常见的配色测试,比如色调、△▪️▲□△饱和度、互补色、三色、四色等形式测试。分值越能到达「Perfect」,你的色彩感知技能也就越轶群哦。◇▲=○▼=△▲

▼▲口▲=○▼

赛车网投平台