Quantcast
Channel: 神魂顛倒論壇-Flash--Front-end網頁前端討論最新50篇論壇主題-全文
Viewing all 735 articles
Browse latest View live

[程式設計]Coding 發表眾包平台「碼市」,共用經濟下的新商業樣式?

$
0
0
[程式設計]Coding 發表眾包平台「碼市」,共用經濟下的新商業樣式?

類型:
程式設計



在新視窗檢視

[b]編者按: 隨?行動網路的高速發展,軟體外包的領域也在迅速崛起,工信部資料顯示,中國軟體外包企業在 2014 年總收入已經整超過了一萬億,增速 20% 以上,軟體眾包在國內迅速火熱,成為企業服務行業發展最為迅猛的行業。然而傳統軟體外包公司競爭激烈,往往收費標準混亂不透明,惡意競價,導致需求方選擇困難,除此以外,還有灰色收入,服務費高等等的一系列問題。

[/b]

「眾包,是以自由意願的形式外包給非特定的大眾或專業個體的做法樣式。」

近日,雲端協作平台 Coding.net 正式發表旗下軟體眾包平台: 碼市 ,成為企業服務領域完成「工具+平台」戰略布局的技術主導型公司。

Coding 碼市言下之意是「程式碼市場」,對於開發者,Coding 碼市提供各種懸賞專案,使用者可以隨時申請成為碼士並參與感興趣的懸賞專案,從而獲得高額的回報;對於需求方,Coding 碼市提供懸賞平台和海量的碼士,亦可以隨時發表懸賞,挑選合適的開發者。

Coding CEO 張海龍表示,搭建碼市的目的是為了更好的鏈結企業需求方及專業程式員使用者,幫助雙方最大限度的實作價值,提高專案效率及品質,打造標準化軟體眾包。

在新視窗檢視

相關資料顯示,無論是傳統外包還是眾包,由於缺乏監管導致的爛尾率高達 30%。由此,Coding 碼市也為需求方提供了三重保障讓整個開發流程處於實時監管狀態,以保障開發的進度與品質。

首先,Coding 工具保障。 開發者在專案開發時必須吧開發程式碼託管在 Coding.net 雲端協作工具上,利用雲端演示功能隨時看到專案的成果演示,並且有生成程式碼品質報告的工具,同在一個專案內的需求方可以實時查看專案的進度、成果以及程式碼的品質情況,可劃分專案階段節點,讓開發進度實作按階段驗收; 其次,專案經理保障。 碼市創立了專案經理人樣式,在網路都提倡「輕」的時代,碼市為何要反其道而行?張海龍表示:「正是因為這種「重」樣式讓需求方的需求得到專業的梳理,使開發專案合理化」;同時,專案經理人團隊還充當溝通的橋樑,解決模糊需求及溝通問題,幫助需求方對開發進度進行把控,階段性驗收專案及完成專案測試, 最後對交付後的專案進行使用情況跟進 ,從專案開始至完成全方位監管,解放需求方的時間精力;最後,專業測試保障。碼市引入專業的測試服務,與 Testin 雲測試平台達成戰略合作,讓測試流程更智慧,實作軟體專案測試自動化。

在新視窗檢視

Coding 碼市服務說明

「有能力的出售技能,有需求的人低價取得。」張海龍說到。



在專案類別上,Coding 碼市定位到了包括微信、APP、站台、HTML5、功能模組等專案類型 ,並意欲把這些類型的開發標準化。不過,這樣可能會對傳統的小型外包公司產生衝突。

談論到細節時,他同時表示:「假如專案有一百個功能,Coding 碼市會將其分割階段性的若干個進度單位,然後再去修改解決其中存在的問題,從而再開發下面的階段。」據悉,Coding 碼市在整個專案中會 收取 10%的傭金,但不會收平台費用

在新視窗檢視

記者了解到,在對程式員的認證上,Coding 碼市會有一個稽核的程序,其中包括 對技能的基本判斷、Coding 工具的使用熟悉程度以及對個人的身份證和銀行帳號的認證

關於交易風險以及支付方面,張海龍對記者說:「Coding 碼市的交易資金會通過支付寶和銀行帳號的形式轉給 Coding,再根據開發的進度逐步通過支付寶支付給開發者。」同時,在進行程序之前 Coding 會先跟需求方簽合同以及提供發票。

在新視窗檢視

宏觀來看,Coding 碼市同樣是共用經濟環境下技術領域的 C2C 樣式,而對於這種商業樣式的可行性有多高,走得通有需要多久?

