Bali BaloCSS天才

Today Bali Balo, a French designer and developer, published a new piece: a cube suspended in darkness that rotates on its own. As it does, it reveals different sides, each offering a glimpse into a different world:

今天,法国设计师兼开发商Bali Balo 发表了一篇新文章 :一个悬浮在黑暗中的立方体可以自行旋转。 通过这样做,它揭示了不同的方面,每个方面都可以让您瞥见一个不同的世界:

  • a game of 3D pong

    3D乒乓球游戏
  • nested 3D shapes that slide around as the cube tilts

    嵌套的3D形状随着立方体的倾斜而滑动
  • a field of stars whizzing past as if traveling at near light speed

    一团恒星wh绕而过,仿佛以近光速行进
  • a surreal humanoid figure that seems to tumble forever through space

    一个超现实的类人生物,似乎永远在太空中翻滚

Bali Balo is famous on CodePen not only for these explorations of geometry, but also for building a pure-CSS Minesweeper game.

Bali Balo在CodePen上不仅以对几何的探索而闻名 ,而且还因为构建纯CSS的Minesweeper游戏而闻名。

That’s right — a fully functioning Minesweeper game — just like the one that has come pre-installed on Windows for decades.

没错-一款功能全面的《扫雷》游戏-就像几十年来预先安装在Windows上的游戏一样。

You can play it here and see that it is indeed running without the use of JavaScript.

您可以在此处播放它,并看到它确实在不使用JavaScript的情况下正在运行。

And if you have time, I encourage you to read Preethi Kasireddy’s excellent interview with Chris Coyier, who helped create the CodePen platform itself: (17 minute read)

如果您有时间,我鼓励您阅读Preethi Kasireddy对Chris Coyier的精彩采访,后者帮助创建了CodePen平台本身:( 阅读了17分钟 )

  1. A guide that the 500+ engineers at Asian ride-sharing startup Grab use to keep up with changes in front end development (22 minute read)

    亚洲拼车初创公司Grab的500多名工程师使用的指南,以跟上前端开发的变化( 阅读22分钟 )

  2. Token Network Effects: a new business model for a decentralized web (6 minute read)

    令牌网络效应:去中心化网络的新业务模型( 阅读6分钟 )

  3. Yes — some Coursera courses are still free. You just need to know how to access them. Here’s how. (6 minute read)

    是的-一些Coursera课程仍然免费。 您只需要知道如何访问它们。 这是如何做。 ( 阅读6分钟 )

想到的一天: (Thought of the day:)

“I’ve been fairly successful at what I call ‘Tom Sawyering’; it’s the idea that if you want to get your fence painted, you trade something of value with the people with whom you work. You have to be committed to their success as well as your own.” — Chuck Thacker
“我在所谓的“汤姆·索亚林”上相当成功; 这是一个想法,如果您想粉刷一下围栏,便会与与之共事的人交换一些有价值的东西。 您必须致力于他们的成功以及自己的成功。” - Chuck Thacker

Chuck Thacker — who helped create technologies like the mouse, laser printer, and ethernet — died this week. The ACM published this obituary for him: (6 minute read)

帮助创建鼠标,激光打印机和以太网等技术的Chuck Thacker于本周去世。 ACM为他发表了这则ob告:( 阅读了6分钟 )

当天图片: (Image of the day:)

“The Horrible CERN Girls” was the first image ever published on the World Wide Web. The photo shows a pop quartet comprised entirely of CERN employees.

“可怕的欧洲核子研究中心女孩”是有史以来在互联网上发布的第一张图像。 图为一个完全由CERN员工组成的流行四重奏。

You can read about the history of images on the web, and how they were originally proposed, here: (4 minute read)

您可以在此处了解有关网络上图像的历史记录以及最初提出这些图像的方式( 阅读4分钟 )

当天的研究小组: (Study group of the day:)

freeCodeCamp Bridgend, UK

freeCodeCamp布里真德(英国)

Happy coding!

编码愉快!

– Quincy Larson, teacher at freeCodeCamp

– Quincy Larson, freeCodeCamp的老师

If you get value out of these emails, please consider supporting our nonprofit.

如果您从这些电子邮件中获得了价值,请考虑支持我们的公益组织 。

翻译自: https://www.freecodecamp.org/news/the-css-genius-of-bali-balo-30abd36a3d22/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/395218.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

luogu P2470 [SCOI2007]压缩

传送门 dalao们怎么状态都设的两维以上啊?qwq 完全可以一维状态的说 设\(f[i]\)为前缀i的答案,转移就枚举从前面哪里转移过来\(f[i]min(f[j-1]w(j,i))(j\in [1,i])\) 现在要知道\(w(i,j)\)怎么写,也就是区间\([i,j]\)的最小长度(要求区间最多只能在开头有一个W),首先不压缩的长…

服务器选择重装系统,云服务器重装系统选择

云服务器重装系统选择 内容精选换一换将外部镜像文件注册成云平台的私有镜像后,您可以使用该镜像创建新的云服务器,或对已有云服务器的系统进行重装和更换。本节介绍使用镜像创建云服务器的操作。您可以按照通过镜像创建云服务器中的操作指导创建弹性云服…

T-Mobile美国加速开展5G实验:28GHz频段成为新宠

据日经社报道,T-Mobile美国公司正在加速开展5G相关工作,在过去的一个月中动作频频。 T-Mobile美国与三星电子美国公司上月初共同宣布,将在今年下半年使用28GHz频段和配备三星的波束成形技术的5G验证实验系统,开展室外5G移动通信的…

软件项目可行性分析定义_如何定义最低可行产品

