當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

網(wǎng)站設(shè)計(jì)必需要的極客Web前端開(kāi)發(fā)資源匯總

 2022-04-08 15:11  來(lái)源: 極客資源薈萃周刊   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

本周我們帶來(lái)的前端推薦包含當(dāng)前熱門的bootstrap,html5,css3等技術(shù)內(nèi)容和新聞話題,如果你還想近一步學(xué)習(xí)如何開(kāi)發(fā),還可以關(guān)注我們的極客課程庫(kù),里面涵蓋了現(xiàn)代開(kāi)發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。希望對(duì)大家有所幫助!原文來(lái)自:極客標(biāo)簽

移動(dòng)設(shè)備表單輸入設(shè)計(jì)體驗(yàn) - leader.js

為了幫助降低移動(dòng)或者手機(jī)端輸入的操作復(fù)雜度,leader.js提供了一個(gè)相對(duì)更簡(jiǎn)單的輸入體驗(yàn),你只需要輸入表單內(nèi)容回車即可完成輸入,非常方便。

Javascript游戲,街頭霸王

有沒(méi)有讓你想起點(diǎn)什么?我想到的是院子里的大槐樹(shù),一臺(tái)小霸王游戲機(jī)和一位兒時(shí)的伙伴。

CSS Guidelines (2.1.3) – 書寫高效,可維護(hù)可升級(jí)的CSS用戶指導(dǎo)手冊(cè)

可擴(kuò)展可管理的高級(jí)高效咨詢的用戶指導(dǎo)手冊(cè)。

NodeBB,一個(gè)基于nodejs的響應(yīng)式論壇

喜歡方便的同學(xué)請(qǐng)繞道去discuz,好吧我是nodejs的重視患者,首先你要有自己的vps或則云空間,比如9cloud,我今天用的是阿里云的VPS。

代碼錄播:創(chuàng)建自定義的HTML5輸入框出錯(cuò)信息

這個(gè)代碼將介紹如何使用javascript來(lái)修改HTML5中輸入框缺省的驗(yàn)證錯(cuò)誤信息,幫助你更好的開(kāi)發(fā)表單驗(yàn)證效果。

免費(fèi)電子書:The Guide to Minimum Viable Products

來(lái)自u(píng)xPin的免費(fèi)電子書。

5個(gè)你應(yīng)該知道的建站平臺(tái)

如今在網(wǎng)絡(luò)上有很多優(yōu)秀的網(wǎng)站構(gòu)建平臺(tái)。根據(jù)你的需求,它們會(huì)提供不同的功能。然而,對(duì)于一個(gè)網(wǎng)站構(gòu)建工具最重要的就是簡(jiǎn)單和友好。通過(guò)這些平臺(tái),開(kāi)發(fā)者可以省去開(kāi)發(fā)中的不少環(huán)節(jié)。在本篇文章中,我們會(huì)介紹5款非??岬木W(wǎng)站創(chuàng)建平臺(tái)。

如何為Android上的產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)

如 果你已經(jīng)完成了你的app,你一定會(huì)馬上向其它人宣布這件事情。但是你需要注意一個(gè)很重要的問(wèn)題,那就是app的圖標(biāo)。你的圖標(biāo)可能在項(xiàng)目啟動(dòng)之 前就已 經(jīng)設(shè)計(jì)好了,但我不喜歡這樣,如果app沒(méi)有完成實(shí)際上圖標(biāo)也沒(méi)什么用了。如果你不是一個(gè)設(shè)計(jì)師,圖標(biāo)的確是很讓人頭疼的事情。但總有一些方式可以讓工程 師們也能獨(dú)立的設(shè)計(jì)出不錯(cuò)的圖標(biāo)。我們以Andriod應(yīng)用為例,現(xiàn)在就來(lái)為你的產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)。

放棄使用jQuery實(shí)現(xiàn)動(dòng)畫

在 Web開(kāi)發(fā)的圈子里,開(kāi)發(fā)者常常認(rèn)為CSS動(dòng)畫是一種高性能web動(dòng)畫技術(shù),如果想讓網(wǎng)頁(yè)加載的更快一些,就應(yīng)該用純CSS動(dòng)畫。其實(shí)這種觀點(diǎn)是錯(cuò) 誤 的,很多開(kāi)發(fā)者早就放棄了javascript的動(dòng)畫,迫使自己使用復(fù)雜的CSS樣式來(lái)實(shí)現(xiàn)相同效果的UI交互。他們完全忽視了javascript 帶來(lái) 的更好的交互性。

經(jīng)典,HTML5游戲,超級(jí)瑪麗