「其實我們從最開始成立的時候就想好了要做碼市,這也是的定戰略的執行。首先做了工具是因為我們認為無論如何碼市是需要工具支撐的。我們已經做了一年的工具,積累了足夠多的開發者的資源,可以用現有的工具和現有開發者資源為碼市提供服務。周期上的話,我覺得大概需要兩年左右吧。」

據張海龍透露,Coding 還在嘗試做歐美的專案,並在西雅圖已經設立了辦公室。看來,中國網路公司出海的路上又會多出一個身影了。

Coding 成立於 2014 年 2 月,並於 2014 年 7 月正式上線,現有團隊人數 47 人。在 2014 年 7 月及 2015 年 3 月,分別完成了 A、B 兩輪融資,其中 A 輪融資在百萬美元層級,由 IDG 領投,B 輪千萬美元層級融資,由光速資本領投,IDG 跟投。截止 2015 年 10 月,Coding 程式員使用者數已突破 15 萬人,專案數量達到 20 萬單,私有專案達到 80%;碼市上線一個月,交易金額就已超 100 萬元。

在近日 Coding 碼市的戰略發表會上,CEO 張海龍還宣布推出碼市「助推器排程」,旨在對初創團隊進行扶持及技術支援;同時通過該排程,程式員使用者有望實作 1 萬/周的收入水平,最大限度了解放程式員的生產力。



















在新視窗檢視





想在手機查閱更多程式設計資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 動點科技 Technode











在新視窗檢視

分享到Facebook


[網站設計及開發]HTML5 崛起:不再高冷,不再小眾

$
0
0
[網站設計及開發]HTML5 崛起:不再高冷,不再小眾

類型:
網站設計及開發



在新視窗檢視

編者按 : 史凱爾·辛格(Shikhir Singh)目前就職於 Sencha,擔任開發者合作進階經理。

今天是 萬維網聯盟(W3C)宣布 HTML5 完成標準制定 一周年紀念日,也是網路和網路程式開發歷史上的重要里程碑。過去一年以來,HTML5?得到了迅速普及,越來越多的公司也開始在 HTML5?上為我們開發跨平台網路程式。前不久,亞馬遜、Facebook、谷歌和 YouTube?通通從 Adobe Flash?轉移到了 HTML5。它們為什麼這麼做?為什麼選擇現在?

幾年來,數百萬的開發者們開始轉向 HTML5,以期創造出更符合商業需求、在不同平台和不同螢幕幕上有?更無縫、更完善的使用者體驗的網路應用。而到了 2015?年,隨?越來越多的公司選擇「行動優先」規則,HTML5 也因此引領潮流,開始為眾多網路體驗豐富的企業級軟體保駕護航。

HTML5?的威力逐漸明朗起來。在 2012?年,網路行業頗具影響力的 Facebook CEO?馬克·扎克伯格(Mark Zuckerberg)曾對 HTML5?大加批評 ;但只過了 3?年,他就改變了看法,開始將 HTML5?技術整合進 Facebook?的新鮮事訂閱當中(點選此處查看詳細對比)。

目前,有三股潮流趨勢推動?行業向線上應用和 HTML5?轉變:

一、技術創新,最終是順時而行

業界向 HTML5?的轉變,不只有只有是因為這門程式開發語言本身的連貫表現和功能創新,還要歸功於執行網路應用的瀏覽器的大幅度改進。只有只有幾年,瀏覽器的執行和響應速度就有了顯著提升。曾經的瀏覽器王者——微軟 Internet Explorer(IE)風光不再,以谷歌 Chrome?瀏覽器為代表的後起之秀開始為我們提供一種更快、更高效的瀏覽體驗。隨? Flash?的式微,HTML5?憑藉豐富的多媒體相容性贏得了眾多開發者的青睞——只需要藉助瀏覽器的基礎功能,使用者就能執行網路應用,從此不再需要下載和安裝特定外掛程式。

在這個技術創新的十字路口,HTML5?不只有贏得了開發者青睞,還成為眾多企業的迫切需求,它的未來之路讓我充滿希冀和期待。

二、商業公司需要它

商業公司常常面臨著巨大壓力:它們需要將其複雜先進的網路端和行動端應用推廣給顧客;但與此同時,顧客希望這些應用能夠相容多項裝置,包括桌面電腦、平板電腦和智慧手機。而且不只有是客戶對此期望漸升,行業趨勢也開始向該方向轉變。為了適應行業需求,企業開始關注那些能滿足消費者跨平台需求的技術,以期在現在和未來掌握主動。



HTML5?「一次開發,多處相容」的特性,使得企業能以最小的開發成本,設計、創造和管理更加先進也更加複雜的應用,並且橫跨多種平台和裝置。

三、開發者離不開它

