日,HTML 5 發(fā)布平臺Pressly再獲 210 萬美元的 A 輪融資,由 Gibraltar Ventures 領(lǐng)投,iNovia Capital 和 OMERS Ventures 跟投。
隨著移動端的崛起,用平板或者手機登陸更大網(wǎng)站時,出來的不再是讓粗手指星人無可奈何的縮小版原網(wǎng)站,而是基于 HTML5 技術(shù)的觸屏版網(wǎng)頁。這些網(wǎng)頁有簡潔干凈的界面和大而鮮艷的導航及控制按鈕,適用于不同的移動設(shè)備。它們披著 App 的外表,占著網(wǎng)頁的地盤,卻收獲了數(shù)量巨大的用戶。
Pressly 的出現(xiàn)就是為了迎合人們把網(wǎng)站變成適配移動設(shè)備瀏覽的版本的需要。它為企業(yè)客戶提供了與移動設(shè)備兼容的 HTML 5 框架,將網(wǎng)頁上的內(nèi)容以優(yōu)美的方式呈現(xiàn)于平板或是手機上。但是它們并不滿足于當一個只賣勞力的搬運工:Pressly 提供精確的監(jiān)管信息,幫助網(wǎng)頁精選出訪客最喜歡的內(nèi)容;企業(yè)客戶還可以選取感興趣的網(wǎng)站來源,由 Pressly 根據(jù)用戶喜好自動轉(zhuǎn)載合適的內(nèi)容,豐富原本的信息架構(gòu);另外,Pressly 還提供各種商業(yè)相關(guān)的關(guān)鍵業(yè)績指標以及每周報告,幫助用戶優(yōu)化營銷策略。
目前,Pressly 的客戶包括許多世界一百強公司,其中有 intel,Deloitte,IBM 等。早先一直被認為是 Pressly 主要競爭對手的OnSwipe已被 Beanstock Media 收購。相比提供一個框架,Pressly 似乎將重點放在了內(nèi)容營銷策略上,在他們的官網(wǎng)上可以免費下載由許多成功的內(nèi)容營銷者共同編著的《The Bible For Content Marketing》。
本例演示:如何使用 <noframes> 標簽。
<html> <frameset cols="25%,25%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的瀏覽器無法處理框架!</body> </noframes> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
本例演示如何制作含有三份文檔的框架結(jié)構(gòu),同時將他們混合置于行和列之中。
<html> <frameset rows="50%,50%"> <frame src="/example/html/frame_a.html"> <frameset cols="25%,75%"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
本例演示 noresize 屬性。在本例中,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動鼠標,你會發(fā)現(xiàn)邊框是無法移動的。
<html> <frameset cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" /> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
本例演示如何制作導航框架。導航框架包含一個將第二個框架作為目標的鏈接列表。名為 "contents.htm" 的文件包含三個鏈接。
<html> <frameset cols="120,*"> <frame src="/example/html/html_contents.html" > <frame src="/example/html/frame_a.html" name="showframe"> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
HTML基礎(chǔ)教程:框架實例大合集
HTML基礎(chǔ)教程:框架實例大合集
本例演示如何創(chuàng)建內(nèi)聯(lián)框架(HTML 頁中的框架)。
<html> <body> <iframe wigth="200" height="100" src="/i/eg_landscape.jpg"></iframe> <p>一些老的瀏覽器不支持 iframe。</p> <p>如果得不到支持,iframe 是不可見的。</p> </body> </html>
HTML基礎(chǔ)教程:框架實例大合集
本例演示兩個框架。其中的一個框架設(shè)置了指向另一個文件內(nèi)指定的節(jié)的鏈接。這個"link.htm"文件內(nèi)指定的節(jié)使用 <a name="C9"> 進行標識。
<html> <frameset cols="20%,80%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/link.html#C9"> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
本例演示兩個框架。左側(cè)的導航框架包含了一個鏈接列表,這些鏈接將第二個框架作為目標。第二個框架顯示被鏈接的文檔。導航框架其中的鏈接指向目標文件中指定的節(jié)。
<html> <frameset cols="200,*"> <frame src="/example/html/content.html"> <frame src="/example/html/link.html" name="showframe"> </frameset> </html>
HTML基礎(chǔ)教程:框架實例大合集
HTML基礎(chǔ)教程:框架實例大合集
希望以上可以解決你們心中的一些疑惑,其中可能會有不對的地方或是需要改進的地方,歡迎留言糾正。感覺還不錯歡迎關(guān)注收藏轉(zhuǎn)載哦
本文轉(zhuǎn)自“Google開發(fā)者")
I/O 期間我們迎來 Flutter 框架的一個重要里程碑,因為我們的開發(fā)重點從移動平臺擴展到了更廣泛的設(shè)備和機型。在 I/O 大會上,我們發(fā)布了 Web 版 Flutter 的首個技術(shù)預(yù)覽版,宣布 Flutter 將為包括 Google Home Hub 在內(nèi)的 Google Smart Display 平臺提供技術(shù)支持,并邁出利用 Chrome 操作系統(tǒng)支持桌面級應(yīng)用的第一步。
Flutter 框架: https://flutter.dev/ Web 版 Flutter: https://flutter.dev/web
長期以來,F(xiàn)lutter 團隊的使命一直是為開發(fā) iOS 和 Android 版移動應(yīng)用構(gòu)建最佳框架。我們認為對移動開發(fā)作出改進的時機已經(jīng)成熟,因為現(xiàn)在開發(fā)者不得不選擇在兩個平臺上構(gòu)建相同的應(yīng)用兩次,或者作出某些妥協(xié)以使用跨平臺框架。Flutter 提供了一種最有效的方式,使單個代碼庫能夠為兩個平臺提供美觀、快速和量身定制的體驗,并提高開發(fā)者的工作效率。我們很高興能夠看到早期的努力成功催生出目前最熱門的開放源代碼項目之一。
從去年開始著力開發(fā) 1.0 版本時,我們就開始嘗試將 Flutter 的范圍擴展到其他平臺。這是基于兩方面考慮: 一是 Google 內(nèi)部團隊越來越依賴于 Flutter,二是 Dart 平臺有提供便捷式體驗的潛力。特別是,已經(jīng)著手為 Dart 構(gòu)建 Web 框架以供內(nèi)部使用的小型團隊啟動了一個探索性項目 (代號為 "Hummingbird"),以評估移植 Flutter 引擎以支持基于標準的 Web 有何技術(shù)優(yōu)勢。
該項目的成效令人驚嘆,這在很大程度上要歸功于 Chrome、Firefox 和 Safari 等網(wǎng)絡(luò)瀏覽器的快速發(fā)展。這些瀏覽器廣泛地提供了硬件加速的圖形、動畫和文本,以及較快的 JavaScript 執(zhí)行速度。在項目剛開始的幾個月內(nèi),我們就成功構(gòu)建了 Flutter 的核心框架原語。不久之后,我們在移動和桌面瀏覽器上運行了演示版本。長期以來,Dart 語言經(jīng)常用于編譯網(wǎng)頁內(nèi)容,這證明我們也能在 Web 端運行 Flutter 框架和應(yīng)用。
與此同時,F(xiàn)lutter 核心項目不斷取得進展,進而推動桌面級應(yīng)用的發(fā)展,其中包括鍵盤和鼠標等輸入工具、窗口大小調(diào)整,以及適用于 Chrome 操作系統(tǒng)應(yīng)用開發(fā)的調(diào)試工具。針對在 Windows、Mac 和 Linux 上運行的桌面級應(yīng)用,我們嵌入了 Flutter,而這項探索性工作已逐步演變成 Flutter 的核心引擎。
最熱門的開放源代碼項目之一:https://github.com/flutter/flutter 1.0 版本:https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html Dart 平臺:https://dart.dev/
毋庸置疑,高性能的便攜式界面框架具有巨大的商業(yè)潛力。該框架可以通過單個代碼庫來為各種設(shè)備提供量身定制的出色體驗。
對于創(chuàng)業(yè)公司來說,這讓他們能夠通過同一個應(yīng)用在移動端、Web 端或桌面端接觸用戶。如此一來,他們從一開始就能全面覆蓋所有用戶,而不會受到技術(shù)上的限制。對于大型組織來說尤其如此,因為他們能夠使用同一個代碼庫為所有用戶提供相同的體驗,而這會降低工作復(fù)雜度和開發(fā)成本,更加專注于提升相關(guān)體驗的質(zhì)量。
實現(xiàn)對移動、桌面和網(wǎng)絡(luò)應(yīng)用的支持后,我們肩負更大的使命: 我們要構(gòu)建最佳框架,以便為所有屏幕開發(fā)出色體驗。
我們即將發(fā)布 Web 版 Flutter 的首個技術(shù)預(yù)覽版。雖然這項技術(shù)還在開發(fā)中,但我們準備邀請嘗鮮者來試用并提供反饋。對于 Web 版 Flutter,我們的最初設(shè)想并不是將其用作文檔體驗 (針對其優(yōu)化 HTML ) 的通用替代品;相反,我們打算通過這種有效方式構(gòu)建高度交互和圖形豐富的內(nèi)容,從而切實感受到成熟界面框架所帶來的益處。
為了展示 Web 版 Flutter,我們與《紐約時報》合作構(gòu)建了一個演示版本。《紐約時報》不僅是世界一流的新聞媒體,而且以設(shè)計縱橫字謎等益智游戲而聞名。由于狂熱的解謎玩家希望能在當時使用的任何設(shè)備上玩游戲,所以《紐約時報》的開發(fā)團隊把目光轉(zhuǎn)向 Flutter,將其作為滿足讀者需求的潛在解決方案。發(fā)現(xiàn)能夠利用同一組代碼訪問網(wǎng)頁給他們帶來了巨大裨益。在 Google I/O 大會上,您可以率先了解他們最近更新的 KENKEN 解謎游戲。該游戲利用同一組代碼在 Android、iOS、Web、Mac 和 Chrome 操作系統(tǒng)上運行。
以下是《紐約時報》解謎游戲執(zhí)行總監(jiān) Eric von Coelln 對 Flutter 使用體驗的看法:
"《紐約時報》縱橫字謎游戲的單獨訂閱數(shù)量已超過 40 萬份,玩這款游戲已經(jīng)成為解謎者每天必做的事情。除了縱橫字謎游戲,我們還開發(fā)了數(shù)字解謎游戲,每個月都吸引了超過 200 萬名解謎者。
我們已經(jīng)開始探索 Flutter,并將其作為快速開發(fā)有趣和優(yōu)質(zhì)的移動體驗這一挑戰(zhàn)的潛在解決方案。現(xiàn)在,我們能夠在 Web 端發(fā)布游戲,這使 Flutter 成為在所有用戶平臺快速部署內(nèi)容的更具吸引力的選擇。之前基于 Flash 的 KenKen 游戲經(jīng)過更新,能夠提供多平臺的暢玩體驗。今年我們很高興能為解謎者帶來全新體驗。"
由于篇幅有限,我們無法在此一一詳述 Web 版 Flutter。若有興趣,請前往 Flutter 博客,閱讀專門介紹 Web 版 Flutter 的文章。
鑒于目前處于早期開發(fā)階段,我們非常希望收到您的反饋,了解您希望如何使用 Web 版 Flutter。我們希望以性能為重中之重,快速開發(fā)代碼,并與 Flutter 項目的其他部分協(xié)調(diào)代碼庫。
更新的 KENKEN 解謎游戲:https://www.nytimes.com/games/prototype/kenken#/ 專門介紹 Web 版 Flutter 的文章:https://medium.com/flutter-io/bringing-flutter-to-the-web-904de05f0df0
我們還會升級核心 Flutter 框架,并會在穩(wěn)定版渠道立即提供 Flutter 1.5。根據(jù)開發(fā)者的反饋,我們對 Flutter 1.5 進行了數(shù)百處更改,包括對全新應(yīng)用商店 iOS SDK 要求、iOS 和材料微件的更新,新增對新設(shè)備類型的引擎支持,以及對具有最新 UI-as-code 語言特征的 Dart 2.3 作出改進。
隨著框架本身逐漸成熟,我們正在設(shè)法構(gòu)建支持生態(tài)系統(tǒng)。Flutter 的架構(gòu)模型一貫優(yōu)先考慮小型核心框架,并輔以豐富的軟件包社區(qū)。在過去的幾個月,Google 為網(wǎng)頁視圖、Google 地圖和 Firebase ML Vision 提供了產(chǎn)品級質(zhì)量的軟件包。我們還將新增對應(yīng)用內(nèi)支付的初步支持。得益于 2,000 多個適用于 Flutter 的開放源代碼軟件包,大多數(shù)場景均有合適的選擇。 在今年的 I/O 上,我們宣布推出一個尤其令人振奮的項目,即 ML Kit 自定義圖像分類器。該工具利用 Flutter 和 Firebase 構(gòu)建,可為創(chuàng)建自定義圖像分類模型提供基于應(yīng)用的簡易工作流。您可以使用手機的攝像頭收集訓練數(shù)據(jù)、邀請他人為您的數(shù)據(jù)集貢獻素材、觸發(fā)模型訓練以及使用訓練過的模型,這些操作都可以在同一個應(yīng)用中實現(xiàn)。
Flutter 越來越受歡迎,使用人數(shù)也越來越多。有需求的客戶不斷增加,其中包括 eBay、Sonos、Square、Capital One、Alibaba 和 Tencent。這些公司正在利用 Flutter 開發(fā)應(yīng)用,并從中發(fā)現(xiàn)樂趣!以下是 eBay 的高級開發(fā)者 Larry McKenzie 對 Flutter 的看法:
"Flutter 運行速度很快!過去需要很多天才能實現(xiàn)的功能,現(xiàn)在只需一天就能完成。過去我們花費很多時間處理的問題,如今再也不會發(fā)生了。我們的團隊現(xiàn)在可以專注于創(chuàng)建更出色的用戶體驗和提供相關(guān)功能。Flutter 讓我們能夠超越期望!"
從更廣泛的角度上看,LinkedIn 最近進行的一項研究顯示,根據(jù)網(wǎng)站成員在過去一年中所添加的個人資料,Flutter 是軟件工程師中增長最快的一項技能。在最近的 2019 年 StackOverflow 開發(fā)者調(diào)查問卷中,F(xiàn)lutter 被列為最受歡迎的開發(fā)者框架之一。
Flutter 目前也被用于桌面平臺。在過去幾個月,我們一直在研究桌面平臺這一實驗性項目。但現(xiàn)在該項目逐漸演變成 Flutter 引擎,并將這項工作直接集成到 mainline repo 中。盡管這些目標尚未在生產(chǎn)環(huán)境中部署,但我們已發(fā)布早期說明,以便開發(fā)在 Mac、Windows 和 Linux 上運行的 Flutter 應(yīng)用。
另一個快速發(fā)展的 Flutter 平臺是 Chrome 操作系統(tǒng),每年售出的 Chromebook 多達數(shù)百萬臺,尤其是在教育領(lǐng)域。無論是運行 Flutter 應(yīng)用,還是作為開發(fā)者平臺,Chrome 操作系統(tǒng)都為 Flutter 提供了絕佳環(huán)境,因為該系統(tǒng)支持執(zhí)行 Android 和 Linux 應(yīng)用。借助 Chrome 操作系統(tǒng),您可以使用 Visual Studio Code 或 Android Studio 來開發(fā) Flutter 應(yīng)用,并在沒有模擬器的情況下使用同一臺設(shè)備本機測試和運行應(yīng)用。您還可以在 Play Store 發(fā)布適用于 Chrome 操作系統(tǒng)的 Flutter 應(yīng)用,讓數(shù)百萬用戶因您的創(chuàng)作而受益。
實驗性項目:https://github.com/google/flutter-desktop-embedding 早期說明:https://github.com/flutter/flutter/wiki/Desktop-shells
舉例說明 Flutter 便攜性的最后,我們將介紹可嵌入其他設(shè)備的 Flutter。最近我們發(fā)布了一些示例,演示了直接在 Raspberry Pi 等小型設(shè)備上運行 Flutter 的情況。我們還為 Flutter 開發(fā)了一個嵌入式 API,以便將其用于家庭和汽車等場景。
Smart Display 操作系統(tǒng)或許是 Flutter 目前已運行的最常見嵌入式平臺之一,其為類似于 Google Home Hub 的設(shè)備提供技術(shù)支持。
目前在 Google 中,Smart Display 平臺的部分 Google 自建功能由 Flutter 提供技術(shù)支持。Google 助理團隊很高興能夠在接下來的幾個月繼續(xù)擴展通過 Flutter 為 Smart Display 構(gòu)建的各項功能;而今年的目標是利用 Flutter 來驅(qū)動整個系統(tǒng)界面。
示例:https://medium.com/flutter-io/flutter-on-raspberry-pi-mostly-from-scratch-2824c5e7dcb1 嵌入式 API:https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders
開發(fā)者經(jīng)常詢問我們?nèi)绾瓮瓿?Flutter 入門。現(xiàn)在我們很高興地宣布推出全新的綜合性 Flutter 培訓課程。該課程由 Udemy 上評分最高的 iOS 培訓課程的制作者 The App Brewery 構(gòu)建。他們的最新課程涵蓋 30 多個小時的 Flutter 內(nèi)容,其中包括視頻、演示和實驗。在 Google 的贊助下,The App Brewery 宣布推出此課程的限時折扣,原來的零售價為 199 美元,現(xiàn)只需 10 美元。
許多開發(fā)者正在利用 Flutter 開發(fā)振奮人心的應(yīng)用。在 Google I/O 大會的籌備階段,我們舉辦了名為 Flutter Create 的挑戰(zhàn)賽,鼓勵開發(fā)者使用不超過 5KB 的 Dart 代碼通過 Flutter 構(gòu)建內(nèi)容。我們收到來自世界各地的 750 多個獨特參賽作品,其中一些作品讓我們大開眼界,誰能想到如此少的代碼竟然能創(chuàng)造出如此精彩的作品。
我們在此宣布獲勝者,您可前往 flutter.dev/create 查看獲勝名單。祝賀總冠軍 Zebiao Hu,其將榮獲價值超過 1 萬美元的全加載式 iMac Pro!
Flutter 不再只是一個移動框架,更是一個多平臺框架,可幫助您觸及任何地方的用戶。我們迫不及待地看到您利用 Flutter 在 Web、桌面、移動及其他平臺上構(gòu)建的內(nèi)容!
全新的綜合性 Flutter 培訓課程:https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart/ The App Brewery:https://www.appbrewery.co/ flutter.dev/create:https://flutter.dev/create 多平臺框架:https://www.youtube.com/watch?v=5VbAwhBBHsg&feature=youtu.be
大家如何看待Flutter的出現(xiàn),它有可能顛覆傳統(tǒng)的技術(shù)棧嗎?
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。