Ezgif 線上製作超簡單，製作GIF與Video影片動畫

除了在電腦上有不少的製作GIF軟體外，手機上也有ImgPlay - GIF Maker App，輕鬆將影片與GIF圖片互相轉檔，或者使用多張照片、LIVE連拍的相片直接製作GIF動圖，程式還有新增文字、濾鏡特效、剪輯短片的功能～隨手將生活的每個精彩瞬間拍下來，將這些生動的GIF動態圖片分享給朋友們！

ImgPlay，手指動一動，就能迅速制作屬於自己的個性GIF動態圖片與朋友分享，非常方便又實用。是一款利用圖片、影片就能輕松制作GIF的手機應用軟件。iPhone的優勢！利用高速連拍圖片就能快速制作GIF動態圖片，也可以從影片中截取有趣的段落制作成GIF和影片短片。通過這款軟件，大家可以切身感受拍照片和影片時的精彩瞬間。現在，就拿ImgPlay創建屬於自己的GIF動態圖片，和大家一起欣賞和分享吧！

OpenCart的購物網站程式，是由英國人Daniel 所開發的開放原始碼購物網站系統，OpenCart在程式架構上採用MVC schema架構開發，在架構上並沒有使用太多的Smarty模板引擎，所以要修改程式或是版型會比較容易，而且運作上也蠻輕巧的運行執行速度快速，網站支援多國語系(英文、簡體、正體中文)都有，讓您可以輕易發展不同語系的系統，後台功能頗完善的，也有支援報表輸出，若您不需要複雜的購物網站功能，或您對於架設購物網站尚無經驗，且喜歡簡潔的介面，則您可以考慮這套還蠻不賴的OpenCart購物網站。

OpenCart購物網站支援目前最夯的Responsive Web Design（響應式網頁設計）瀏覽模式，同時支援一般電腦、平板電腦、智慧手機和手機的四個主要螢幕寬度佈局的版面，可隨著電腦或平板電腦或手機螢幕不同自動調整切換版面的網頁模板，當用手機瀏覽時，就會自動切換到手機版的網頁，若是使用電腦時，就會自動切換為電腦的版本。

Drupa 的名稱源起荷蘭語 druppel(水滴)之意，是一套免費、強大的網站內容開發管理系統(CMS)，能夠輕鬆簡單地發佈、管理以及組織各式各樣的內容資訊。適合應用在小至個人部落格、大至企業商業應用的網站。擴充性強，外掛模組種類多樣化，安全性高。Drupal 是一套開放源碼的內容管理平台，擁有多種實用的功能，可以用來建置從個人網誌到大型網路社群等各種類型的網站，例如華納唱片、紐約觀察報、Fast Company、Popular Science、SonyBMG、富比士、哈佛大學等網站，或是個人部落格（Tim Berners-Lee）、播客網站（TWIT.tv）、線上社群（SpreadFireFox.com）。

• 系統名稱：Drupal 網站內容編輯管理系統
• 軟體費用：開放原始碼且免費 (GPL)
• 正體支援：正體中文高度支援 /

Magento 一套以 PHP 開發的購物車系統，具有完整後台管理，讓使用者有效率的建立屬於自己的網路商店，可以在同一個後台管理多個網站或者多個線上商店。Magento 多商店購物網站系統支援多語言多種貨幣、 靈活促銷和工具、SEO搜尋引擎優化自訂管理、商品上架管理簡易，維護簡單方便。它能制訂各種商品優惠，如：增加促銷產品、折價卷、免運費、滿額折扣等。 商品結帳方面，它支援加密連線 (https)，保護帳單相關的資料傳送。物品寄送的方式，它能依據重量、價格、目的地和所選的快遞公司設定運費。 各種的銷售報表讓管理者能迅速掌握商店最新的狀況，適合各業界在網路上經營業務，和拓展國際商業貿易生意機會。更適合各網頁網站設計人員、網站發展和網上服務供應業界等，使用來發展和推廣業務，因Magento 功能強大，發展迅速，不斷改良，務求強效但保持簡單，穩定性高，適合不同客戶的需求！