即使當前的數位開發環境變得越來越複雜和先進,開發團隊仍面臨著提升應用執行速度的難題。調研機構 StrategyAnalytics?在最近的一次調查中,詢問了行動應用開發者的使用偏好和他們對於應用開發的態度。研究者發現,上述難題也是開發者選擇 HTML5?的主要原因。此外他們還發現,在所有開發原生和網路應用的技術中,20%?的受訪者認為 HTML5?將迎來強勁增長,還有 63%?的企業應用是通過 HTML5?開發而來。

對於開發者而言,HTML5?的關鍵吸引力在於其開放的標準支援,這有助於他們為碎片化的行動裝置、不同的螢幕幕尺寸、差異化的平台和作業系統開發應用。開發者們可以使用 HTML5?創建和呈現不依賴於作業系統或裝置的富內容,這不失是原生應用的不錯替代。

如果可以選擇,開發者們都更傾向於選擇支援跨平台特性的程式開發語言——這樣的能保證不同尺寸螢幕幕上的使用者體驗品質,也能夠讓他們在不同僱主和不同發開需求前保證自己的競爭力。開發網路應用潮流,將促使更多的 JavaScript?程式員轉向使用 HTML5。

HTML5:展望 2016

作為與開發團隊一起於前線打拚多年的人,我被 HTML5?和它對行動應用革命性的影響力所深深打動。在這個技術創新的十字路口,HTML5?不只有贏得了開發者青睞,還成為眾多企業的迫切需求,它的未來之路讓我充滿希冀和期待。

明年,我相信 HTML5?將會更加普及。因為越來越多的企業開始放棄使用 Internet Explorer,在工作中轉而使用 Chrome?和 Firefox——後兩者對 HTML 5?都有?更好支援。並且隨? Windows 10?的採用率增長,其搭載的 Microsoft Edge?瀏覽器也將為企業使用者更好地享受 HTML5?帶去便利。

翻譯: 魚生臣

HTML5 On The Rise: No Longer Ahead of Its Time

想在手機查閱更多站台設計及開發資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: TechCrunch 中?











在新視窗檢視

分享到Facebook

iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題

$
0
0
iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題

情況描述:Case 中有個互動效果是當使用者開啟手機版網頁後,會進行互動並播放 GIF 動畫(噢,許多舊版本的 Android 裝置是無法播放 GIF 動畫的,這點也要提一下),動畫播放過程中會播放音效。

在 Android 的內建瀏覽器中可自動播放音效,但在 Android 的 Chrome Beta 與 iPhone/iPad 上的 Safari 卻無法正常播放,一點聲音也沒有。而且在桌上型電腦上都可正常地播放。

後來查到 Safari 官方的規範文件 Safari HTML5 Audio and Video Guide 中提到

這是為了防止使用者使用以量計費的行動網路時,自動播放或預載就會不知不覺地花去網路費用。

除非這個播放是使用者「主動」點擊觸發的,不然設什麼屬性都不會自動播放/預載。

能了解它們的立場,是立意良好啦,但在製作一些需要互動體驗的效果上就會受此限制了。跟此篇作者最後的看法一樣,為何不跳出選項(像要求存取 GPS 一樣)讓使用者自由選擇是否要預載/播放聲音呢?

 
在我的 Case 中,確實是在使用者「主動觸發」,不過是在觸發播放 GIF 動畫後「一段時間」( 我是用 setTimeout 或是 Nodejs 的偵聽來等待 ) 才會播放聲音,那一樣會被判定為「非使用者主動點擊」。

解法有點取巧,就是「先 play 再 pause,接著再 play 」。

HTML5 canvas 抽獎

解決HTML5 Video tag 在 IPhone、IPad 上播放影音的各種問題

$
0
0
解決HTML5 Video tag 在 IPhone、IPad 上播放影音的各種問題

來源:

試過有用喔,在苦於手機上自動播放影音問題的朋友,不妨看看

最近又遇到 html5 的 video 標籤沒法在iphone、ipad 上播放,會顯示如下的畫面 :

IMAG2411  


以下列出幾個會在 IOS 設備上遇到的問題與解決方式

一、影片編碼 :

html5 目前只支援三種格式的影片播放 mp4、ogg、webm

而且mp4 在 ios 只支援編碼為 H.264 的影片

(新版 ios 不知道,但要讓舊版可以觀看還是需要轉)

這個非常之重要...........如果你的影片無法播放請優先檢查.mp4 的編碼!!!

 

二、video 一定要放 controls 屬性

如下方黑體字的 controls 

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

Your browser does not support the video tag.

</video>

這問題會在 ipad 上發生,由於 IOS 不支援自動播放 (據說新版好像可?)

所以如果在不放 controls 屬性的話影片會根本無法開始播,但這問題會在桌上型或 ipad 發生

