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