软件项目可行性分析定义by George Krasadakis通过乔治克拉萨达基斯(George Krasadakis) 如何定义最低可行产品 (How to define a Minimum Viable Product) 从概念转变为正确定义的MVP (Moving from a concept to a properly defined MVP) The Minimum Viable Product, althoug…

JavaSE第十五天20160823

线程 一、JAVA中创建线程的两种方法: 1.继承java.lang.Thread类。 2.实现java.lang.Runnable接口。 3.在JAVA中Thread类实现了Runnable接口,并且Thread类中定义了许多与线程相关的属性与方法。 二、run():线程体,线程将要执行的代码。 三、线…

dao层mysql复合语句_在业务中是使用多个Dao组合好,还是一个链接查询好?

问题描述假如目前有一个查询用户详情的接口用户基础表关联了很多用户其他信息的表,现在要把所有查询出来,是使用多个dao在service中组合,还是直接链接查询好示例代码用户表(user_base)用户信息表1(user_info_1)用户信息表2(user_info_2)用户信…

九阴真经战无不胜服务器位置,九阴真经各门派武功风水宝地分类及坐标大全

寻得一处风水宝地可以养神还可以修炼武功,九阴真经中的各大门派和全部武功适合修炼的宝地都在哪里呢?都分为哪几类,具体坐标是什么?1、风水宝地作用:九阴真经风水宝地共分山、水、洞、林、雪、市六种,分别对…

Gartner Q2服务器市场报告5大要点

服务器场景调查 根据市场研究公司Gartner的调查报告,第二季度Dell的服务器市场取得了丰富的成果,HPE的市场份额比去年同期略有下降,但仍保留了其全球服务器市场第一的位置。 Gartner表示,全球服务器销售收入在第二季度与去年同期相…

MySQL实战面试题_Mysql实战面试题

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼一、索引B Tree 原理1. 数据结构B Tree 指的是 Balance Tree,也就是平衡树。平衡树是一颗查找树,并且所有叶子节点位于同一层。B Tree 是基于 B Tree 和叶子节点顺序访问指针进行实现,它具有 B T…

Redux有何优点?

by Justin Falcone贾斯汀法尔科内(Justin Falcone) Redux有何优点? (What’s So Great About Redux?) Redux elegantly handles complex state interactions that are hard to express with React’s component state. It is essentially a message-passing syste…

python基础——使用模块

python基础——使用模块 Python本身就内置了很多非常有用的模块,只要安装完毕,这些模块就可以立刻使用。 我们以内建的sys模块为例,编写一个hello的模块: #!/usr/bin/env python3 # -*- coding: utf-8 -*- a test module __author…

力扣——键盘行

给定一个单词列表,只返回可以使用在键盘同一行的字母打印出来的单词。键盘如下图所示。 示例: 输入: ["Hello", "Alaska", "Dad", "Peace"] 输出: ["Alaska", "Dad"]注意: 你可…

网络空间技术实验室:打造信息安全技术培育平台

从PC互联网到移动互联网,音视频、图片越来越成为大众关注的热点。过去,人们习惯于在网络浏览文字新闻;今天,人们对于视频新闻、图片新闻的接受度更高。 网络的发展无疑给人们带来了便利。但同时,一个不可否认的事实是&…

如何对mysql做物理备份_如何创建物理MySQL备份

前提条件在开始之前,确保你有一个有sudo权限的用户和一个MySQL数据库服务器。查找数据目录使用root密码登录到MySQL服务器。$ sudo mysql -u root -p下面的SQL显示MySQL实例的数据目录。mysql> select datadir;输出类似于-----------------| datadir |----------…

freecodecamp_1000天的freeCodeCamp

freecodecampToday, the freeCodeCamp community turns 1,000 days old. We’ve accomplished a lot together in that time:今天,freeCodeCamp社区已经有1000天的历史了。 到那时我们已经共同完成了很多工作: 6,000 campers have gotten their first d…

如何正确遍历删除List中的元素,你会吗?

遍历删除List中的元素有很多种方法,当运用不当的时候就会产生问题。下面主要看看以下几种遍历删除List中元素的形式: 1.通过增强的for循环删除符合条件的多个元素 2.通过增强的for循环删除符合条件的一个元素 3.通过普通的for删除删除符合条件的多个元素…

Jmeter 通过json Extracted 来获取 指定的值的id

在没有 精确或模糊查询的接口时可以使用jmeter 获取指定的值的ID import java.lang.String ; String getTargetName"iphone632g"; //判读相应结果中是否包含指定值:iphone632g boolean containsCategoryprev.getResponseDataAsString().contains(getTarge…

mysql 结果保存到文件_将MySQL中sql运行结果保存到文件

将MySQL中sql运行结果保存到文件有两种方法。方法一:在mysql>提示符中使用teemysql> tee output.txtLogging to file output.txtmysql> noteeOutfile disabled.或者mysql> \T output.txtLogging to file output.txtmysql> \tOutfile disabled.这个类…

获取电脑和操作系统信息-uname

用法:uname [选项]...输出一组系统信息。如果不跟随选项,则视为只附加-s 选项。-a, --all 以如下次序输出所有信息。其中若-p 和-i 的探测结果不可知则被省略:-s, --kernel-name 输出内核名称-n, --nodename 输出网络节点…

MobileSpace-关于我的激情的故事

by Monte Thakkar通过Monte Thakkar MobileSpace-关于我的激情的故事 (MobileSpace — A story about my passions) 我发现,学习和教授iOS开发的旅程 (My journey to discovering, learning, and teaching iOS development) “Let this be the first thing you hea…