就會變成如下圖這樣 (很抱歉因為 ipad 要把圖抓出來實在有點麻煩,所以用相機拍)

可以看到在 ipad 上根本無法播放,因為沒有按鈕,也不會自動播放

IMAG2412  


繼續閱讀:

HTML5 Canvas吃豆豆遊戲原始碼

燈箱效果,也是一種選擇,不到20K

一次搞懂OAuth與SSO在幹什麼?

$
0
0

一次搞懂OAuth與SSO在幹什麼?


全文來源:
作者粉絲團:
延伸閱讀:


最近的Line NotifyLine Login,以及前一陣子的Microsoft Graph API,全都使用到了OAuth作為用戶身分驗證以及資源存取的基礎。但很多讀者會卡在OAuth的運作流程上,根本的原因是不理解OAuth到底是幹嘛的?其存在的目的為何?以及如何應用?

因此,我想花一個篇幅,盡可能短的介紹一下OAuth與SSO,但,與坊間文章不同的是,我希望從應用情境的角度(而非技術)切入談這件事情,冀望能夠讓開發人員對OAuth有個最基本的認識。

OAuth的背景

我們回頭看Line LoginLine Notify中的例子,OAuth在這邊最簡單的應用情境,就是身分驗證。典型的情境中有幾個角色,分別是:

  1. 網站或App的開發單位 : 也就是各位開發人員
  2. OAuth服務的提供者(Provider) : 也就是Line(或Google、Microsoft…etc.)
  3. 終端用戶(End-User) : 網站使用者、Line使用者、消費者、客戶…etc.

上面這三者的關係是什麼?

當我們建立一個網站(例如Pc Home購物)、或App(例如一個手機遊戲),都非常有可能需要建立一組會員機制,這些機制包含:

  1. 登入(包含身分驗證,帳號、密碼保存…等)
  2. 個資管理(用戶名稱、地址、電話、暱稱、手機…等)

以往,幾乎都是每一個網站自己做一套,但這樣有很多麻煩事,首先用戶要記得很多組帳號密碼,而每一個網站都自己搞一套會員機制,網站開發人員自己也很辛苦,加上最近這幾年大家都很重視個資,網站儲存(保管)了很多帳號密碼與個人資料,總是會有被駭的風險。因此,這十年來,很多大廠開始提供登入(與身分驗證)機制服務。

也就是說,小網站你不用自己做登入和會員管理了,你連過來我這邊,我是大網站,我已經有幾百萬上億的用戶,(例如全台灣都用Line),而且早就做了超級安全的會員管理機制,你這小網站何必自己做會員管理呢?你跟我連結不就得了,我大網站來幫你管理個資,提供你登入的服務,你把會員資料通通存我這裡,用戶也不需要記得很多組帳密,只需要記得我大網站的帳密,一樣可以登入你小網站(或稱為第三方應用)來使用你提供的服務,這樣皆大歡喜。

因此,大家就這麼做了。

但提供這樣服務的大廠越來越多,Google、Microsoft、Yahoo…都提供了這樣的服務,導致小網站為了對使用者更貼心,可能要同時連結上很多這種提供身分服務的大網站,如果每一家連結方式都不同,就很煩。因此,業界就開了幾個會,共同決定了一套工業標準,就是OAuth了。

有哪些功能?

所以你會發現,基本上網站開發人員有兩種身分,一種是OAuth服務的提供者(像是Google、微軟、Line),另一種是OAuth服務的使用者,像是一般的小網站(trello)。而終端用戶只需要在大網站申請過帳號,就可以登入小網站來使用服務。

但,大網站當然不能給你(小網站)用戶的帳號和密碼,否則多麼不安全呢?因此OAuth工業標準讓服務提供者(大網站)透過一種標準的作法,在用戶驗證過身分之後,提供一組會過期的令牌給小網站,這就是token。

小網站拿著這個令牌,就可以跟大網站取得用戶的個資,或是其他需要的資料。小網站也可以拿著這個令牌,跟大網站確認該令牌是否已經到期。

所以,整個流程大概是底下這樣:

由於上述過程中的(2),登入畫面是大網站提供的,因此你小網站不會得知用戶的帳號密碼,大網站只會在登入成功後,把一個具有有效期限的Token傳給你小網站,一旦你需要存取用戶的資料,就拿這個token去跟大網站溝通。

當然,實際上的OAuth操作步驟又更複雜,如果你參考我們前面介紹的Line Login那篇,就會知道,用戶被引導到大網站完成登入之後,你小網站是無法直接取得token的,而是取得一個code,再去用這個code跟大網站換得一個token。為何要多這一道手續?因為,網際網路是個不安全的所在,在網路上傳遞的任何東西,都可能被路上經手的路由器或其他設備給擷取、偽造、變更,因此要確保安全,得更加小心一點。

