編者按:從明天起,做一個(gè)極客范的酷站。那些追波呈現(xiàn)給我的,我將用代碼告訴你們每個(gè)人。從明天起,和每一個(gè)時(shí)間通信,給每一分每一秒取個(gè)溫暖的顏色,那幸福的閃電告訴我的,我將告訴每個(gè)人:同學(xué),感受完別忘了回來轉(zhuǎn)發(fā)呀。 Give n Go 該網(wǎng)站專門分享CodePen上的JS/CSS/HTML/片段代碼,而這些代碼都是來自Dribbble的Gif動(dòng)效及漂亮的界面截圖,并用代碼呈現(xiàn)出來,實(shí)在驚人。
在Dribbble有很多可愛的GIF動(dòng)效和精美的界面設(shè)計(jì),可是很多我們沒法看到用代碼實(shí)現(xiàn)后的真實(shí)效果,或者不知道這些GIF和界面該如何實(shí)現(xiàn)。give ’n’ go 就是專門展示這類作品,很多看上去復(fù)雜的東東其實(shí)也可以用代碼實(shí)現(xiàn)出來的哦! 左圖為Dribbble的截圖,右圖為CodePen
What colour is it 這是一個(gè)有趣的實(shí)驗(yàn),這網(wǎng)站運(yùn)行原理簡(jiǎn)單,根據(jù)當(dāng)前時(shí)間來組成16進(jìn)制顏色值,同時(shí)網(wǎng)頁背景根據(jù)值的變化面實(shí)時(shí)變化,確實(shí)有點(diǎn)創(chuàng)新。
此外,一名Github用戶Jonic嘗試把它轉(zhuǎn)成OS X系統(tǒng)屏保,你可以下載使用,用多了說不定哪天你連16進(jìn)制對(duì)應(yīng)的顏色值都記得了!