Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
設(shè)計(jì)常用尺寸:750 x 1334 / 640 x 1134,包含了手機(jī)頂部信號(hào)欄的高度。
移動(dòng)端H5活動(dòng)頁(yè)面常常需要能夠分享到各種社交App中,常用的有 微信、QQ 等。
使用移動(dòng)設(shè)備查看頁(yè)面時(shí)會(huì)發(fā)現(xiàn),在微信瀏覽器中有頂部導(dǎo)航欄,在qq內(nèi)置瀏覽器里不止有 頂部導(dǎo)航,底部也有 操作欄(safari瀏覽器也一樣),這些都會(huì)占用設(shè)計(jì)稿顯示區(qū)域,因此在 設(shè)計(jì)環(huán)節(jié) 就需要考慮內(nèi)容的多少,頁(yè)面底部要 預(yù)留一定的空白,這樣在微信或qq中才不會(huì)被遮住(如果頁(yè)面已經(jīng)寫好了,就只能按照上面的尺寸進(jìn)行內(nèi)容的調(diào)整了,縮小元素間距,縮放圖片大小等)。
移動(dòng)端瀏覽器導(dǎo)航條寬度有限,簡(jiǎn)短的標(biāo)題可以使其展示完整。
二維碼圖片不要寫為元素背景,不然長(zhǎng)按沒(méi)有辦法觸發(fā)掃描功能。應(yīng)使用 img 標(biāo)簽引入。
有時(shí)候掃描二維碼之后,會(huì)跳轉(zhuǎn)至某個(gè)地址,不幸的話QQ或者微信會(huì)對(duì)這個(gè)地址進(jìn)行溫馨提醒,這樣會(huì)阻止部分用戶繼續(xù)訪問(wèn),從而無(wú)法很好的將用戶引導(dǎo)到活動(dòng)想要推廣的產(chǎn)品/品牌頁(yè)面,如 App 的下載頁(yè)面等。因此二維碼的掃描測(cè)試不能少(舉個(gè)例子,如果二維碼掃描結(jié)果是應(yīng)用的下載地址的話,可以使用應(yīng)用寶的微下載地址來(lái)生成二維碼,這是不會(huì)被“溫馨提醒”的。)。
如果打算先布局,后使用自動(dòng)化工具(如:gulp-sprite-generator2)將圖片拼起來(lái)(即通過(guò) css 生成精靈圖),減少請(qǐng)求數(shù),需要注意:在編寫 CSS 的時(shí)候,圖片寬高應(yīng)固定,圖片拼合后才能通過(guò)定位和顯示區(qū)域的寬高來(lái)展示圖片。建議先將圖片拼起來(lái)再布局,可以使用:gulp.spritesmith,一步獲取合并的精靈圖和對(duì)應(yīng)的 css 文件。
使用 CSS3 來(lái)制作動(dòng)畫效果的話,webkit 前綴一定記得加,要不然在某些手機(jī)下動(dòng)畫效果是沒(méi)有的(可以使用自動(dòng)化構(gòu)建工具完成)。
歡迎各位童鞋補(bǔ)充哦!
入2015年以來(lái),Adobe Flash Player的安全漏洞不斷出現(xiàn),這不僅讓用戶感到不安,也讓游戲業(yè)內(nèi)公司不得不尋找更多的替代方案。最近,歐美游戲直播平臺(tái)Twitch宣布,該公司旗下的玩家視頻將放棄Flash,轉(zhuǎn)而采用HTML 5。
在最近Twitch工程師發(fā)布到Reddit的一份聲明中,該公司表示,玩家們“在Flash里做所有事情”,把如此之大和多元化的用戶數(shù)據(jù)遷移到HTML 5并不是簡(jiǎn)單的工作。Twitch前兩天剛剛發(fā)布了使用HTML5 UI重新設(shè)計(jì)的視頻播放器,用于替代Flash視頻。
該公司在官網(wǎng)聲明中說(shuō),“發(fā)布HTLM5播放器是非常重要的一步,你將會(huì)在頻道頁(yè)面首先看到新的播放器。如此前所說(shuō),這是一個(gè)漸進(jìn)的過(guò)程,如果你不是首批被遷移數(shù)據(jù)的用戶,請(qǐng)耐心等待,我們會(huì)以穩(wěn)定的節(jié)奏發(fā)布重新設(shè)計(jì)過(guò)的播放器。”
目前,完整版的HTML5播放器還沒(méi)有給出固定發(fā)布日期,但出于安全考慮,Twitch也希望盡快推出,該公司的工程師表示,未經(jīng)優(yōu)化過(guò)的HTML5播放器‘占三分之一的CPU性能,而且比Flash播放器的內(nèi)存使用更少。’
Flash的性能占用一直是屢受批評(píng)的,比如已故的蘋果創(chuàng)始人史蒂夫?喬布斯以及很多業(yè)內(nèi)人士都對(duì)此提出了指責(zé)。不過(guò),2015對(duì)于Flash來(lái)說(shuō)尤為不幸,首先是Youtube決定把自定義視頻采用HTML5,而且該技術(shù)在過(guò)去幾年里已經(jīng)出現(xiàn)了比較明顯的進(jìn)步。本月初,Alex Stamos開始了他在Facebook首席安全官的任期,并且在Twitter上號(hào)召所有人拒絕使用Flash。
不過(guò),似乎Adobe公司對(duì)于Stamos的言論沒(méi)有表態(tài),但似乎這件事的后續(xù)影響并沒(méi)有那么大。據(jù)華爾街日?qǐng)?bào)透露,Adobe公司的收入只有不到5%來(lái)自Flash,而且該工具的Creative Cloud工具支持所有開放標(biāo)準(zhǔn)的技術(shù)。
當(dāng)然,(之前)Flash對(duì)于游戲開發(fā)者們來(lái)說(shuō)是非常重要的,只要有幾個(gè)小時(shí)時(shí)間上網(wǎng)的人都會(huì)同意,多年以來(lái),HTML5一直都在給網(wǎng)頁(yè)游戲研發(fā)帶來(lái)強(qiáng)大的沖擊,但至目前來(lái)看,仍然沒(méi)有充分挖掘該技術(shù)的潛力。
(來(lái)源:gamelook)
前市場(chǎng)上的HTML5培訓(xùn)機(jī)構(gòu)不斷的增加,讓想要學(xué)習(xí)HTML5開發(fā)技術(shù)的朋友在選擇HTML5培訓(xùn)機(jī)構(gòu)的時(shí)候不知如何選擇,今天小編就為大家簡(jiǎn)單分析一下2019年HTML5就業(yè)最大優(yōu)勢(shì)。
如今我們生活的世界,網(wǎng)頁(yè)是呈現(xiàn)給人們信息平臺(tái)的一個(gè)重要渠道。由此而來(lái),怎么樣把自己想要表達(dá)的信息很好地呈現(xiàn)在網(wǎng)頁(yè)當(dāng)中,就成為人們的一個(gè)研究課題——網(wǎng)頁(yè)設(shè)計(jì)與制作。制作網(wǎng)頁(yè)可采用可視化編輯軟件,但是無(wú)論采用哪一種網(wǎng)頁(yè)編輯軟件,最后都是將所設(shè)計(jì)的網(wǎng)頁(yè)轉(zhuǎn)化為HTML語(yǔ)言。
HTML5最大優(yōu)勢(shì)是語(yǔ)法結(jié)構(gòu)非常簡(jiǎn)單,它具有以下幾個(gè)特點(diǎn):
1、HTML5編寫簡(jiǎn)單。即使用戶沒(méi)有任何編程經(jīng)驗(yàn),也可以輕易使用HTML來(lái)設(shè)計(jì)網(wǎng)頁(yè),HTML5的使用只需將文本加上一些標(biāo)記(Tags)即可。
2、HTML標(biāo)記數(shù)目有限。在w3C所建議使用的HTML5規(guī)范中,所有控制標(biāo)記都是固定的且數(shù)目是有限的。固定是指控制標(biāo)記的名稱固定不變,且每個(gè)控制標(biāo)記都已被定義過(guò),其所提供的功能與相關(guān)屬性的設(shè)置都是固定的。由于HTML中只能引用Strict DTD、Transitional DTD或Frallleset DTD中的控制標(biāo)記,且HTML并不允許網(wǎng)頁(yè)設(shè)計(jì)者自行創(chuàng)建控制標(biāo)記,所以控制標(biāo)記的數(shù)目是有限的,設(shè)計(jì)者在充分了解每個(gè)控制標(biāo)記的功能后,就可以設(shè)計(jì)Web頁(yè)面了。
3、HTML語(yǔ)法較弱。在w3c制定的HTML5規(guī)范中,對(duì)于HTML5在語(yǔ)法結(jié)構(gòu)上的規(guī)格限制是較松散的,如、或在瀏覽器中具有同樣的功能,是不區(qū)分大小寫的。另外,也沒(méi)有嚴(yán)格要求每個(gè)控制標(biāo)記都要有相對(duì)應(yīng)的結(jié)束控制標(biāo)記。
免責(zé)聲明:內(nèi)容和圖片源自網(wǎng)絡(luò),版權(quán)歸原作者所有,如有侵犯您的原創(chuàng)版權(quán)請(qǐng)告知,我們將盡快刪除相關(guān)內(nèi)容。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。