因此一般的OAuth流程,其實應該長得像是底下這樣(這是微軟Graph API的OAuth Auth Authorization Code Flow流程) :

還有更複雜的、更進階的。

如果大網站除了提供用戶的個資之外,還要可以讓小網站有權限做一些額外的事情,像是變更用戶大頭照、取得用戶上傳的檔案、幫用戶book一個行事曆…這都是Office 365/Google Apps裡面典型的情境,如此一來,終端使用者(end-user)可能就要授權小網站,到底能夠使用該用戶在大網站中多少資料,也就是大網站的用戶要賦予小網站多大的權限,來存取該終端用戶的個資? 這部分,一般稱之為 Permission Scope。

所以,OAuth除了提供登入身分驗證之外,也逐漸開始負擔了網站合作之間的授權管理功能。

好,現在回過頭來看,請參考Line LoginLine Notify這兩篇中的例子,你會發現一開始我們都只是組出一個URL,來取得Authorization Code,這一段取得的code是明碼,走的是http get,透過瀏覽器網址列來傳遞,所以在網際網路上是可以被任何人擷取看到的(因此你當然應該加上SSL),但你會發現接下來小網站取得Authorization Code之後,要透過http post,從後端走另一個路徑去跟大網站換得token,這一段並不是走瀏覽器http get,而是在小網站的伺服器端走另一個https路徑,去跟大網站溝通。由於這一段往往是在背後做的(伺服器端對伺服器端,不會經過用戶端),因此安全性相對高(OAuth也有實作成在前端取token的implicit flow,但走後端相對安全點)。如果從後端換取Token,不管是瀏覽器或用戶本身都無法得知token,就算你的用戶被人在瀏覽器或電腦中安裝了木馬也無法得知,再加上Token還有期限,因此相對安全。

這也是我們前面說的,實務上小網站被導引到大網站完成登入之後,並非直接取得token而是取得一個Authorization Code的原因。

所以你也不難理解,既然Token會到期,就衍生出需要更新(refresh)token、判斷token的有效性、設定Token的生命長度…等相關議題,但在這邊就先不介紹了。

更進一步實現SSO

好的,假設網路世界的身分驗證,都是某一個大網站(例如Google)提供的,而其他服務的小網站(網站A、網站B、網站C…),都使用Google提供的身分驗證服務,那這世界就很單純了,一旦用戶登入了網站B,用著用著,連結到了網站A,還需要重新登入一次嗎? 不需要,因為在網站B已經登入過了,這就是SSO(Single Sign On)在internet上的實現。

一旦OAuth提供者和使用者(也就是大小網站),都有實作這樣的功能,那用戶翱翔於網際網路上時,就只需要記得一組帳號密碼了,這世界多麼美好…

當然,現實世界不是這樣的,你想想,當個大網站將會擁有所有人的個資耶,這意味著什麼呢? 不用大腦想也知道。 所以,只有你想做大網站? 不,每個人都想做。因此只要稍具規模網際網路服務提供者,都希望自己是最大的那個身分驗證提供者。

現在、連Line這個IM界的新玩家(相對What’s app、skype來說,真的算是新的),挾著在亞洲(其實也只有台灣、日本、和韓國…)的超人氣,都開始提供OAuth Provider服務了,你說,Line這家公司它還不夠任性嗎?

#搞懂了OAuth和SSO,不妨接著玩玩Line NotifyLine Login,很好玩唷…  

利用現成的CSS3 Animation 屬性來創造一些小驚喜

$
0
0

UNITiD 的「Why use micro-animations in your design?」中說明了使用微動畫的好處

包括了:

  • 更直覺的介面
  • 互動、介面變化的前因後果更清楚
  • 吸引使用者注意
  • 暗示元件的「可操作性」
  • 在觸控裝置上取代「hover」滑鼠移飄過效果
  • 給予使用者正面回饋

看起來適當應用肯定是有好處的,但凡事太過就可能會有反效果了

這種效果以往在PC上稱霸的Flash可以說明人們有多愛這種互動

如今在手機上倒是可以利用現成的CSS3 Animation 屬性來創造一些小驚喜,正因為手機瀏覽器都支援CSS3的Animation 屬性,所以這種方法負擔最小,少少付出就可以立即得到回饋。

PC上也是可以的,除了部分不支援CSS3 的瀏覽器之外,大家可以到 Can I use 網站輸入CSS Animation 就可得知,這個網站很好用的,該記下來才是。

Can I use 查詢瀏覽器支援度網站


圖片:1484638630053.jpg