這是一款使用HTML5開(kāi)發(fā)的超級(jí)瑪麗,有沒(méi)有點(diǎn)兒時(shí)的記憶?長(zhǎng)按向上鍵,可以跳的更高哦。如果你也喜歡可以當(dāng)成休閑游戲,如果你是開(kāi)發(fā)者,不防下載下來(lái)看看是如何生成的。

代碼錄播:CSS動(dòng)畫實(shí)現(xiàn)一個(gè)我最“搖擺”的動(dòng)畫效果

使用CSS3的keyframe來(lái)動(dòng)畫旋轉(zhuǎn)效果,生成頁(yè)面元素左右微微搖擺的嘚瑟效果。用到你的頁(yè)面做裝飾,相信一定蠻有趣的!

免費(fèi)圖標(biāo):30款彩色圓角圖標(biāo)設(shè)計(jì)

30款扁平化設(shè)計(jì)的彩色圓角圖標(biāo)免費(fèi)下載。

通過(guò)HTML5 Visibility API檢測(cè)頁(yè)面活動(dòng)狀態(tài)

幾年前,我們?yōu)g覽網(wǎng)頁(yè)的時(shí)候是沒(méi)有選項(xiàng)卡瀏覽模式的,每一個(gè)網(wǎng)頁(yè)都會(huì)是一個(gè)瀏覽器窗口,如果我沒(méi)有記錯(cuò),Win7之前我們都是這樣瀏覽網(wǎng)頁(yè)的。作為一個(gè)程序員,我們經(jīng)常會(huì)同時(shí)打開(kāi)10-15個(gè)網(wǎng)頁(yè),多的時(shí)候超過(guò)20個(gè)也不足為奇。

Bootstrap3實(shí)現(xiàn)的響應(yīng)式幻燈滑動(dòng)效果個(gè)人作品集/博客網(wǎng)站模板

相關(guān)的開(kāi)發(fā)和使用說(shuō)明,請(qǐng)參考如下課程:Bootstrap3開(kāi)發(fā)滑動(dòng)風(fēng)格的博客網(wǎng)站模板

無(wú)需編碼開(kāi)發(fā)快速設(shè)計(jì)互動(dòng)式UI - uilang

uilang是一個(gè)非常小巧的ui類庫(kù),可以幫助不熟悉前端代碼的web設(shè)計(jì)人員快速的開(kāi)發(fā)互動(dòng)式UI。你只需要使用“語(yǔ)義式”的說(shuō)明來(lái)控制元素的動(dòng)態(tài)效果。

代碼錄播:純CSS3生成的走馬燈效果

使用CSS3 keyframe生成的走馬燈效果。

HTML5游戲,五子棋

無(wú)需找人對(duì)戰(zhàn),看看是不是能先贏過(guò)電腦吧。

React JS 和 FLUX

我不準(zhǔn)備在這里詳細(xì)地講解Flux,它已經(jīng)是眾所周知的了,很多人應(yīng)該有都看過(guò)Facebook的Flux網(wǎng)站。在這里,我想說(shuō)的是你為什么應(yīng)該考慮用flux架構(gòu)和React js配合作為你構(gòu)建接口和處理交互的工具。

HTML5游戲開(kāi)發(fā)引擎Pixi.js新手入門講解

這篇文章中,介紹HTML5游戲引擎pixi.js的基本使用。

滾動(dòng)觸發(fā)的翻轉(zhuǎn)式文字引用效果

滾動(dòng)頁(yè)面,可以看到翻轉(zhuǎn)式的文字引用效果。

極客標(biāo)簽現(xiàn)推出#GB課程庫(kù)#,這是一個(gè)涵蓋了當(dāng)前最流行的HTML5、CSS3、javascript、bootstrap等現(xiàn)代開(kāi)發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。邀請(qǐng)大家前來(lái)使用,它絕對(duì)讓你花最少的錢和時(shí)間,帶給你最有收獲的價(jià)值體驗(yàn)!本周推薦已完成,期待您們的光臨!

如果你也想?yún)⑴c文章投遞

點(diǎn)擊發(fā)布按鈕發(fā)布文章或者其它類型內(nèi)容,保存時(shí)務(wù)必添加“Web開(kāi)發(fā)資源大薈萃”標(biāo)簽即可申請(qǐng)發(fā)布。

via 極客資源薈萃周刊

以上就是整理互聯(lián)網(wǎng)內(nèi)容給大家?guī)?lái)的分析介紹,如果大家想了解更多相關(guān)內(nèi)容,請(qǐng)持續(xù)關(guān)注本站,本站小編將在第一時(shí)間為大家?guī)?lái)更好的經(jīng)典內(nèi)容。更多精彩內(nèi)容,盡在jb51網(wǎng)站運(yùn)營(yíng)欄目!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