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
HTML5日漸成為Web開發的主流技術之一,目前,W3C已經完成了HTML5的基本特性,HTML5成為 W3C官方標準指日可待。
目前互聯網中已經出現了大量HTML5應用,其展示的效果一點也不輸Flash,甚至要更為強大。該技術最大的優勢是跨平臺,甚至未來有可能成為開發移動應用的主要技術。
本文為你帶來 6 個強大的 HTML5應用開發工具,希望可以提高你的開發效率。
1. Adobe Edge Animate
Adobe Edge Animate 是一款 Adobe 開發的全新的工具,致力于尋求適用于 HTML5、CSS3 和 JavaScript的交互、動畫編程體驗。
該工具有一個類似 Flash Pro 的用戶界面,允許開發者對交互內容、動畫進行精準的控制。目前尚不支持 HTML5 canvas 和 audio 標簽,Adobe 表示會在未來增加支持。
2. HTML KickStart
這是一套集合了各種 CSS、HTML5 和 jQuery 模塊的工具,不僅可以幫助你節省開發時間,還可以幫助你獲取 HTML5 開發的靈感。
該工具包中包含了大量預配置、預格式化的功能塊,你可以非常快地實現一些特定的功能,如幻燈、按鈕、選項卡等。
3. HTML5 Reset
HTML5 Reset 包含了一組 HTML、CSS 相關的文件,幫助你在開始新項目的時候節省時間,并提供了基于 HTML5 的空白 WordPress 模板。
4. Liveweave
這是一個 HTML5、JavaScript 和 CSS3 代碼在線測試工具,你可以直觀地看到你的代碼的運行情況。此外,該工具還具備代碼自動完成功能,你也可以將其作為一個在線 IDE 來使用。
5. Modernizr
Modernizr 是一個開源的JS庫,它使得基于訪客瀏覽器的不同而開發不同級別體驗的設計工作變得簡單。當你在網頁中嵌入 Modernizr 腳本時,它會檢測用戶當前瀏覽器是否支持 CSS3 和 HTML5 的特性,然后你可以決定是否創建一個基于 JS 的 fallback,或者對那些不支持的瀏覽器進行簡單的優雅降級。
6. Video.js
Video.js 是一個基于 JavaScript 的 HTML5 視頻播放器,可以幫你更加簡單的構建 HTML5 視頻。Video.js 提供了一個通用控件,內置的 HTML/CSS 皮膚,修復了跨瀏覽器的兼容性問題,還擴展了許多附加功能,例如全屏、字幕等。如果用戶瀏覽器不支持 HTML5 視頻,還可以退回到 Flash 或其他播放技術。
是否還在用ppt做一些毫無意思的幻燈片?你是否在做ppt的時候絞盡腦汁想把效果做的吸引大家?你是否想通過一次ppt吸引領導的注意?那好吧!來學學怎么制作一款炫酷的web幻燈片~
ps:如果看到這里還不感興趣就請先看看素材演示,這個演示是前些時候給組里新人介紹HTML5的時候自己做的一款幻燈片!
一款最近版本的chrome瀏覽器(火狐,safari也可)
一款趁手的IDE工具
impress.js君(您也可下載本頁素材進行自己需求的修改)
幾乎不需要寫任何JS,只需要在每個子頁DOM處添加幾個屬性就可達到效果!至于CSS嘛,根據你的幻燈片需求,看情況寫啦!
操作時候可以用鍵盤空格、光標或者鼠標滾輪控制幻燈片切換
看完效果大多數人應該就了解了原理,在這里還是羅嗦一下:其實每一個子頁就是id為impress的div下的一級div,impress將他們每個起始位置或動畫角度定好(由我們來配),當子頁出現時候通過平滑的css動畫過度到屏幕正向面前。就好像一張大紙上畫了好幾個div,屏幕就像一個放大鏡焦點,從第一個div開始,挨個看div,在過程中不斷平移或旋轉這個大紙(3d效果動畫另說)。
HTML部分結構
<body>
....
<div id="impress">
<div class="step">子頁一</div>
<div class="step">子頁二</div>
<div class="step">子頁三</div>
<div class="step">子頁四</div>
....
</div>
....
</body>
除了引入impress.js就是下面這句了:
<script> impress.init; </script>
data-x:幻燈片的x坐標(子頁面出現時候進行平移)
data-y:幻燈片的y坐標(子頁面出現時候進行平移)
data-z:幻燈片的z坐標(子頁面出現時候進行z軸深度的平移)
data-scale:縮放。通過指定一個值來進行縮放,將該子頁出現時進行放大,同時其他子頁就會相對變小
data-rotate:旋轉。通過一個數字度數來確定旋轉你的幻燈片
data-rotate-x:為3D用,這個數字度數是它應該相對x軸旋轉多少度。(前傾/后仰)
data-rotate-y:為3D用,這個數字度數是它應該相對y軸旋轉多少度。 (左擺/右擺)
data-rotate-z:為3D用,這個數字度數是它應該相對z軸旋轉多少度。
一共就這幾個參數,配置在每個子頁div的DOM上
……
…………
<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
<span class="try">進入正題</span>
<h1>HTML <sup>5</sup></h1>
<span class="footnote"><sup>*</sup>W3C萬維網聯盟</span>
</div>
<div id="yuyi" class="step item" data-x="850" data-y="3000" data-rotate="90" data-scale="3">
<h3>語義</h3>
<img src="img/yy.png" width="100%">
<p class="font6">HTML5 引入了新的 HTML 元素,通過使用這些元素,開發者可以更細致的描述文檔結構,讓文檔更加易讀,搜索引擎也能更好的理解頁面中各部分間的關系,我們也可以搜索到更快,更準確的信息。
</p>
</div>
…………
……
這是幻燈片中的一個片段,截取了源碼中兩個子頁代碼,從這里可以讀出3個要點:
每個子頁是一個div,必須有一個step作為class,如果沒有,這個div將不會在幻燈片進行時候出現
api中的屬性寫在子頁div中
每個子頁的自定義css可以定義class或者id寫在css文件中
到這里,聰明的讀者應該已經迫不及待的,想要靠自己的智慧想要去親手做一個了。但是這時候我再廢話幾句我的源碼:
1、第一個子頁這里data-x,data-y是可以從0開始的,之所以這樣其實是想告訴大家這里可以不從0開始,哈哈!可以把定位在0子頁之前的這種子頁當成幻燈片前言
<div class="step slide" data-x="-1000" data-y="-1500">
<img src="img/h5.png">
<h1>HTML5 介紹</h1>
</div>
2、源碼最后的子頁有個這個空的div,其實是為了展示出來“整張大紙”的全景,坐標是自己摸索出來的,放大倍數也是根據內容多少而大致試出來的。這個div其實定義了style:display:none,但是幻燈片還是會展示,只是個空的而已。也就是說即便對他設置了css讓他隱藏,但只要有step這個class在,一樣不會被忽略!
<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
</div>
點擊這里在線調試和把玩相關代碼
點擊閱讀原文獲得更多精彩內容
了解Python的小伙伴都知道,Python是一個開源的編程語言,正是因為有全世界愛好Python的程序員不斷完善Python編程語言,才有了現在Python這么強的實用性,能和各個語言結合使用,被稱為“膠水語言”。
下面小編精心總結并且分類了101個非常實用的Python項目,以及項目簡介!
如果你正在學習Python或者以后從事Python編程,你必定會需要這些項目模塊!
需要項目源碼的小伙伴關注、轉發文章,私信小編“01”即可獲取這些項目的源碼
需要項目源碼的小伙伴關注、轉發文章,私信小編“01”即可獲取這些項目的源碼
需要項目源碼的小伙伴關注、轉發文章,私信小編“01”即可獲取這些項目的源碼
一、測試和調試
1、python_koans :Python Koans 算 “Ruby Koans” 的一部分,作為交互式教程,可以學習 TDD 技巧。
2、sure :Sure 是最適合自動化測試的 Python 工具,包含流利的斷言、深度選擇器等等特性。
3、responses :用 responses 能令測試更加輕松,這是一個可以偽裝各種請求的庫。
4、boom :Boom! Apache Bench 的替代品。作為一個命令行工具,Boom 能對你的應用進行快捷的 smoke test。
5、cricket : BeeWare 套件的一部分,cricket 是種圖形化工具,協助你進行案例測試。
6、bugjar : BeeWare 套件的一部分,bugjar 是針對 Python 的圖形化交互式調試器。
7、pudb :pudn 是針對Python 的全屏命令行調試器。
8、voltron :更好的 gdb 界面。
二、Web框架
9、django-stronghold :試過將 login_required 裝飾器四處亂放? 在你的堡壘中令所有 Django 視圖有默認 login_required 唄。
10、Falcon Framework :Falcon自稱為髙性能云接口框架,號稱能在相同硬件條件下提高服務端性能30倍! 聽起來有點兒意思?
11、django-xadmin :用 bootstrap 對 django-admin進行了深度升級,提供了可插件安裝的儀表盤。
12、clay :基于 Flask 的封裝,能令我們輕松的創建 RESTful 后端服務,完整文檔可查看 clay 。
13、flask-restful :基于 Flask 的簡單框架,用以創建 REST 接口。
14、sandman :Sandman 希望通過REST 接口暴露你現有的app,相關 博客 也值得一讀。
15、Django Unchained :名字很髙大上,也的確是 Python Django 初學者的靠譜指南。
三、并發
16、pulsar :部署新web 服務器走起! 有趣的事件驅動的并發框架 ! 兼容從2.6+到pypy 的所有python版本!
17、toro :同步化的Tornado 協程支持。
18、offset :Offset Go 的 并發模式在 Python 中的實現,請參考相關演講 幻燈 來理解!
四、任務調度
19、pyres :從 resque 獲得靈感的純Python任務調度模塊,是 celery 的替代。
20、dagobah :Dagobah 是Python 完成的簡單關系依賴為基礎的任務調度模塊,還包含很COOL 的關聯任務工作流圖形工具。
21、schedule :使用生成器模式來為定期任務生成配置的進程調度模塊。
五、實用工具
22、howdoi :發覺你總在 Google 一些簡單的最簡單的編程任務? howdoi能讓你遠離瀏覽器,就解決這類事兒!
23、delorean :時間旅行?簡單! Delorean 的目標就是令你的Python 項目在處理時間/日期時輕而易舉!查閱完備的 文檔 。
24、powerline-shell :對于那些想讓常用工具漂亮起來人,一定要用 powerline-bash,能打造漂亮的shell提示符,增加力線(powerline),兼容 Bash/Zsh。
25、fn.py :在Python 中談及函數編程時失落的那節”電池”終于出現了! 如果對 Python函數式編程 有興趣的立即下手安裝體驗吧!
26、lice :為你的開源工程方便的追加許可證,而不用自個兒去 Google,支持 BSD、MIT和GPL 以及變種協議。
27、usblock :基于 USB來鎖定或是解鎖你的筆記本!
28、Matchbox :MatchBox 能在你自個兒的服務器上提供類似Dropbox 風格的備份服務! 基于 Flask 并通過 http 協議進行文件傳輸。
29、cleanify :用cleanify能異步美化你項目的所有 html/css/js文件。
30、locksmith :Locksmith是AES加密的口令管理器,看起來不錯,完全開源,源代碼、截屏都有。
31、storm :在Storm的命令行界面,管理你所有的SSH 連接。
32、sqlparse ::這個很給力! sqlparse 是個 SQL 有效性分析器,支持解析/分裂/格式化SQL 語句。
33、autopep8 :能自動化以 pep8 來格式化你的代碼。
34、colout :colout用以在命令行中色彩化輸出,這就從其 github page 查看范例來體驗吧。
35、bumpversion :版本號沖撞總是惱人的,而每個人總是忘記給發行版本打tag,bumpversion 用一條簡單的命令簡化了這方面的操作。
36、pyenv :需要更好的管理你Python的多版本環境 ? pyenv 讓你能簡潔的作到!(甚至超出你的預期!有插件能將 VirtualEnv 也無縫結合進來!)
37、pip-tools :一整套能令你的Python 項目保持清爽的工具。
38、cdiff :Cdiff是種非常 nice 的工具,可以用彩色輸出統一diff 格式信息,或用雙欄形式來展示。
六、數據科學及可視化
39、data_hacks :由 bitly 發布的一堆數據分析用命令行工具。這些工具接受命令行或是其它工具輸入的數據,輕易的生成柱圖以及直方圖等等。
40、給黒客的概率編程和貝葉斯方法 :這書是極好的,介紹如何用貝葉斯方法和概率編程進行數據分析,而且每章都提供了用以 iPython Notebooks 的示例。
41、simmetrica :想對自個兒的應用基于時間的數據序列 進行展示、匯總、分享嘛? 趕緊上 simmetrica 吧,同時還提供了可定制的儀表盤。
42、vincent : Python構建的專為運用D3.js 進行可視化的vega轉換工具。
43、bamboo :一種簡潔的實時數據分析應用,bamboo 提供了一個進行合并、匯總、數值計算的數據實時接口。
44、dataset :難以置信的工具,dataset讓對數據庫的讀寫簡單的象對 JSON 文件的操作,沒有其它的文件配置,頃刻間就讓你在BOSS 面前高大上起來。
45、folium :喜歡地圖?也愛Python? Folium 讓你在地圖上自在操縱數據。
46、prettyplotlib :用prettyplotlib來強化你的 matplotlib,讓你默認的matplotlib輸出圖片更加漂亮.
47、lifelines :有興趣在Python 中研究 生存分析 的話,不用觀望了,用lifelines! 包含對 Kaplan-Meier、Nelson-Aalen和生存回歸分析。
七、編輯器及其改善
48、sublime-snake :想在無盡的coding中喘口氣? 當然是這種經典游戲了……
49、spyderlib :又一個用Python 寫的開源IDE。
50、vimfox :對于Vim黨最貼心的web專發工具,VimFox 能讓 vim 實時的看到 css/js/html 的修改效果,能神奇的讓 vim 中的修訂,立即在瀏覽器中看到。
51、pcode :基于 Py3 的IDE,通過簡單的UI提供了重構、工程管理等。
八、持續交付
52、metrology :這個庫很酷,支持你對應用進行多種測量并輕松輸出給類似 graphite 的外部系統。
53、python-lust :支持在Unix 系統中用Python 實現一個守護進程。
54、scales :Scales 對你的Python 應用進行持續狀態和統計,并發送數據到 graphite 。
55、glances :跨平臺,基于 curses 命令行的系統監視工具。
56、ramona :企業級的應用監管。 Ramona 保證每個進程在值,一但需要立即重啟,并有監控/日志輸出,會發送郵件提醒。
57、salmon :基于 Salt Stack 的多服務監視系統,即能作報警系統,也能當監控系統。
58、graph-explorer :Graph-explorer 是對 Graphite 面板的增強,比原版的好很多,值得體驗。
59、sovereign :Sovereign 是一系列 ansible 的攻略手冊,能為自個兒建造個私人云。
60、shipyard :能在指定的機器上彈出你的彈窗實例,也支持你創建/刪除等等對彈窗的遠程控制。
61、docker-py :瘋狂的 docker 工程接口的Python 包裝。
62、dockerui :基于 docker 接口通過web 界面進行交互操作的工具。
63、django-docker :如果想知道怎么將Djnago 應用同 Docker 結合? 可以從這里學習。
64、diamond :Python 實現的守護進程,自動從你的服務或是其它指定數據源中提取數值,并 graphite 、 以及其它支持的 狀態面板/收集系統輸出。
九、Git
65、git-workflow :可視化你的 git 工作流程的工具,示例: Demo 。
66、gitto :簡潔的庫,協助你建立自個兒的 git 主機。
67、git-imerge :git-imerge 能讓 git 進行增量合并。 本質上是允許你在進行 imerge 有沖突時,有機會先合并掉,再繼續。
十、郵件與聊天
68、mailbox :Mailbox 是對Python 的IMAP 一個人性化的再造。 基于簡單即是美的態度,作者對 IMAP 接口給出了一個簡單又好理解的形式。
69、deadchat :deadchat 旨在不安全的網絡環境中提供安全的單一房間群聊服務以及客戶端。
70、Mailpile :Mailpile 是針對郵件的索引及搜索引擎 。
十一、音頻和視頻
71、pms :窮人的 Spotify ,搜索和收集音樂流!
72、dejavu :在琢磨 Shazam 的原理? 音頻指紋識別算法的Python實現在此!(譯注: Shazam :是個神奇的音樂識別應用,對她啍個幾秒調子,就能精確告訴你是什么歌曲、作者、歌詞……)
73、HTPC-Manager :為 HTPC 粉絲準備的工具,提供了完備的界面來管理所有家庭媒體服務器上的好物。
74、cherrymusic :Python 實現的一個音樂流媒體服務器。 流化輸出你的音樂到所有設備上。
75、moviepy :腳本化的電影剪輯包,切/串/插入標題等基本操作,幾行就搞定!
十二、其它
76、emit :用 redis 為你的函式追加可訂閱能力,很有趣。
77、zipline :Zipline 是種 很Pythonic 的交易算法庫。
78、raspberry.io :Raspberry.io 是樹莓派的社區實現。 剛剛發布,匯集了各種創意想法,有興趣的話立即檢出折騰吧。
79、NewsBlur :Google Reader 已經關張兒了,Newsblur 已經發布了有段日子了,開源的 RSS 閱讀器,這絕對是應該首先體驗的。
80、macropy :Macropy 是在 Python 中實現 macros 的庫。 檢出文檔,參考所有功能,看怎么用上了。
81、mini :對編譯器以及語言設計有興趣的,一定要看看這個倉庫,以及配套的錄像!
82、parsimonious :Parsimonious 的目標 是最快的 arbitrary-lookahead 解析器。 用Python 實現,基本可用。
83、isso :Disqus 的開源替代,從demo 看很不錯,而且提供了更好的隱私設置。
84、deaddrop :Deaddrop 能為新聞機構或是其它人 提供在線投遞箱,詳細信息參考其 github page 。
85、nude.py :裸體檢測的Python 實現,是 node.js 的仿制。
86、kaptan : Kaptan 是你應用的配置管理器!
87、luigi :Luigi 幫你構建復雜的管道來完成批處理。
88、gramme :Gramme 以簡單而優雅的方式,通過 UDP 接口對易失數據完成消息包裝序列化。
89、q :為你的Python 程序提供快速而隨性的日志。 有一系列幫手來追蹤你的函式參數,并能在控制臺快速交互式加載。
90、fuqit :來自偉大的 Zed Shaw 最新作品,fuqit 試圖令你忘記 MVC 的經驗,用全新的方式專注簡潔一切。
91、simplicity :基于靠譜的 pydanny 將你的 新結構化文本 轉換為 JSON 格式。
92、lassie :Lassie 允許你輕松的從網站檢索出內容來。
93、paperwork :Paperwork 是個 OCR 文檔并完成可搜索轉化的工具,用GTK/Glade實現了友好的界面。
94、cheat :cheat 允許你創建并查閱命令行上的交互式備忘。設計目的是幫助 *nix 的系統管理員們在習慣的環境中,快速調閱不易記憶的常用命令。
95、cookiecutter :良心模塊! 提供一堆有用但是不常寫,所以記不下來的代碼模板,也支持自制代碼模板。
96、pydown :支持用Python構建亮麗的HTML5 效果幻燈, Demo 。
97、Ice :模擬器粉絲們現在能用 Ice 向 Steam 里塞 ROM 來玩了。
98、pants :用以編寫異步網絡應用的輕量級框架。 Pants 是單線程,回調服務,也包含支持Websockets 的 HTTP 服務、WSGI支持和一個簡單的web 框架。
99、pipeless :Pipeless 是一個構建簡單 數據管道 的框架。
100、marshmallow :marshmallow 是個 ORM 無關的庫,能將復雜的數據類型轉換為Python 原生類型對象,以便容易的轉換為JSON 提供接口使用。
101、twosheds :Python 實現的庫,用來構造命令或是shell 解釋器。Twosheds 讓你用 Python 來定制自個兒的 shell 環境。
上訴文章小編總結的不僅有Python的實用項目,還有許多可以直接調用的Python功能模塊,相信對于大家的學習和工作生活有所幫助!
源碼獲取方式:
需要項目源碼的小伙伴關注、轉發文章,私信小編“01”即可獲取這些項目的源碼
真心希望大家能夠在Python的方向上走的更遠!!
畢竟現在Python的火熱程度及實用性,很快能夠在編程語言占據很大的地位!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。