也可以直接到 html5test.com 網站直接測試目前使用的瀏覽器支援度與分數

所以看得出來,IE11才支援,Opera 則全部GG,所以也未必如我所說的那麼樂觀,手機上還是會有不少GG的情況,例如 Android 內建的 Webview 若版本太舊就可能支援有問題。

好了,如果決定要用,就可以自己改CSS了,在 animation 相關屬性的部份,可以使用的 CSS 屬性有:

animation-delay 網頁元素被載入後到開始播放動畫之間的等待時間。
animation-direction 在動畫播放完之後,是否以相反方向的方式播放,或從頭開始(原方向)重複播放。
animation-duration 設定整個動畫播放一次的時間長度。
animation-iteration-count 設定動畫播放的次數,若要不斷重複播放,則可設為 infinite。
animation-name 設定 @keyframes at-rule 所使用的動畫名稱。
animation-play-state 本屬性可用來暫停或繼續動畫播放。
animation-timing-function 透過加速曲線(acceleration curves),設定動畫播放的速度。
animation-fill-mode 設定動畫元素在播放前與播放後,如何套用 CSS 的樣式。

有興趣大家可以去查一下詳細的 animation 相關屬性,但若需求只是一些些簡單的動態,也可以考慮 Daniel Eden開發的一套 Animate.css 的CSS3 Animation 預設集大全,內含 75 個不同的動畫效果,我們只要透過設定 Class 的方式使用即可,很方便的。

當然,還是要稍微知道一下用的是 CSS3 Animation那些屬性和相關語法,這樣我們才知道那個瀏覽器能用,而有時要自訂效果時也會更加清楚一些。

Animate.css 使用方式很簡單,各種可用的效果在官網就可以測試了,css檔也可以直接從官網下載



圖片:1484639044142.jpg


支援的效果列表

animate.css gallery


使用起來很簡單,只要加上Class的名稱即可,當然,首頁要引入 Animate.css 樣式檔,可載入線上路徑,或各位自行下載後的路徑

如:
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>


接著在Class加入即可
<h2 class="animated infinite bounce"> Hello World! </h2>


其中「animated」代表的是動畫,「infinite」代表了無限循環,而「bounce」則代表了「彈跳」這個效果, 只要根據上圖的效果更換即可得到不同的動畫效果,例如「flash」「pulse」等。

是不是很方便?

如前所述,我們也可以利用CSS的屬性來調整動畫次數、時間長度等等,例如

<h2 class="animated bounce" style="animation-duration: 5s;animation-iteration-count:3">
Hello World!
</h2>


就代表 每次 5 秒的速度重覆彈跳 3 次,是不是很容易?

也可以看看影片喔




HTML 5.1 新功能

Bootstrap 3 影音教學全套,來看看吧

五種Javascript延遲載入的方式

[原創] 台灣喝高檔茶加賴pa668

$
0
0
外送茶奈:pa668新北市外送motel/淡水旅館飯店叫小姐/台中全套半套服務/新竹旅館找小姐/
外送賴:pa668 /台北出差找小姐/臺北旅遊叫小姐/新北市外送motel/淡水旅館飯店叫小姐
台北外送約住家/高雄外送服務/台北出差飯店叫小姐/大台北外送通訊/好茶推薦/林口魚訊網/瀘州
指壓正妹外送服務 台北新竹住家浪漫性福旅館叫小姐/彰化米蘭旅館叫小姐/台北全套半套按摩/指
油壓S一樓一鳳三溫暖服務現金消費/新店正妹介紹/板橋外送茶到府/永和外送住家叫小姐/新竹找
茶網/酒店叫小姐/新店找女人開房/士林外送服務 台北木柵喝茶/永和叫服務按摩好茶/外送台北淡
水3p玩法無套正妹/台北南港外約鐘點情人/林口薇閣一夜情侶絕色正妹/台北汐止慾望援助妹/台北
土城叫小姐/台北大安區找女人開房/台北新莊雅緹找小姐/板橋金色年代一夜情侶 台北萬華區叫妹
/外約八大娛樂網/戀愛情人指油壓/一夜情留言板/台北中正區叫茶/台中找茶3起/台北松山區/一等
好找女人/喝茶吃魚論壇/找茶討論區/分享好茶訊/彰化找茶3k/新竹出差叫小姐服務/漁會玩美情人
遊戲成人論壇 台北吃魚喝茶留言板外送/台北一夜情重點情/台北旅館飯店找服務叫小姐/找女人全
套服務加按摩指油壓成人夜遊魚訊交流論壇區/台北應召站/伊莉喝茶/第一手論壇/外約愛愛/外約
電話/外約高檔茶到府服務/伊莉plus28/成人性愛慾茶園 性交易/正妹外送服務/找茶論壇/找茶討
論區/台灣外送GTO/台灣樂緣外送茶/兩性論壇/外送茶論壇/新莊美女外約服務/永和外叫全套服務/
土城出差找小姐/板橋外約學生妹愛愛/純兼職學生妹外送/台中一夜情/伊莉討論區/plus找茶/茶魚
訊論壇 玩美情人找茶喝/台北外送茶莊/台中外送茶莊/高雄美女全套服務/彰化找茶論壇/新竹找私
魚/大家來找茶/台灣援交妹/外送援交服務網/三重送住家叫小姐/台北旅館飯店叫小姐/現金消費全
套S服務泰山外送茶motel/汐止找妹妹板橋外送酒店 北投泡溫泉三溫暖找小姐/援交妹網站論壇/FB
交友網站/UT天室交友一夜情炮友/台北喝茶買三送一接多買多送純情動感兼職妹/華僑台北旅遊出
差消遣伴遊找女人茶/極品俱樂部嚴選絕色經典,第一手娛樂論壇/卡提諾/玩美情人/吃魚喝茶網 伊
漁網/Plus論壇/台灣樂緣/小女人論壇/台灣論壇/微風論壇/伊莉論壇/禁地論壇/維克斯論壇/捷克
論/男人幫論壇/大眾論壇/竹北旅館飯店找女人按摩舒壓叫小姐3p服務 愛情公寓論壇 交友/ 愛情/
戀愛/貓都論壇/賽斯論壇/104論壇/九州娛樂論壇/櫻雪論壇/2B級/台灣、香港、澳門、新加坡、
馬來西亞出差旅遊【好茶盡在雪莉外送高檔茶莊論壇】