• 系統名稱：Magento

如今許多公司的IT部門需要做這樣一項工作：使工作人員能在掌上型電腦(PDAs)或者智慧型手機這類的無線手持設備上處理商業資料。在理想的情況下，所有的這些設備都是值得信賴的，並且不受惡意軟體的干擾。可現實的情況是，許多設備都處於無人管理也沒有安全保障的狀態，這就成為手機惡意軟體感染的理想目標。企業如何才能在這些問題氾濫前，將潛在的風險遏制在萌芽狀態呢?

智慧型手機和掌上型電腦的安全威脅日益增加

和Win32平台上的情況相比，手機惡意軟體的數量仍然很少。迄今為止，已被發現的、專門針對移動作業系統的病毒、蠕蟲和特洛伊木馬不到500例。大多數隻造成相對較小的損害，諸如：檔丟失、硬體重置或產生額外的話費。

不幸的是，長期制約惡意攻擊的門檻正漸漸消失。首先，移動設備的使用人數正飛快增長。其次，新型熱門商用消費級終端設備(如蘋果公司的iPhone和HTC公司的Android

在這一章中，我們將講解Bootstrap 底層結構的關鍵部分，包括我們讓web 開髮變得更好、更快、更強壯的最佳實踐。

HTML 5 文檔類型（Doctype）

Bootstrap 使用了一些HTML5 元素和CSS 屬性。為了讓這些正常工作，您需要使用HTML5 文檔類型（Doctype）。因此，請在使用Bootstrap 項目的開頭包含下面的代碼段。

<!DOCTYPE html>
<html>
....
</html>

如果在Bootstrap 創建的網頁開頭不使用HTML5 的文檔類型（Doctype），您可能會面臨一些瀏覽器顯示不一致的問題，甚至可能面臨一些特定情境下的不一致，以致於您的代碼不能通過W3C 標準的驗證。

移動設備優先

移動設備優先是 Bootstrap 3 的最顯著的變化。在之前的Bootstrap

如今手機應用程式越來越多，可只有少數幾個內建應用程式被廣泛使用。Medium 上的這篇文章認為功能越發強大，更易操控、更懂你的興趣愛好的瀏覽器，將會一直是世界上最流行的行動作業系統。

在討論行動裝置的未來發展時，一個普遍的問題是「最終，所有行動應用程式都來自於 iOS 或 Android 系統」，而許多評論員在幫助本地行動應用程式的生存中獲得既得利益。 一個全原生行動應用程式的世界宣言忽視了一個事實，即瀏覽器和網路正在迅速成為未來的行動作業系統，而本機應用程式正在慢慢消亡。

本地應用程式在某些方面有益

本地應用程式在某些方面當然執行良好。他們非常適用於頻繁的任務，如與朋友，家人和同事進行溝通──這些我們一天中做很多次但每天都在做的事。Snapchat、WhatsApp 和 Facebook Messenger 等應用程式需要直接用到鏡頭、麥克風和操作系統。因此，用這類應用程式做 iOS 和 Android

Android 做為一個開源行動作業系統，除了 Google 委託硬體製造商生產的產品之外，市面上還有數以百萬的相關產品。一般來說，製造商會與 Google 合作，證明已安裝 Google 應用程式如 Google Play、Google 地圖的 Android 裝置安全無虞，而且能夠正常執行所有應用程式。

當您的裝置通過 Android 相容性測試並取得 Google 認證，當然就能使用 Google 應用程式。至於像是亞馬遜的 Fire OS 平板以及多數在中國銷售的智慧型手機並未取得 Google 認證，理論上是無法使用 Google 應用程式；但技術人員可能在未經許可的情況下，採取私自安裝 APK 等各種方式讓用戶也能使用。

現在，Google 官方可要開始整治那些未經許可的行為了！

當用戶嘗試執行 Google 應用程式時，Google 將會審查其 Android 系統生成的日期，如果有未經 Google 認證的裝置，並且搭載的是 2018 年 3 月 16 日之後編譯的 Android 版本，Google 應用程式將無法使用。

有許多自訂 ROM

小明到手機行決定挑選一支手機，手機款式很多但基本上都有相同的功能，僅有少部分的規格上有差異，過去那種資料連連看的方式一定會把資料搞得一團亂 (參考先前的 Javascript 物件 "傳參考" 特性)，於是他想到一個新方法，先寫好一個樣板，有需要的格式直接從該樣板取用即可。

手機的規格樣板：
品牌
型號
是否能照相
照相

一般物件寫法的問題

如果使用一般的物件製作手機規格的樣板，就會出現以下的問題，當物件賦予到另一個物件上時，兩者其實是使用相同的資料，當修改後者時前者也會跟著修改 (JavaScript 傳參考的特性)。

var phoneTemplate = {
  brand: 'xxx',
  model: 'z1',
  withCamera:

JQuery Mobile在使用上有哪些需要注意的地方

Javascript使用須知：

1. jQuery Mobile是採用ajax方式運作，除了第一次loading的page以外，皆只有取出該page content畫面，因此如果每個page都有各自的js，只有第一個page的js會執行，且後續change page都會執行第一個page的js。
2. 因此所有page需共用一個js檔較為恰當，可於pageinit/pagechange event來客制各page自訂功能之js

url非預期路徑：

因jQuery Mobile是採用ajax方式load page，因此除了第一個page以外，其他page的url都會被變更為{原URL}/#/{新URL}，因此引用css/js(可於放入content來引用)路徑也會因此而不正確。

page cache：

jQuery

當換機登入 LINE 的時候，您也許也會碰到 LINE 帳號或者密碼忘了的難題。由於我們也不是經常要輸入帳號和密碼來登入 LINE 的，可能一兩年才會需要登一次，所以忘掉帳號或密碼也不可謂不常見。如果您能記住 LINE 帳號的話，找回密碼其實一點都不複雜（透過認證電子郵件重設即可）。但如果您連帳號都忘記掉了，那就會相對麻煩點，但也不是沒有辦法找回。如果您想救回 LINE 帳號或密碼，可以參考下面的方法！

忘記了 LINE 帳號密碼或 Facebook 密碼怎麽登入 LINE？

您可以透過 LINE 帳號或綁定的臉書帳號登入 LINE。LINE 帳號是原本登入時使用的電子郵件號碼（不是電話號碼，電話號碼只是用來驗證帳號的），那應該如何找回 LINE 的 Email 地址呢？

忘記 LINE 帳號的人大多數是有多個 Email，忘記了當時註冊時使用的究竟是哪一個。爲了找到這個電郵地址，您可以先試試你記得的常用 Email，如 Gmail、Yahoo、Outlook 等。

因爲您在第一次使用這個電子郵件號碼登入 LINE 的時候，LINE 會發出標題為「LINE Email Address

Responsive

Phone 有很多的實用功能或技巧，但如果您沒有專門鑽研過，一般很難會瞭解這些隱藏功能。這裡我整理綜合了十個非常實用的 iPhone 隱藏小技巧，讓您更加省時省力玩轉 iPhone。下面就來看看您會用多少個 iPhone 不可不知的功能吧！

一、自訂「控制中心」

iOS 11 以後的版本可以讓你自定「控制中心」項目（將常用的功能加入到「控制中心」中以便快速取用）。前往 iPhone/iPad 的「設定」>「控制中心」，點「自定控制項目」。在介面上按紅色減號可以將顯示在「控制中心」移除，而按下面綠色的加號則可以將你想要的功能加到「控制中心」。

二、搖一搖 iPhone 返回上一步驟/動作

Shake to undo 其實並不是一個新功能了，在以前舊的 iOS 版本中就已經引用到 App 中，但是有些用家可能十分瞭解這個小技巧。如果你在備忘錄、Email

Google 旗下的相片服務應用工具 Google Photos（以下統一稱為 Google 相簿，提供「高畫質」上傳、無限量免費雲端儲存空間的備份功能，是許多手機族用來作為備份照片或影片的最佳得力助手。不過，在自動同步上傳備份照片的同時，是相當耗損網路流量資源。

尤其對於沒有辦上網吃到飽的手機族來說，當月的網路流量額度很容易就會被用光；就只能選擇在有 WiFi 免費網路可用時再做照片備份。要是遇到 WiFi 網路速度出現龜速狀況時，可就更令人抓狂。為了搶攻目前躍居全球第二大網路市場的印度，Google 近期積極地深耕當地市場，並強化在地服務，也發現到當地 WiFi 上網速度慢的問題。

據外媒Android Community 的最新報導，針對手機版 Google 相簿App 的照片備份功能，Google 正準備添加一項名為「Express」、提供免費快速備份的全新功能。簡單來說，就是透過壓縮檔案容量的打包方式，快速線上備份。

用手機開啟 Google

響應式網站設計的理念是：頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、營幕尺寸、螢幕定向等)進行相應的響應和調整，能夠兼容多個終端——而不是為每個終端做一個特定的版本，不必為不斷到來的新設備做專門的版本設計和開發。

在移動設備終端訪問佔大多數的網絡時代，移動設備使得響應式網頁設計變得如此重要。H5響應式網站實現PC端iPad端M手機端及WeChat微信端多平台的瀏覽方式，不同的分辨率下依然保持風格的一致閱讀性，後台更新數據可同步至多個平台，高效快捷。

品牌&企業網站採用國際主流的網站設計風格並結合品牌及企業的VI形象來確定網站的樣式，達到優秀的網站視覺效果、順暢的用戶體驗及信息傳達的準確性。

品牌營銷型網站將營銷的思路、文案和圖片融入到具備美感的品牌網站中來，實現品牌及企業的商業目標及獲得銷售線索或直接獲得訂單。

購物&電商網站實現在線銷售&在線購物服務。其功能主要包含商品的管理、會員的管理、訂單的管理、庫存的管理、優惠的管理、在線支付等。

（此篇文章為網路轉載，如有侵權請告知，會盡速將文章下架！）

H5響應式網站目前已經佔領了全網營銷的流量入口，對於說起H5響應式網站很多人也是慢慢的熟悉起來了，隨著H5響應式網站建站技術的日益成熟，也為企業的建站成本帶來了很大的減少，在技術沒有成型之前都是需要做上倆套模板的，一套pc端的一套手機端的，在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序，但是H5響應式網站就不一樣了，只需要一套模板一套程序可以自適應不同大小的屏幕分辨率，讓網站可以輕鬆的適應不同品目的瀏覽器，給不同設備的客戶帶來了統一的瀏覽體驗，其實H5響應式網站製作起來也不是想像的那麼複雜，下面就來說說如何設計製作HTML5響應式網站建設。

什麼是響應式網站：響應式網站設計是一種網站頁面設計佈局，其理念是:集中創建頁面的圖片排版大小，頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。不需要像以前的方法，根據每個分辨率每個終端去定做一個網站，電腦做一個網站，手機端在做一個網站，ipad在做一個，這樣浪費了大量的時間精力，現在響應式網站節省了非常多的時間和資源，是未來做網站的主流技術。

響應式網站設計在2012年被提的比較多，但是響應式設計仍然在不斷變化，不斷創新。比如，新的設備不斷出來(iPad Mini)，這讓以前的設計想法土崩瓦解。而各種Web的響應式設計也獲得了越來越多的注意，"讓人們忘記設備尺寸"的理念將更快地驅動響應式設計，所以Web設計也將迎來更多的響應式設計元素。

響應式網站的優勢和帶給用戶怎樣的體驗？

談到不同的屏幕，響應式網站就可以給大家帶來出色的用戶體驗。...

愛也好，恨也好，視差效果已經遍布web之上了。當你用的巧妙的時候，它可以給應用增加深度和隱喻效果。但問題在於實現一個高性能的視差效果是一個很有挑戰的工作。在這篇文章裡，我們將討論如何構造一個高性能的視差效果，當然同樣重要的是還得跨瀏覽器。

摘要

• 不要使用滾動事件(scroll events)或者背景定位（background-position）來創建視差動畫。
• 使用CSS 3D 變換來創建一個更準確的視差效果。
• 對於iOS移動設備的Safari瀏覽器使用position:

很多朋友都想學習如何做網頁，我知道他們的意思就是說要如何用做網頁的軟體，如dreamweaver、flash、firework、photoshop等等，這些純技術的東西我不想多談，因為如今技術的發展一日千里，就是這種應用軟體也是發展升級得非常的快。

今天的很多認為是較難實現的功能也許經過軟體升級之後就可以很方便的實現。我想強調的是關於網頁排版佈局方面的必要的知識，很多初學者都忽視這方面，以為技術就能代表一切，能夠知道怎麼用這個做網頁的工具就能夠做出品質較高的網頁來。其實不然，因為軟體知識只是一種工具，就像你有了筆，但不一定能作出好的文章來一樣。很多人對技術很熟練但是做出來的網頁卻通常是照搬人家的東西，並沒有體現做網頁的水準的提高。
...

正如上面所說的，在Web網站開發中經常犯的一個錯誤是為設計者而設計網站，所考慮的是設計者的需求而不是實際使用者的需求。如果設計者忽略使用者的需求，進程模型就不能保障一個網站的品質。一定要記住Web網站設計的重要原則：

規則：設計者不是使用者。

設計者所理解的並不是使用者所理解的。作為一個設計者，您擁有Web網站的直接知識。您道資訊在哪裡以及如何安裝插入功能元件。您有最佳的螢幕解析度及瀏覽器的設置等等。您必須接受以下的事實，很多使用者並不像您一樣理解您認真設計的網站，他們的興趣甚至也與您不盡相同。考慮到使用者的興趣和期望的重要性，表面上直接讓使用者以他們希望的方式進行設計仿佛很合適。但如果您考慮到了另一個基本原則，那就不是一個好主意：

規則：使用者不是設計者。
...

寫在前面：我的一位前輩告訴我，技術永遠都不是最重要的，一個不懂市場的設計師永遠只能是個體力勞動者。
無論這樣，為藝術而藝術或者為技術而技術在這個年代已經註定是要碰壁的了，我覺得。

一、以客為尊從市場的角度思考建置網站之「細節致勝篇」

英國一家研究機構在2002年5月份發表的調查資料表明，英國很多大型公司在企業網站的建設和維護方面儘管花費了數以百萬英鎊計的資金，但真正有用的網站卻寥寥無幾，所投入的資金幾乎等於浪費。其實這種狀況在國內也很普遍，毫不誇張的說，95％以上的企業網站通常都沒有發揮多大作用。於是我們常常可以看到一些為企業網站“診斷”的文章羅列企業的“罪狀”，比如網頁設計簡陋、長期沒有更新、網站缺乏有效的推廣等等，實際情況顯然並不僅僅限於這些表面問題。

如果進行深入分析，不難發現，很多網站在一些看似不起眼的小問題上往往暴露出其不專業的缺點，這些問題看起來可能並不嚴重，甚至微不足道，但實踐經驗表明，在網站的總體功能差不多的情況下，細節問題往往是決定一個網站是否真正有效的關鍵因素。

...

WordPress是一種使用PHP語言開發的部落格(Blog)平台，使用者可以在支援PHP和MySQL 資料庫的伺服器上架設自己的網誌。也可以把 WordPress 當作一個內容管理系統（CMS）來使用。WordPress 是一個免費的開源項目，在GNU通用公共許可證下授權釋出。
WordPress的願望就是成為一個優雅的、完整架構性的個人發佈系統，希望專注於用戶體驗和網頁標準(web standards)，創造了一個異於其他產品的工具。

WordPress開始於2003年，當時只有一些簡單的代碼，與少數的使用者(用手指和腳趾算得出來)，他們藉此提升日常寫作排版的便利性。自那時以來，它以逐漸成長為目前世界上最大的自我架設部落格工具，也被數以萬計的網站所使用。 一切如您所見，從相關文件到代碼本身，都是由一群人所創造出來。 WordPress是一個開放原始碼專案，這意味著全世界有數以百計的人正在為它付出心力(多於大多數的商業平台)。 這也意味著您可以完全免費的使用它，無論是從

網際網路，已經iPad化 據國外媒體報導，Google已經正式推出其網絡應用程序商店Chrome Web Store。商店裡的應用程序採用了JavaScript語言和HTML5規範等先進技術。並且Chrome應用商店大部分程序都能應用在任何一款現代瀏覽器上，而不僅僅是GoogleChrome上。iPad已經改變了網際網路設計，我們將這種現象稱為「網際網路的iPad化」。

正如iPad對網際網路設計產生的影響一樣，它對第二波網絡應用程序的影響也表現得更為明顯。

看過Google程序商店，我們很難不注意到有些應用程序與其iPad對應程序以及iPad應用程序和iPad網站總趨勢的相似之處--有些程序簡直就是其iPad對應程序的翻版。
舉例如下：

1.今日美國
今日美國（USA Today）為iPad發行的新聞軟件（USA Today for

PrestaShop 是一款針對web2.0設計的全功能、跨平台的免費開源電子商務解決方案，自08年1.0版本發布，短短兩年時間，發展迅速，全球已超過四萬家網店採用Prestashop進行佈署。Prestashop基於Smarty引擎編程設計，模塊化設計，擴展性強，能輕易實現多種語言，多種貨幣瀏覽交易，支持Paypal等幾乎所有的支付手段，是外貿網站建站的佳選。Prestashop是目前為止，操作最簡單，最人性化，用戶體驗最佳的電子商務解決方案之一。

Prestashop 除了具備有一般傳統購物商店系統應有基礎功能外，主要特性包括：

我從商好多年，2002年，我就開始做球鞋的實體店，到現在，已經有了五家分店。後來，隨著身邊一些經商的朋友，我也開起了網路商店，隨著賺的錢越來越多，我也越來越想把自己的經驗和大家分享下，今天就先說說我對實體店和網路商店的開店感覺吧，希望對想做生意的朋友有所幫助。

一、投資、經營與風險

我第一家實體店投資了差不多100萬元，第二家投入了180萬元，第三家360萬，現在我在網路上開了一個線上獨立網路商店，投入的資金為約2萬多元。大家知道開一個實體店一般都需要很高的成本，包括房租費用、員工薪資、事務管銷費用、店面裝潢費用、水電費用，在網路上開了一個線上獨立網路商店，這些費用都免了，而且網路商店的風險遠遠小於實體店，比如網路商店根本不用擔心失竊、火災、員工缺勤等不可抗因素。

一般流程：選擇商品與貨源－架設網路商店―網店宣傳廣告－運營收益

一、首先對於商品的選擇要注意以下幾點：

1. 適合網路上銷售：儘量選擇客戶不看到實物也可以放心購買同時便於郵寄的商品。
2. 有利可圖：網路上開店目的就是賺錢，所以選擇的商品要有足夠的利潤空間。
3. 價格優勢：商家要拿到最低的進貨價，這樣在網路上銷售競爭中才能佔有優勢地位。
4. 穩定質優：穩定和優質的貨源關係到發貨的及時性和網店的信譽度，直接關係到商城的長期發展。
5. 售後服務：如果你有自己的貨源這方面問題應該會有保障，反之必須考慮商品的售後服務問題。

二、建立網上商店的步驟：

(1).

網站規劃應該盡可能涵蓋網站規劃中的各個方面，網站規劃的企劃要科學、認真、實事求是。
網站規劃包含的內容如下：