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.pswp.cn/news/395218.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/395218.shtml
英文地址,請注明出處:http://en.pswp.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…