笑咪咪(外)(約) :hh1235987台南援交妹.台南按摩.台南全套服務

$
0
0
 在新視窗檢視在新視窗檢視( )) (( S k y p e)) : s x c 7 8 1 2 (()) (( L)) i n e ((h h 1 2 3 5 9 8 7))         
 (( ))(()) : h t t p : / / g s p o t s m i l e . c o m/

[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

$
0
0
[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

類型:
網站設計及開發

在專案中,你可能會需要用到地圖以更直觀的展示和地域相關的一些訊息。現在,藉助?AmCharts 新工具——Pixel Map Generator,您可以在短短几分鐘內創建出令人驚嘆的視覺地圖。並可以整合到您的站台,演示文稿,甚至可以使用它們列印小冊子。

?



在新視窗檢視





?

馬上去體驗一下

 

想在手機查閱更多站台設計及開發資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 夢想天空

歡迎任何形式的轉載,但請務必註明出處。











在新視窗檢視

分享到Facebook


[程式設計]「雲棲大會現場」呆萌機械人Pepper亮相,系國內首秀

$
0
0
[程式設計]「雲棲大會現場」呆萌機械人Pepper亮相,系國內首秀

類型:
程式設計

在此次雲棲大會的阿里智慧展台上,雷鋒網看到了由阿里巴巴、日本軟銀集團、富士康科技集團共同投資的軟銀機械人控股公司(SBRH)生產的「智慧機械人Pepper」,這也是機械人Pepper首次在國內亮相。

在新視窗檢視

雷鋒網此前報導過《Pepper:一個比你對象更深情的機械人》。Pepper被稱為「情感機械人」,頭部裝有麥克風、鏡頭和3D感知器,對人的表情、聲調到喜悅及憤怒等感情均可辨識,並且可根據人類情緒進行反應。



在新視窗檢視

Pepper使用基於雲端的面部和語音辨識來完成這些工作。隨?它更進一步加深對你的了解,程式員也會更多地了解如何以程式開發的方式來讀出這些情緒,Pepper將會變得更加聰明。據介紹,最目前最新的Pepper機械人比最初的機械人CPU快4倍,通過雲連線,Pepper可以從其它機械人身上有所學習,並且不會將使用者的個人訊息和資料進行共用。

今年6月,阿里、富士康宣布聯合日本軟銀投資「智慧機械人Pepper」專案。這款機械人已經在日本公開發售,推出時硬體售價為19.8萬日元(不含稅),約1萬元人民幣。

想在手機查閱更多程式設計資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 雷鋒網

【本文著作權歸雷鋒網所有,未經許可不得轉載。文章只有代表作者看法,如有不同觀點,歡迎新增雷鋒網微信公眾號(微訊號:leiphone-sz)進行交流。 】











在新視窗檢視

分享到Facebook

[原創] 台中叫小姐line:ad9752台中找嫩妹/台中外約美女台中找援交妹

$
0
0
  

撫媚性感選秀,丁字褲的誘惑 
讓你掰開屁股找內褲 讓你撕扯胸罩看葡萄 
深喉 讓你想把根留住毒龍 讓你欲罷不能口爆 讓你激情四射 
高難度姿勢的抽插 讓你淫水四濺 
美女的桃源洞已經為你打開 
想體驗你妹妹的翹臀美腿為你抬高 為你搖擺嗎? 
趕快放開你打飛機的雙手??? 
後宮三千佳麗 等你來臨性喲!^_^ 
佳妮外送茶莊 給你最貼心 最頂級的性愛服務 
有買三送一喲 

聯絡LINEad9752  Wechat:jn9658   Skypetw9752

佳妮優質正妹網站:http://www.ad9752.com/

正妹網:http://ww61020.weebly.com/

正妹網:http://blog.udn.com/25e52527/article

正妹網:http://blog.roodo.com/ww6929

正妹網:http://mypaper.pchome.com.tw/ww6926

正妹網:http://blog.udn.com/75d41650/article

正妹網:http://ww0908.blog.fc2.com/

正妹網:http://blog.roodo.com/ww6920

[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

$
0
0
[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

類型:
網站設計及開發

在專案中,你可能會需要用到地圖以更直觀的展示和地域相關的一些訊息。現在,藉助?AmCharts 新工具——Pixel Map Generator,您可以在短短几分鐘內創建出令人驚嘆的視覺地圖。並可以整合到您的站台,演示文稿,甚至可以使用它們列印小冊子。

?



在新視窗檢視





?

馬上去體驗一下

 

想在手機查閱更多站台設計及開發資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 夢想天空

歡迎任何形式的轉載,但請務必註明出處。











在新視窗檢視

分享到Facebook

[求助] 台北外送茶微信/line:tea9302 台中外送茶/看照約妹/叫小姐電話/台北出差叫小姐/台北酒店叫服務

$
0
0
 大台灣頂級外送茶line:tea9302台中出差叫小姐/按摩舒壓/西門町叫小姐到府服務外送住家學生妹/
營業時間:每日中午13:00~凌晨03:00
活潑可愛學生妹★性感火辣女秘書★狐媚老師★悶騷人妻
視訊辣妹★優質辣妹OL★檳榔西施★氣質各航航空空姐
內衣麻豆★夜店辣妹★電玩美女★無名正妹★平面模特
優質美女★優良服務★激凸身材★超值抵食 或 另類誘惑

外送茶訊論壇: http://www.girl-3k.com/
網站:http://qin888.666forum.com/
網站:http://blog.roodo.com/qin12000
網站:https://wordpress.com/post/qin4.wordpress.com/17
網站:http://qin1234.weebly.com/
網站:http://qin12340.weebly.com/
網站:http://qin6547.hatenablog.com/


金莎服務賬號微信/line:tea9302
金莎服務line:tw6393【兩個賴都可以任意加其中一個哦】
金莎服務Skype:lina04259

金莎網站http://qin951000.weebly.com/

在新視窗檢視

空虛寂寞的夜晚、想要有一個人來陪ㄇ
聽覺◇傾聽嬌聲細語.曖昧情話
觸覺◇愛撫柔嫩肌膚 吸允粉嫩乳頭豐滿雙峰
味覺◇垂涎欲滴 香嫩爽口 挑起您的情欲 觸動您的神經末梢
想要體驗纖纖玉手在你身上游動的感覺ㄇ
想要讓妹妹含住你的大肉棒 再頂到深喉的刺激ㄇ
來~來~來~慢慢回味享受肉棒頂到G點的欲仙欲死.喔XD
*一律現金交易‧不轉帳‧不匯款‧不購買點數*
*一律配合外送沒有固定的點-旅館的話由大大自選!
*本茶莊都是以“見面”“滿意”“現金”“交易”“可打槍換人”
◆百變女郎多風格多特色~為您精心挑選~完美安排~保證回味無窮值得留戀◆

[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

$
0
0
[網站設計及開發]像素地圖生成工具幫助你快速生成精美地圖

類型:
網站設計及開發

在專案中,你可能會需要用到地圖以更直觀的展示和地域相關的一些訊息。現在,藉助?AmCharts 新工具——Pixel Map Generator,您可以在短短几分鐘內創建出令人驚嘆的視覺地圖。並可以整合到您的站台,演示文稿,甚至可以使用它們列印小冊子。

?



在新視窗檢視





?

馬上去體驗一下

 

想在手機查閱更多站台設計及開發資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 夢想天空

歡迎任何形式的轉載,但請務必註明出處。











在新視窗檢視

分享到Facebook

Viewing all 735 articles
Browse latest View live