2019年初Google發布了各領域的網頁及APP UX Playbook，裡面包含品牌案例分享及數據研究，非常適合所有設計師或是行銷領域人才學習與參考！
出遊少不了 Google 大神，Google Map 不斷精進各項功能造福不少路痴，而今日，Google Map 終於在台灣上線了 3D 地圖，目前在手機 「Google Earth」App 上可以看到 3D 地圖影像。
Google2月釋出的Android安全更新，修補了涉及PNG檔案的重大漏洞，這些漏洞允許駭客在PNG中植入惡意程式，波及Android 7.0到Android 9的各種版本
關鍵字：UI
像素密度 (Pixel Density) 的意思是像素 (Pixel) 被壓縮到某個數量的實體面積（通常是英吋）。最初的 Mac 每吋有 72 個像素：聽起來好像很多，但是圖片只要符合以下這樣的粗顆粒像素就好了。
關鍵字：scss、Sass、compass、CSS、CSS3
在製作網頁時經常會設計圓角、協角與動畫…等，這些設計不透過程式通常難以達成，這時也可以使用CSS3。再者，可以透過CSS的擴充語法 SCSS，並結合Compass框架，增加CSS的製作空間與方式。
關鍵字：squoosh、free、google、免費圖片壓縮工具
Squoosh 特色是讓使用者深入了解各種圖片壓縮器及選項設定，可自訂性相當高，包括要調整壓縮品質、畫素、重設圖片大小一應俱全，設定後直接在線上預覽不同壓縮演算法對於原始圖片造成的變化，利用拖拉方式、自由放大縮小圖片範圍進行更即時清楚的對照。
值得一提的是 Squoosh 可以在載入網頁後離線使用，圖片壓縮是在使用者裝置上進行，不會傳輸任何資料到伺服器。無論在電腦或行動裝置（手機、平板電腦）都能使用。
Google 今日也正式在官方部落格表示，追隨廣告聯盟（Coalition for Better Ads）今年一月宣布全球適用的桌機與行動設備的違規廣告標準， Chrome 廣告阻擋也將從 2019年7月 9 日推往全球市場。
關鍵字：php、PhpSpreadsheet、PHPExcel
使用PhpSpreadsheet讀取和寫入Excel
2018年06月07日 22:25 helloweba.net 作者：月光光 標籤：PHP
PhpSpreadsheet是一個純PHP編寫的組件庫，它使用現代PHP寫法，代碼質量和性能比PHPExcel高不少，完全可以替代PHPExcel（PHPExcel已不再維護）。使用PhpSpreadsheet可以輕鬆讀取和寫入Excel文檔，支持Excel的所有操作。
關鍵字：Google帳號安全、JavaScript
用戶登入Google帳號時，由於Google仰賴JavaScript進行登入的風險評估、阻擋可疑的登入行為，Google要求用戶必需啟動瀏覽器的JavaScript才能登入。
隨著App市場爆炸性的發展，如何快速開發出高品質的App也成為一個重要的議題。目前兩主流大行動裝置平台為Android與iOS，為了擴增市場與滿足使用者的需求，同時開發App於這兩大不同平台是勢在必行的。
關鍵字：Android、google、Google Play
今年七月歐盟（EU）宣布 科技巨頭 Google 因違反反托拉斯法，遭重罰 43.4 億歐元（約新台幣 1545 億元）天價，改寫全球反托拉斯最高罰款紀錄， Google 不滿並表示將提出上訴。近日，Google 在官方部落格回應歐盟裁決並向歐盟提出在上訴待決期間將在手機廠商預裝 Google 應用程式的作法進行變更。
關鍵字：Adobe Flash Player、冒牌
研究人員在非Adobe的網頁伺服器上發現冒牌的Flash Player安裝程式，除了下載XMRig挖礦軟體到被害的電腦上，也會更新電腦上的Flash Player，企圖掩人耳目。
自從CSS3支援雲端字型後，讓網頁終於不再只有那101種字型新細明體與中黑體，也讓網頁的字型有更多選擇，同時再也不必受限於使用者中的電腦字型，雖然說將文字嵌入到網頁是件好事，但礙於中文字實在太複雜，因此隨便一組中文字，單文字大小就近5、6MB，光是載入就是一個相當致命的部分。
或許和歐盟隱私法GDPR上路有關，蘋果規定自10月3日起新提交的程式或更新程式必須明列隱私政策，打破過去只要求提供訂閱服務的行動程式，所有新提交或更新的程式都受到規範。
對於小型商家而言，現金流相當重要，因此即使信用卡等付款方式更受顧客歡迎，要晚一段時間才能收款始終是個很大的缺點。最近 PayPal 推出的新功能，就解決了這個問題，大幅縮短商家收款的時間。
關鍵字：JavaScript、dom、HTML、node
由於寫網頁常會需要操控 DOM 物件，且 DOM 物件為 Web UI 的基礎概念
因此用這篇文章來紀錄相關學習筆記
關鍵字：CSS
新的CSS攻擊只要15行程式碼，就可利用瀏覽器引擎WebKit的弱點，大量消耗裝置的資源導致核心錯誤，為免造成傷害，iOS系統就會重新啟動裝置，不只iOS裝置受影響，macOS的Safari瀏覽器也會被凍結。
關鍵字：3D、繪圖軟體、free、google、SketchUp、免費、免費軟體、網路服務
「SketchUp」是Last Software公司在1999年所開發的3D繪圖軟體，2000年正式發行，而Google則在2006年併購該公司，並在2012年將軟體授權給Trimble(天寶導航)公司。
目前SketchUp分成免費版跟付費的Pro版，最新版本是SketchUp 2016，一般使用者都可以下載免費的SketchUp Make軟體，容量約為130MB(分成32及64位元版)。
現在SketchUp終於也推出了網頁版，讓你只需要網路跟瀏覽器，就能輕鬆創作各種3D模型，並儲存在雲端空間（天寶公司提供註冊用戶10GB免費空間，不註冊的話就只能下載儲存在本機），快來看看下面的介紹吧！
關鍵字：BigData
TensorFlow現在釋出TensorFlow資料驗證（TensorFlow Data Validation，TFDV）工具，來幫助開發人員大規模理解、驗證以及監控機器學習的資料。
那些你可以用 SVG 做出令人驚艷的東西；它跟其他圖形的不同之處；還有為何輸出檔案要有更多考量。
How Designers Should Think About SVG
The stunning things you’ll create with SVG, how it differs from other graphics, and why exporting requires new considerations.
本文原作者 Peter Nowell 是居住在舊金山的設計師，客戶包含蘋果公司和 Flinto 等，目前已經開設許多品質優良的線上課程。
應用RPA新技術來破除企業流程之間無形的牆，已是歐美、日本與亞太地區企業都在關注的焦點，今年，臺灣企業也正跟上腳步
數位行銷領域涵蓋度廣，儘管原則、概念不難懂，但要搞清楚各領域Know-how卻沒那沒容易，尤其當行銷人滿口ROI、CPM、CTR等術語飆來飆去，還真會讓新手一頭霧水，因此本文統整了幾個一定要搞懂的關鍵數字，其中包含社群洞察報告以及廣告投放數據等，期望能給有志於數位行銷領域的讀者們一塊入門磚。
萊特幣創辦人 Charlie Lee 來台， 與許毓仁立委展開對談，也分享了許多對於打造區塊鏈和加密貨幣的看法。許毓仁認為，區塊鏈不只用在投資加密貨幣投資，其本身之信任機制也可以應用在各行各業成為新的基礎建設。台灣面對正在全球崛起的區塊技術，應該要把眼光放大放遠，廣納各國區塊鏈公司，而台灣自己的企業也能出海，若政府把握機會成為亞洲的數位資產中心，可說是台灣的歷史機遇。他也提到區塊鏈產業現在每週都有 3-5 家海外公司像他接洽，尋求進入台灣的可能性，相當熱門。
關鍵字：SEO、Meta description
為了更長的搜尋顯示結果的網頁描述(snippets)，Google建議可以增加meta description字數。
關鍵字：Sonar
Sonar主要包括兩個部份，一是桌面客戶端程式，另一個則是行動SDK，開發人員可將行動SDK植入所要除錯的行動程式中，它就會把資料回傳到桌面客戶端程式，讓開發人員瞭解應用程式的行為與狀態，以除錯或改善效能。
關鍵字：node.js
這次整體參與問卷調查的開發者來自超過一百個國家，至少使用60種語言，有四分之三的使用者表示，接下來還會更廣泛的使用Node.js。
有鑑於HTTPS已居主流，從今年9月釋出的Chrome 69開始，所有HTTPS網頁將不再標示為「安全」；相對的，用戶在HTTP網頁輸入資料時，Chrome就會顯示紅色的「不安全」的標示。
關鍵字：第二代Surface Hub、人像模式、微軟
第二代Surface Hub採用支援4K顯示的50.5吋螢幕，並內建了4K攝影機，結合喇叭與遠場麥克風陣列。用戶可以安裝4台Surface Hub拼接更大的畫面。
自 Google 正式向開發者開放 ARCore 至今已過去了快三個月的時間，藉著今天凌
晨 I/O 大會的機會，官方也公佈了更多新的功能。其中最吸引人的，估計得算是
名為 Cloud Anchor 的擴增實境分享特性。
這裡收集了一系列 CSS 專家密技，幫助你提升 CSS 技能點數。更多專家密技可以查看 @sindresorhus 的 Awesome Lists。
(正體中文由 Will 保哥 翻譯，歡迎造訪 Will 保哥的技術交流中心)
關鍵字：Swift、iOS Apps、Notifications
當 App 不運行的時候，如果有某些事情發生时需要提醒用戶關注，那就需要用到某種通知技術。作為一個 iOS 開發者，我們知道 iOS 支持兩種通知：本地通知和推送（或者遠程）通知。前者是由 App 自己註冊和發起的，實現起來要相对簡單。實際上，我們可以在這裡 和 這裡找到一堆較早的教程，是關於本地通知的。
關鍵字：GitHub
應用程式機器人會帶著新手在GitHub學習實驗室闖關，幫助使用者在GitHub網站中完成學習體驗。這個機器人會帶領使用者通過一系列的課程，不只幫助學習技能，並在過程給予互動回饋。
關鍵字：MySQL 8.0
在MySQL 5.7中，唯讀的可擴展性比起之前版本大幅提升，但MySQL 8.0卻是讀寫負載的可擴展性同時提升，而這樣的效能提升來自MySQL對於硬體的更高利用率。
關鍵字：JavaScript、學習、入門
為了啟發兒童對寫程式的興趣，已有許多相關的解謎遊戲與線上資源，在遊戲中學習讓小孩來說可以快速掌握程式技巧，不過對大人來說是否也有這樣趣味與實用兼備的工具呢？
上次的愛思科講堂談到現在人手一台智慧型手機，手機幾乎包辦了人們所有日常生活的程序─從一早醒來的鬧鐘聲到通勤時的音樂撥放。行動網路和無線熱點越來越普及方便，已有超過七成的人表示他們習慣使用手機或平板上網，「響應式網站」也因此誕生。
關鍵字：網頁設計
axure、html5、css3、Ps、Ai、Xd、Id等等。
這些是一般常見的UI工具，是不是多到一個爆炸？這篇文章會超級簡單迅速的簡介這些工具到底在幹嘛的？他們有哪些特長？什麼時候該召喚誰出場？看完之後你會迅速了解什麼情況下該使出哪一種工具。
接下來我會依照以下的順序來介紹：
Wireframe -> Mockup -> Animation -> Prototype
關鍵字：DNS、隱私、速度、亞太網路資訊中心、Asia-Pacific Network Information Centre、APNIC、加密、傳輸
除了擁有最容易記憶的網址、最能保障使用者隱私的服務之外，1.1.1.1也強調它是網路上最快的DNS目錄，它的查詢速度只有14.01毫秒，快過Cisco OpenDNS的20.6毫秒、Google Public DNS的34.7毫秒，以及一般ISP業者的68.23毫秒。
專門提供網路釣魚（Phishing）即時保護能力的Phish.ai在上周開源了瀏覽器擴充程式Phish.AI IDN Protect ，以協助Chrome、Firefox及Opera等瀏覽器攔截國際化網域名稱（IDN）的同形異義（homograph）攻擊。
在多元支付的討論聲浪下，隨著臉部辨識技術的發展，人臉支付應用也受到不小的關注。畢竟之前的行動支付、第三方支付的出現與普及，就改變了過往現金、刷卡的交易方式，而現在的人臉支付又讓我們看到更多可能性。
關鍵字：google、套件、驗證、JavaScript
最近因應專案需求，要實作一個支援超過一百個國家的手機號碼驗證介面，使用者所輸入的手機號碼必須符合所選擇之國家的合法格式，以臺灣的手機號碼格式來說，規則很簡單， 09 開頭，總共有 10 碼數字，用 regular expression 即可輕鬆驗證完，但要做個支援一百多個國家的 prototype 時，該怎麼辦？ 怎麼知道每個國家的電話格式？
Facebook過去曾調整瀏覽頁面「動態消息(NewsFeed)」的演算法，讓用戶的動態牆上優先出現家人或是朋友的個人貼文；如今又更進一步調整，以用戶親友互動最多或分享最多的貼文內容為優先。祖克柏不斷調整演算法，目標減少Facebook頁面氾濫的商業操作貼文，進而增進用戶之間的人際互動；由於一變再變的演算法，經營粉絲團的小編卻十分困擾，如何應對演算法的調整，小編的發文策略值得關注。
VPN Mentor聘請三名白帽駭客測試，發現三款VPN產品Hotspot Shield、PureVPN及Zenmate皆有漏洞，可能因此洩露用戶的IP位址。目前Hotspot Shield已修補漏洞。
FontAwesome 正式釋出第五版，在 FontAwesome 5 中，除了主色系從綠色變成藍色之外，究竟第 5 版中還多了哪些新功能呢？讓我們用 5 分鐘快速了解 FontAwesome 5 帶來什麼新功能吧！
有別於多數常見的非阻塞I/O模型，SwiftNIO要求作業系統核心在進行I/O操作時主動發出通知，而非被動等待資料從網路傳送或接收。蘋果期待那些使用SwiftNIO處理底層網路功能的網頁應用程式框架。
關鍵字：XMLHttpRequest、HTML5 Fetch API
談到Ajax，一般會想到XMLHttpRequest，但使用上並不便利，就算是標準化後的XMLHttpRequest Level 1，而且，也只是功能上的加強，開發者通常會進一步地使用程式庫封裝，像是jQuery的$.get、$.post或$.ajax。曾經有一陣子流行「你不需要jQuery」，社群裏頭也有人嚷嚷著，認為Fetch API將會取代這一切。
關鍵字：CAPTCHA
安全業者發現一惡意廣告，透過合法網站或行動程式散佈，當使用者造訪該網站時，就會跳出警告訊息，並要求進行CAPTCHA圖像驗證，要求使用者證明自己並非機器人，但實際上將裝置導向挖礦網站以開採門羅幣。
關鍵字：iCloud、iCloud雲端、中國、蘋果、雲上貴州
中國去年6月初開始實施新的網路安全法，蘋果公司昨天證實，為了因應該法，其所有產品通用的「iCloud雲端服務」，將改由中國的「雲上貴州」公司負責營運，不少網友擔心赴中洽公可能遇到麻煩，也有人擔心台灣人使用iCloud未來是否可能也不由蘋果管理。
關鍵字：AI、Cloud AutoML
Cloud AutoML背後的技術是遷移學習（Transfer Learning），藉由將已經訓練好的模型套用至新的模型，以幫助新的模型訓練。此外，learning2learn 及超參數調整技術（hyperparameter tuning technologies）能提供大幅改善的結果給客戶。
Facebook 已於 2018 年 2 月 7 日凌晨啟動 災害應變中心 ，提供受花蓮市地震影響的居民標記自己是否安全，並於平台上尋求協助或是釋出提供協助的訊息給需要幫助的人，協助類別分為許多種，例如：義工、衣物、收容所、水、食物和交通工具等，讓人們能最即時的發出具體的協助請求或提供協助訊息。
關鍵字：GitHub、Profile Contributions Graph、Repository's statistics、updata
GitHub在1月29日發布了新功能，雖然不是重大的更新，但應該會讓不少工程師開心。現在GitHub的程式碼提交作者將不限一人，在提交訊息中可以附帶多位共同作者，而共同作者的提交資訊也會顯示在個人貢獻圖（Profile Contributions Graph）以及儲存庫中的統計訊息（Repository's statistics）。
在網路流量的過濾之後，企業針對上網的內容，也需要進一步的透視，減少員工經由收發電子郵件、瀏覽網頁等情況下，遭到有心人士下手，發動勒索軟體攻擊的機會。
雖然，現在新的次世代防火牆和UTM設備，基本上也具備了檢視網路第7層的能力，然而，這類產品仍以流量的初步過濾為主要功能，由於電子郵件是重要的溝通管道，郵件安全性便成為建置防火牆設備之後，企業首要強化保護的目標。另外，由於上網也很有可能遇到內含惡意軟體的網頁，因此網頁瀏覽的安全性，企業同樣要加以保護。
關鍵字：WebAssembly、JavaScript、Netscape
讓網頁提高20倍處理速度是WebAssembly的最大亮點，它也解放既有C、C++程式的局限，無須重新開發就能在瀏覽器環境執行
關鍵字：Serverless、原创、arch
隨著DevOps和微服務的理念日漸被IT業界所接受，另一個新名詞Serverless也開始進入人們的視野。尤其在今年4月份國內兩大雲服務廠商阿裡雲、騰訊雲先後推出各自的Serverless產品之後，Serverless一時洛陽紙貴。那到底什麼是Serverless，它跟DevOps和微服務又有什麼樣的聯繫呢？本文將嘗試揭開Serverless的神秘面紗，讓你一睹為快。
在網路流量的過濾之後，企業針對上網的內容，也需要進一步的透視，減少員工經由收發電子郵件、瀏覽網頁等情況下，遭到有心人士下手，發動勒索軟體攻擊的機會。
雖然，現在新的次世代防火牆和UTM設備，基本上也具備了檢視網路第7層的能力，然而，這類產品仍以流量的初步過濾為主要功能，由於電子郵件是重要的溝通管道，郵件安全性便成為建置防火牆設備之後，企業首要強化保護的目標。另外，由於上網也很有可能遇到內含惡意軟體的網頁，因此網頁瀏覽的安全性，企業同樣要加以保護。
繼Facebook改動態時報演算法後，Google也表示將更改搜尋引擎的演算法，把網頁載速列入考量，載入時間較長的網頁，顯示優先順序就會被調降。
這個圈子平均每一兩個月出一個新工具、每天有新觀點和新文章被分享轉載著，回首 2017 和 2016 的差別就很大了，流行的風格元素、工具使用、設計的方式、思考法等等都略有不同；有鑒於 UI 設計師是一個這麼變動職業（？）我每天上班前第一件事就是看我的 Feedly 蒐集了什麼新文章，只挑有興趣的看還不見得看得完啊～（遠目）所以今天僅分享一些設計文章的來源，主要是新聞、心得、經驗、教學分享類為主
關鍵字：https、TLS-SNI、Let's Encrypt
自動化數位憑證認證機構Let's Encrypt表示，由於太多共享託管以及基礎設施服務違反TLS-SNI驗證背後的假設，即日起停止透過TLS-SNI驗證取得認證，並對已存在使用者執行更新驗證程序，Let's Encrypt鼓勵使用者，盡量更換成HTTP或是DNS驗證。
關鍵字：AdSwine
根據資安公司的研究，這60款潛藏惡意程式的app在安裝後，會回傳C&C伺服器，包括展示色情廣告、誘騙用戶安裝假的安全app，或是誘使用戶註冊使用高額的付費服務。
關鍵字：數位指紋
網路的追蹤技術日新月異，最近研究人員開發出了一項網路追蹤技術，即便使用者使用兩個甚至以上的瀏覽器，還是可以辨認出使用者並加以追蹤。
華爾街日報報導，在印度、印尼等成長最快的亞洲市場，一款在西方名不見經傳的行動瀏覽器、中國大陸電商巨頭阿里巴巴集團的UC瀏覽器，市占率已超越Google Chrome。用戶說，UC瀏覽器在低階智慧手機占主導地位和行動網路不穩定的國家表現更好
關鍵字：Chrome、截圖、擷取所有畫面、網頁長截圖、長截圖
長截圖 ,過去我們如果想要截圖網頁所有畫面的話，都需要透過 Chrome 的擴充外掛才能實現，因為頁面非常的長，事實上在 Chrome 59 之後的版本，開發人者工具就已經有自帶長截圖的指令，也代表著不用安裝任何外掛，輕鬆利用內建功能即可擷取網頁的所有畫面，下面就來教大家怎麼使用。
關鍵字：密碼、密碼安全、SplashData
密碼安全公司 SplashData 剛公布 2017 年度最不安全密碼前 100 名，今年再次由「123456」奪冠。統計資料來源是逾 500 萬組遭駭外洩的密碼，主要來自北美及西歐，未納入 Yahoo 及成人網站外流的資料。
插圖 (illustration) 就像其他任何一種設計形式，前後一致 (consistent) 非常重要。而達到這個境界的最好方法就是製作適用所有插圖的規範 (guidelines)。
為什麼得這麼做？
說到為何要使用插圖，確立核心價值、高階基礎原理 (high-level rationale) 是初步描繪樣式的關鍵。擁有前後一致的樣式就可以打造完整和諧的風格，代表把不同插畫家的作品擺在同一個平台上時，也有自信它們像系列畫作的一部分。
關鍵字：https、Firefox 59、Mozilla、Chrome 62
Google在今年10月釋出的Chrome 62已將所有輸入資料的HTTP網頁列為不安全，Mozilla也準備讓Firefox跟進，明年3月將正式釋出的Firefox 59將會具備隱藏功能，可將所有HTTP網頁視為不安全。
關鍵字：JavaScript
在學習基礎的程式語言語法後，選擇「框架」就成了戰爭修羅場，每個框架各有各的支持者、擁護者。初入 JavaScript 的你，要選擇最新的搖滾巨星 Vue.js 還是選擇 Facebook 推出的 React.js，還是要選最古老的 AngularJs 呢？
不管如何，選擇框架與最終的專案目標有關，仍端看發開者與使用者間的需求而定，不過認識一下其他的 JS 框架，了解趨勢仍十分重要！
Instant Apps 是指在傳統 App 中增加 Instant 支援，當你要使用某個沒有安裝的 App 時，系統會在後台下載並自動跳轉至對應的模組，不需要下載安裝 App，而用過的模組也會儲存在手機裡。對開發者來說，他們可以將現有的 App 分拆為多個功能。我們要使用某個功能時，即刻下載需要使用的 App 功能代碼，即使沒有安裝 App，也能體驗 App 提供的功能。
回應用戶的需求，LINE 於今（13）日於全球推出訊息「收回」功能。往後，不小心發出錯誤訊息的話， 在發出訊息後 24 小時內可執行「收回」功能。訊息收回功能將從目前 LINE 的最新版本中開始推出，包括 iOS 7.17.0（含）以上、Android 7.16.0（含）以上、Windows 桌面版 5.4.0（含）以上，以及 MAC 桌面版 5.4.0（含）以上。
Check Point指出不論是Andriod Studio、IntelliJ IDEA或是Eclipse等IDE開發環境，或是APKTool、Cuckoo-Droid等反向工程工具都存在漏洞，可讓駭客透過ParseDroid的攻擊手法入侵開發人員的電腦竊取重要資料。
第一階段會先在明年4月出爐的Chrome 66安裝警告機制，明年7月的Chrome 68則會禁止第三方軟體將程式注入Chrome程序。2019年1月的Chrome 72即不再通融，而會直接封鎖程式注入。
現在Chrome已成為目前主流瀏覽器，再加上有許多好用的外掛套件，讓在設計網頁時，更加的得心應手，而梅干也先前也曾分享過不少，關於網頁設計的外掛套件，讓平常在檢測網頁時，更加的方便，或是在開發時，也能即時的在各裝置中預覽，因此梅干就把平常所安裝的套件整理了一下，與大家來作分享，分別從區塊的測量、區塊間的距離、CSS樣式....加一加差不多有十個，透過這個十個外掛，讓你在設計網頁時，會更加的快速。
關鍵字：OWASP
OWASP在11月20日公布最新版十大網站資安風險，納入社群建議和實際調查結果後，調整了多項資安風險項目，各平臺常見的XML外部處理器漏洞，Java平臺、PHP或Node.js等平臺常見的不安全反序列化漏洞，以及紀錄與監控不足風險，則是2017年上榜的網路安全新風險
關鍵字：firefox
Mozilla透露正在研發Firefox新擴充程式以提供外洩警示功能，當使用者將造訪曾被駭或發生資料外洩的網站時，會向使用者發出警告訊息，或是在被駭事件中遭到個人資料外洩時通知使用者，提供相關資源網站。
以非營利為目的而推出的瀏覽器Firefox，推出新版本Firefox Quantum，給予特殊名稱的此版本，也象徵Firefox於2004年來迎來最大的改版。
新版本Quantum號稱比6個月前的Firefox，就快上2倍；與對手Google Chrome相比不僅瀏覽速度較快，更聲稱所需的運算記憶體較Chrome少了30%。
關鍵字：線稿的價值
11 年前，我加入一間小小的設計事務所。當年 21 歲，是第一份全職設計工作。前面的幾年，我專注在視覺設計。我可以讓它的質地看起來更真實嗎？如果光源在另一個角度打進來，網站會看起來更讚嗎？按鈕要怎麼做才可以更有光澤？很常聽到某個客戶提出想法後，我接著問自己幾個問題，就打開 Photoshop 進行設計。幾天之後我向客戶展示一或兩種視覺樣式；獲得回饋、進行修改，然後開始做成 XHTML 網站。這間事務所擁有最頂尖的設計師，做出最好看的網站。
每年都會在人類消費史上創下紀錄的雙 11 又來了！今年是第九次雙十一，在去年馬雲就已經打出了線上線下互相打通的「新零售」響亮口號，今年在中國總共超過 10 萬家門市在雙十一加入了新零售行列，不管線上消費線下現提、線下使用線上紅利等通通都適用。甚至更多線下店今年導入了智慧試衣鏡、AR 試妝、雲端貨架等服務。
今年「開場 1 分鐘，產生 383 萬張物流訂單」、「每秒支付峰值高達 25.6 萬筆，較去年高出 2.1 倍」，能實踐如此巨大交易資訊量，這次阿里巴巴祭出了幾項關鍵措施來支撐 IT 基礎設施…
關鍵字：電子商務、電子、數位、會員、客戶、電商、行銷、工具、關鍵、方案、廣告、Amazon
平台提供的行銷資源外，活用所有可得的數據，運用自身加乘平台大數據找到潛力客戶、分層行銷，因新會員、舊會員或回購會員不能一概而論，針對不同會員，提供精準的優惠或商品推薦，創造更好的購物體驗，才能擴大你的集客力。
瀏覽新聞網站，《金牌特務：機密對決》小鮮肉泰隆艾格頓帥氣的廣告圖片不停招呼你的眼球，讓人手滑不小心將滑鼠移過去，精彩的預告片立刻放大播放，劇情人物介紹跟對應的特效影片一支一支輪番上場，讓人目不暇給。
最後也許您玩了撲克牌角色配對遊戲、完成抽首映會票券的資格，留下了個人資料，這些小動作或許是您的日常網路生活，但這樣多元的網路廣告形式正形成一股熱潮，廣告 Banner 不再只是廣告，甚至可以取代活動網站（Campaign Site）。
比利時研究人員 10 月 16 日表示：WPA2 安全加密協議已經被破解。如果你朋友圈裡有一兩個略懂一些技術的好友，那麼他一定在昨天已經轉發過了相關的新聞。也許你對這條充滿技術詞語的新聞並不關心，除非我們換一種說法：你能連接到的絕大多數 Wi-Fi 在一夜之間都不安全了，甚至你透過自己家路由器的 Wi-Fi 上網，都有可能被盜。安全專家 Mathy Vanhoef 表示：「該漏洞影響了許多操作系統和設備，包括 Android，Linux，Apple，Windows 等。」這個概念驗證攻擊被稱作「KRACK」（密鑰重裝攻擊），詳細破解方法和影片示範已在 krackattacks.com 網站上公佈。
在提供企業上網防護之餘，現在，網頁安全閘道設備也同時肩負防止機敏資料外洩、收集進階威脅情資的重任，甚至從使用者上網的行為中，也要能夠找出潛在的攻擊事件
關鍵字：電商、購物、網路行銷、APP、星巴克、行動支付、社群網站
全球連鎖咖啡品牌星巴克，因應內部簡化行銷通路策略，1日正式關閉網路商店購物功能，轉而專注於全球店面經營及應用程式App推廣，為公司帶來電商新風貌。
要如何製作視覺平衡的圖示、修正各種形狀的靠齊，還有讓圓角完美呈現。包含超過 50 張圖片。眼睛是非常詭異的器官，常常對我們說謊。但是，如果可以熟悉人類視覺感知 (visual perception) 的特質，就能打造易懂又俐落的設計。不僅僅是字型設計師利用視覺技巧，製作易讀且良好平衡的字型，對於打造人機溝通的 UI 設計師也很有幫助。
目前Java為Android平台上最受歡迎的開發語言，但Realm認為隨著Kotlin愈來愈受歡迎，明年底可望超越Java成為Android上最熱門的語言。
關鍵字：IBM Composer
IBM發布開源程式開發模型Composer，以OpenWhisk服務為基礎，加強無伺服器運算架構的應用程式開發。Composer包含了函式庫和Runtime，目前函式庫僅支援Node.js。另外，Composer已在GitHub上釋出，並開放下載
關鍵字：Apple ID
開發人員指出透過維妙維肖的Apple ID密碼輸入視窗，可輕易的要求用戶輸入帳密資料，騙取使用者的Apple ID帳密，認為蘋果應設法限制網釣攻擊，以保障用戶的身份安全。
HTML5新標籤datalist同樣屬於form元素, 且作用為下拉選擇, 初看與原已存在的select標籤差不多, 那麼二者有何區別呢 ?
關鍵字：Apple、iPhone X、Face ID、安全性
拿掉Home鍵的蘋果最新旗艦機款iPhone X，推出全新身份認證機制「Face ID」，取代過去的指紋辨識，無論是螢幕解鎖或付款都支援。不過，從傳統密碼、指紋辨識到最新的臉部解鎖，這套系統真的比以前安全嗎？
微軟在Ignite開發大會中揭露了對量子運算的未來籃圖，包括將打造易於擴充的拓撲量子電腦，研究後量子時代的加密與安全問題，以及將在年底釋出的量子運算程式語言預覽版，未來將整合到Visual Studio。
關鍵字：UI、IPHONE、X、design、ios、web、CSS、HTML、layout、Margins、鍵盤、Home Indicator、Safe Area、Landscape
原文刊登於 Medium ，INSIDE 經授權轉載。作者Taylor，UI及數位產品設計師，專精於iOS、Android及Web等平台，光讀HIG是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間。
提供網站安全外掛程式的Wordfence指出Display Widgets有後門，可讓作者更新或移除網站上的內容，甚至散佈垃圾訊息，而不會被WordPress用戶看到，WordPress.org雖然曾移除該外掛程式，但作者持續上傳含有後門的版本，3個月內移除了4次。
老牌杏一醫療4年前大膽決定自建物流中心供貨，但一開始出貨緩慢，最快3天才到貨，導致門市容易缺貨，如何透過IT來縮短出貨時間，成為杏一IT的大挑戰，怎麼克服？
關鍵字：SEO、網路、網路技術、行銷
成長駭客這個主題，在過去幾個月，已經成為台灣網路行銷的顯學。講座與課程一個又一個的開，書也一本一本的出，網路上的每位大師，幾乎都可以隨口講出幾個關於 Growth Hacking 的洞見。
理論上，這應該讓想學習成長駭客的人，更知道怎麼樣入門才對。但實際上，Miula 跟一些人聊過之後，發現他們對於成長駭客的理解反而都相當的片段不完整。只能說，在某些情況下，資訊太多，反而等於沒有資訊。(有的資訊水分太多，有的資訊只是賣弄名詞，有的資訊已經過時，有的資訊甚至錯誤百出。)
無人商店的興起，表面上是人力被取代的議題，但後面真正的決戰點，其實是新科技所帶動的零售服務業平台系統整合能力，誰才是下一個平台霸主？無人店的興起，表面上是人力被取代的議題，但後面真正的決戰點，其實是新科技所帶動的零售服務業平台系統整合能力。
端點防護的思維大轉變，制式的自動阻擋機制已無法抵禦針對性攻擊，企業必須透過異常行為的偵測與事件彙整，才能即早發現加以反制，而端點偵測與反制產品，也趁勢崛起
關鍵字：iOS、Guideline
UI Design Basics 這個單元講了許多「概念」，像是 iOS 主要風格、版面配置方式等等，可以看做「導論」或是「序」。也就是各方面都提到一點點、要怎麼實作不告訴你這樣。我把我覺得最重要一定要看的部份撈出來講。請配合官方文件閱讀。
最基本一定要知道的 UI 元件名稱，幹 UI 連這個都不曉得可以洗洗睡了，之後的文件也不用看。專業術語和名詞部份請記英文，很多用詞講中文反而容易混淆。
使用世界上最受歡迎的前端元件庫，建立響應式、行動優先的專案。Bootstrap 是一個用於開發 HTML、CSS 和 JS 的開源工具包，Beta版已於8/10釋出。透過其中的 Sass 和 mixins、響應式網格系統、預先建構的組件以及基於 jQuery 開發的插件來快速建構你的想法或是應用程式！
關鍵字：Cloud Speech
Google更新雲端語音API（Google Cloud Speech API），除了新增時間標記功能，可辨識的語音檔案長度也從80分鐘增加到3小時，並一口氣新增30種可辨識語言，讓第三方開發商能在更多類型的服務中應用Google的語音辨識技術
關鍵字：Evernote
本文以Android手機示範非法者使用Evernote之筆記服務及利用Work Chat進行溝通，而鑑識人員使用手機備份工具對手機儲存裝置內容進行邏輯萃取，並結合所發現的事實與數位跡證分析結果，來證明非法者之間確實有非法意圖聯絡。
許多網站在用戶創建帳號時都會要求密碼包含多個英文字母、數字和特殊字符，但最早建立這一標準的人卻在 15 年後表示，複雜的密碼基本上是沒什麼用的。
隨著執行企業應用的型態變得多元，使用者身分管理的複雜度大增，更何況要多因素驗證或單一登入，然而，現在只要透過雲端服務便能快速取得相關功能，一舉超越過去做法
關鍵字：CSS、JS、JavaScript、javascripts、version、load、cache、reload
大家的網站往往都為一些靜態文件（例如JS、CSS等）添加了緩存功能，但是如果我們更新了這些文件，想要及時加載最新的文件，怎麼辦呢？這篇文章就來教你如何清除瀏覽器中的緩存，並讓瀏覽器加載網頁中最新的CSS和JS，讓訪客使用到最新的功能！
對我來說，Laravel是一個進化極快速的PHP框架，也是一個全方位解決方案的框架。例如，本站使用的是Facebook登入的功能，即是透過Laravel的官方套件socialite實做的，很多東西框架可以幫我們搞定了，像是queues、file storage，驗證機制等，框架通通提供給我們，幹麻自己做呢？透過Laravel的框架提供的多種的功能，可替我們搞定很多的事情。
強調以身分認證管理服務Azure AD為基礎，微軟Enterprise Mobility + Security（EMS）解決方案搭配了行動裝置管理、資料保護，也提供整合企業內部與SaaS應用程式的入口平臺，方便用戶安全存取企業應用
現有網站往往大量的採用 HTML5 +CSS3 + Javascript 來開發，但隨著專案規模日益龐大，對於CSS的維護也越加的困難，於是乎我們就要尋找一些工具來協助我們處理一些的重複、可維護性等日常一再發生的問題
電商巨擘亞馬遜（Amazon）於20日宣布推出一項全新的社交購物平臺Amazon Spark，概念近似知名社群平臺Instagram；Spark除了能夠依據用戶興趣，客製化出以圖片為主的動態時報內容外，更能對感興趣的商品立即購買；充分讓社群的魅力轉化成實質的購買力。
對於針對性的攻擊手法，端點電腦光是倚賴防毒軟體的把關，企業可能無法完全根除問題，近年來，如雨後春筍般推出的端點偵測與反制系統（Endpoint Detection and Response，EDR），便是能夠找出在端點電腦的潛在威脅，並加以阻斷、清除惡意軟體的解決方案。
關鍵字：HTML5、Notification
作為程式設計師一定要先了解技術趨勢，不要單純地每天埋頭苦幹，抽時間給自己充充電吧。以下技術趨勢針對UI、Web、微服務相關的程式設計師，是JAXenter.com和JAXenter.de網站用了一個月的時間，大約900+程式設計師共同參與投票的結果，值得一看。
自從CCS3新增了許多屬性了，從圓角、陰影、半透明....一直到動畫，讓網頁變得更加多元，同時再加上一些新的選擇器，大幅的減少在DIV區塊的類別命名，直接透過CSS3的選擇器，就可針對那個DIV要套用什麼樣式，雖然說CSS3的選擇器很方便，可針對n個區塊進行套用，但今天若希望除了第N的DIV不套用，其它的都套用時，這下就只能用javascript輔助來完成了。
在網站看影片時，是否常跳出視窗請你先安裝擴充工具？由網際網路之父所創辦的全球資訊網協會（World Wide Web Consortium，W3C），於9日通過新的線上串流影音網路標準，要瀏覽器內建可直接播放受版權保護影音的機制。不過，反對者認為這將讓瀏覽器和線上影音業者的權利過度擴張。
reCAPTCHA能夠在背景辨識用戶的行為，以判別該用戶身份是真人還是機器人，上周五Google再釋出支援Android的reCAPTCHA API，將此一辨識技術擴大到Android裝置用戶。
過去，Google和「好設計」一詞距離很遠，不過，現在無論是旗下哪樣產品，都帶有讓人一眼就辨識出的Google簡約易用設計。這個改變源自替Google打造設計語言的馬提亞斯．杜阿提。
這個決議來自Google的雲端服務小組，背後的目的是為了吸引更多的企業客戶。促銷廣告還是會持續出現在免費的信箱裡，但Google將改以用戶其他的活動，例如YouTube瀏覽與網站搜尋來決定廣告投放。
2017年才剛開始，勒索攻擊威脅突然發難，數萬MongoDB遭駭；Elasticsearch和Hadoop叢集相繼淪陷，駭客還上網兜售勒索攻擊工具包和13萬肉票IP，連大型資安公司5百多TB的分析資料都全數被刪除
關鍵字：device、viewport、size、JavaScript、window、document、jquery、width、height
目前使用的裝置種類與尺寸很多,在不同的狀況下要使用正確的參數才可以取得所需的尺寸資訊。
接下來，我們來學習一下作為專案貢獻者，會有哪些常見的工作模式。
不過要說清楚整個協作過程真的很難，Git 如此靈活，人們的協作方式便可以各式各樣，沒有固定不變的範式可循，而每個專案的具體情況又多少會有些不同，比如說參與者的規模，所選擇的工作流程，每個人的提交許可權，以及 Git 以外貢獻等等，都會影響到具體操作的細節。
隨著科技的進步，電腦病毒也是日新月異，總讓人防不勝防！普遍來看，民眾若是電腦中毒的話都是不慎點擊或下載不明連結、檔案，但近日「趨勢科技」最新研究發現，最新的木馬程式病毒「TROJ_POWHOV.A」，根本不需要直接點擊，只要使用者將滑鼠飄移到受感染的PowerPoint檔案就會中毒。電腦病毒越來越進步，趨勢科技除了公佈新病毒外，也提醒民眾怎麼防範，除了不要亂點來路不明的網址、檔案外，也可以透過微軟內建功能防範。
Google 在 2017 年的 Google 行銷大會 Google Marketing Next（5月22-24）中，宣布即將推出中小企業免費使用的行銷成效歸屬工具 - Google 歸屬分析（Google Attribution）。
關鍵字：PHP，PSR-2、PHP Code Sniffer
在過去 PHP 缺乏一些完整的Framework與標準，一直以來都是被其他程式語言愛好者詬病的地方，為改善這一項問題，許多的PHP Framework陸續的被開發出來，但也導致各Framework一直在重新製造輪子
如是各Framework代表在2009年建立了PHP-FIG(PHP Framework Interop Group)，用來制定一致的開發標準，對其提出建議的解決方案，我們將其稱之為PSR(PHP Standard Recommendation)
關鍵字：clean code、重構、編碼
本文從clean code的幾個大前提出發，提出了實踐clean code的一些手段，重點放在促成clean code的一些常用編碼和重構技巧。本文只代表筆者本人的一點點感悟。好的程式碼，最需要的，還是大家不斷追求卓越的精神。你有什麼經驗可以分享呢？
關鍵字：HTML5、Notification
HTML5 Web Notification通知是屬於桌面性質的通知，有點類似於顯示器右下角蹦出的QQ彈框，殺毒提示之類的，跟瀏覽器是脫離的，消息是置頂的。
關鍵字：Mac開發、微軟、Visual Studio
微軟繼去年11月推出Visual Studio for Mac預覽版後，在今年微軟開發者大會Build 2017上，這款微軟的旗艦版程式開發工具終於正式推出mac版本，開放給所有用戶下載。從現在起，Mac開發者不用再到處借Windows電腦或跑虛擬器，而是可以直接在自己的電腦上使用Visual Studio開發行動版、網頁版和遊戲等應用程式。
關鍵字：Google Cloud Spanner、NoSQL
Google旗下雲端關聯式資料庫Cloud Spanner短短3個月從測試階段，晉升為正式版（GA），且Google宣稱，Cloud Spanner具備99.999％的可靠性與強大的相容性，以及具備低延遲的特性。目前Google提供12個月免費試用，以吸引使用者來體驗Cloud Spanner資料庫。
網站設計最迷人之處就是不斷變動，技術的演進讓設計師與工程師可以不停實驗創新，帶來更好、更流暢的使用體驗，以及讓人處處驚奇的感官饗宴。今年網頁又會有哪些有趣的風格將主宰我們的螢幕？我們綜合了 Webflow、The Next Web、AWWWARDS 等媒體與網站設計公司的預測，整理出網頁設計十大趨勢：
關鍵字：WannaCry勒索病毒
WannaCry勒索病毒從週五晚上開始襲擊全球！這是第一支結合蠕蟲擴散行為，會自動發起大規模感染行為的勒索軟體。截至週日晚上九點，根據intel.malwaretech.com網站統計，全球有23萬多臺電腦感染。國外資安公司也把臺灣視為重度感染區域。
關鍵字：WordPress密碼、駭客
研究人員發現在WordPress的密碼重設信件功能，由於未確保重設郵件只寄給合法網站持有人帳號，讓駭客可修改郵件寄發至用戶端的伺服器主機名稱，因此取得密碼重設郵件，從而獲得網站控制權。
在之前的文章「一個設計優良的網站該具備什麼條件呢？」中，我們提到過，要讓網站首頁看起來有質感的方式，就是捨棄不必要的繁雜資訊，讓最重要的項目呈現在訪客面前。
但龜毛的讀者應該常常有一種感覺，同樣是簡潔的設計，為什麼國外的網站硬生生就是比較好看？比較吸引人？自己的網站總是少了些什麼？追根究柢，在於對圖片品質的重視與否。
無論合時，提高程式的執行效率一直都是程式設計師共同的課題，本文提出一些提高效率的方法，不妨參考學習一下。
關鍵字：密碼、hash、random、username、email、md5、password、英文、網站、hacker
天來講一下各大網站保存密碼的方式。如果你是工程師，而且知道 hash + salt 是什麼意思，可以直接跳過這篇文章。如果非電腦科學領域的人，只是來湊湊熱鬧，那可以直接往下拉到結論，我直接告訴你，你的密碼安不安全？
以往在編寫PHP時當需要處理日期和時間都以內建函式使用較多，但隨著商業邏輯的改變需求越來越多之後，純粹以內建函式來處理時間，也變得越來越瑣碎了
在PHP 上面早期要處理圖形不外乎2種途徑
1.GD
2.Imagick
但2種函式庫，各自有各自的程式邏輯與方法，一旦要更換成另一處圖片處理方法，整段的程式就得重新撰寫，但現在我們有另一種處理方式
關鍵字：RWD、響應式、自適應、行動版網頁設計、APP、ios、Android、手機
究竟什麼是行動裝置友善性呢？簡單來說，就是讓行動裝置操作環境能夠盡可能簡單化，隱藏原本複雜的電腦程式運作邏輯，僅將簡化後的操作介面呈現給使用者。
編按：本文摘自《指尖下的大數據》，探討大數據的四點特性：數量龐大、產生速度快、多樣性，以及準確性高。作者為鄭江宇與曾瀚平。
CSS gird 在最近 Chrome 更新已經慢慢開始支援 (就是還很久才會完全支援的意思)，開始之前還是來介紹一些語法。與 CSS Flex 一樣，CSS Grid 用兩個部分來看比較快，一個是屬於外部容器的屬性，另一個是屬於內部容器的屬性；從外開始向內看可以加快理解的速度。CSS Grid 可以做什麼呢？這邊提供一個簡單範例給大家看看，相同的 Grid System 如果使用 float 需要多很多層，還要注意清除浮動等等。在 CSS grid 的加持下每個 class 都僅需少量的屬性就可做到相同的效果。
關鍵字：Google Guetzli
Google 近日開源了用於數位圖片和網路圖片的 JPEG 編碼器 Guetzli（[guɛtsli]， 在瑞士德語中被翻譯為餅乾）。與現有的方法相比，它能將高品質圖片的大小縮小 35%。這就使網站管理員可以使用更少的傳輸量更快地下載網頁，此外，它能相容現有的瀏覽器、影像處理應用和 JPEG 標準。
Web開發至今已經累積了相當多的成熟經驗，就Web應用程式而言，MVC已經是公認且驗證的架構，Web快速開發框架基本上必然實現了MVC架構（儘管有些細節上的不同），多半要具備的元素有URL路由對應、HTML模版系統、ORM與資料庫管理、表單處理與驗證、使用者管理、基本安全管理、測試、部署等；而附帶的元素，則為各種工具、程式庫（如郵件發送、多國語系時區支援）等，其中路由、模版系統與ORM，通常是一開始使用時最先接觸也最關心的部份。
關鍵字：Guetzli
Google於GitHub上釋出開源JPEG編碼器Guetzli，Guetzli能壓縮35％的JPEG圖檔，同時維持圖像品質，提供開發者打造載入速度更快的網頁，也能減少行動裝置用戶的網路頻寬成本。
關鍵字：行動、多螢行銷、行動、多螢趨勢研究、研究報告、行動、多螢研究、行動行銷
行動搜尋普及 帶來無限商機
你可能已經習以為常，周六午後在東區散步，發現一件你鍾愛的商品，你打開智慧型手機，上網搜尋相關資訊，比較優劣與價格來決定要不要購買；然後想起晚上的聚餐還沒訂位，你馬上使用手機搜尋附近的餐廳，立刻打電話訂位……
Facebook 一直以來都想把資訊流介面打造成購物場所，過去也一直嘗試「社群電商」的路線但表現平平，現在他們推出新廣告格式「精選欄 (Collection)」，要讓消費者邊滑邊買！
一圖勝千言。新網路時代與過去冷冰冰的網際網路最大的區別就在於多了豐富的圖片。而網路上面最流行的靜態圖片格式非 JPEG 莫屬，但 JPEG 文件的多寡往往會影響頁面的載入速度。為此，Google 開發了一種新的 JPEG 演算法，可將文件大小減少 35%，這會確實提高網站的載入速度；此外，新演算法還可以在保持大小不變的情況下顯著改善圖片品質。更重要的是，Google 的這種 JPEG 格式跟 WebP、WebM 等圖像壓縮法不同，它可以完全與現有的瀏覽器、裝置、圖片編輯應用以及 JPEG 標準相容。而且，Google 還把它給開源出來了。
在軟體開發領域，對原始碼進行版本控管是非常重要的一件事，有別於 Subversion 或 TFVC (Team Foundation Version Control) 這類集中式版本控管系統，Git 是一套分散式版本控管系統(DVCS; Distributed Version Control System)，並帶來許多版本控管上的各種優勢與解決傳統集中式版本控管的缺失，例如支援本地操作、備份容易、功能強大且彈性的分支與合併等等。不過，由於 Git 版本控管無論在版控觀念與工具使用上，都與傳統集中式版控工具差異甚大，因此造成了不小的學習門檻。
有些人看到一些屬於高危險的網站，比如說色情網站或是種子網站，明知道這些網站可能會帶有病毒或是惡意程式，甚至可能會追蹤你的資訊，但雖然如此還是很想看網站的內容，這時會靈機一動，打開瀏覽器的「隱私模式」（無痕模式）來瀏覽，感覺上這樣就比較安全。但是，這樣的想法是對的嗎？
自從 Google Assistant 開放以來，越來越多使用者感受到它的美好，而原本只能在 PIXEL 系列手機上使用的 Google Assistant，現在也準備開放給其他品牌 Android 手機使用了。
EFF（Electronic Frontier Foundation）最近發表了一份 報告 ，報告稱經研究顯示，目前全球已有超過一半的 web 流量採用了加密的 HTTPS 進行傳輸，預示著對整個 web 進行加密的運動達到了一個里程碑。加密流量過半的主要原因是佔據流量主要佔比的主流技術公司，如 Facebook、Google、Twitter、維基百科、Bing、Reddit 等最近幾年都陸續採用了 HTTPS 協議。
關鍵字：Cloud Spanner、NoSQL
釋出兼具傳統關聯式資料與NoSQL優點的雲端關聯式資料庫產品Cloud Spanner，希望吸引現有開源資料庫的企業客戶將關鍵應用搬上雲端
隨著近年來移動裝置越來越流行，我們有必要說明一下，一般網站是如何在小型裝置展示，以及如何適應多重螢幕的。目前主流的兩種方案，分別是「手機版網站」與「RWD 設計」，我們會針對這兩種方案做簡單的說明，讓您了解該如何選擇。
關鍵字：WordPress
WordPress在1月下旬釋出更新修補了3個漏洞，但實際上WordPress還修補了另一個漏洞，直到更新釋出後一周才公開此一新漏洞，資安業者Sucuri指出新漏洞公開後已出現攻擊程式，以Google搜尋檢視，至少已有10萬個WordPress網站遭攻擊。
現在即未來：2017 年十大設計趨勢預測
設計行業瞬息萬變，時刻跟上潮流並與時俱進變得至為重要。也許你不是隨波逐流的人，但對設計師而言，了解行業當下的轉變未嘗不是一件好事。趁著 2017 年之初，我歸納了今年十個最重要的設計趨勢：
1.簡約設計的演化
2.更多的微互動
3.影片為王
4.豐富的顏色和誇張的字體排版
5.定制插圖
6.網站的長滾動和視差技術
7.卡片將仍然重要
8.接口介面的興起
9.擴張 / 虛擬實境
10.原型製作的爆炸性增長
程式語言人氣指標 TIOBE 透過整理 Google、MSN、Yahoo、百度、維基百科和 YouTube 等大型網站中，程式語言相關的搜尋結果，每個月排出最受熱門程式語言，並於今年 1 月公佈了 2016 年最受歡迎的程式語言。
關鍵字：RAISR、google、照片、載入失敗、速度、頻寬、圖片、解析度、失真、壓縮
相信每個人都會遇到這種煩惱：滑到好看的照片時，就會想要點進去看大圖，但載入大圖又很費時，而且還經常會載入失敗。
不過，Google 在去年 11 月份公佈的一項叫 Rapid and Accurate Image Super-Resolution (RAISR) 的技術或許能成為更好的解方。
多項電商相關技術與趨勢在2016年蓬勃發展，也帶起了另一波的新風潮，2017年馬上來到，企業應該好好審視這些最新的趨勢；Smart Insights 中專職數位行銷專家 Robert Allen 便根據了電子商務到現今2016年的發展，進行分析及預測。
當開發專案逐漸成長，系統規模逐漸增大，版本控制對於開發人員而言成了必須的技能，早期大家都使用SVN來控制，但隨著整體Open Sourcer 逐漸轉向採用 Git 來做為主要的版本控制工具，GitHub也跟著水漲船高成為了開發人員的首選 Git Server，但對於企業內部的專案來說 GitHub對於安全性的控管是否足夠，則使得大家多有疑慮，這時於企業內部採用GitLab也許是一個不錯的選擇
GitLab是一個利用Ruby on Rails開發的開源應用程式，實作出企業內部可自行管
理的的Git專案倉庫，通過Web介面進行存取公開的或者私人專案。
UI可以說是企業數位形象的門面，也是能留住和吸引顧客的關鍵，隨著移動裝置和新技術的興起，UI設計每年都在推陳出新，繼扁平化、微互動及卡片式設計之後，2017年又會有什麼樣新穎的設計手法呢？我們根據目前所知的設計風格加上網路資訊的彙整，整理出15項2017年可能流行的設計趨勢以供參考。
關鍵字：ios、https
蘋果宣佈，在2017年1月1日以前，所有在其App Store上架的應用程式，都必須啟動應用程式傳輸安全（App Transport Security，ATS）安全通訊技術。
關鍵字：PHPMailer
The Hacker News 報導 PHPMailer 出現遠端執行程式碼的漏洞，可以透過不乾淨的寄件者 Email 位置攻擊，植入遠端程式碼，三個主流的 CMS 系統包含 Drupal、Joomla、WordPress，都可能受到此弱點影響
關鍵字：Chrome封殺、flash、HTML 5、Animate
Google 在官方部落格 發表文章 稱：從 9 月份開始，Chrome 53 將會阻止 Flash 在網頁背景載入的行為；而到了 12 月，Chrome 將把 HTML 5 作為 Chrome 瀏覽器的預設選項
關鍵字：資深工程師、code review、程式碼、精準判斷、技術維護
身為工程師應具備的特質與能力，從這些項目中檢查自己是否缺少了哪些能力並加強、學習，相信就算還不敢以資深工程師自稱，至少也能說自己一名好的工程師。
1.對工具技術有深入的掌握度
2.能寫出可理解可維護的程式碼
3.選擇技術的能力
4.軟體架構分析與設計能力
5.圖像解說能力
6.能綜觀全局的能力
7.嘗試導入對團隊更好的流程
8.心理素質層面
9.不斷地自我提升
10.臨危不亂
11.樂於分享所知
12.溝通受人敬重
13.勇於認錯、自我反省
目前台灣約有7兆多台幣流通，實體通路仍有75%依賴現金交易，即使捷運悠遊卡能使用的地方愈來愈廣，可以在便利商店使用，但是仍受限5000元的儲值上限，此外，身為小資階級的象徵——信用卡，雖然也被廣泛使用在百貨公司、大賣場等通路上，但是數張卡在身的繁複卻讓人更加苦惱。在作為電子錢包的手機支付業務上，台灣的金融業受限於主管機關「金管會」的監理，發展始終徐徐牛步，直到2015年金管會開放「金融3.0」的業務後，金融業才從洪荒時代，走向與世界接軌的電子時代。遙遠的夢。
關鍵字：電商、電子商務、周年慶、活動、營收、績效、媒體、採購、設計、人力、廣告、網路、規格、素材
每年接近年底，從事電商最期待的就是周年慶活動的營收績效，優秀的營收績效背後，往往需要付出許多的代價如：媒體採購、設計人力、廣告代操，這些成本的背後其實要做好更多的準備，才能讓這些付出在活動網站上化為收入，而不是因為沒有做好準備造成網站掛點、消費者看不見網站就轉跳別家電商購物還順便跟朋友說某某電商網站很爛都進不去，不僅浪費了活動預算，甚至賠上品牌商譽這樣慘痛的代價。
關鍵字：Raspberry Pi、Android、物聯網
相信有在關注物聯網的朋友一定聽過Raspberry Pi(樹梅派)，經過了2016年一年，用有許多新的作業系統也投入他的懷抱中，甚至連原生支援的Android都有囉~
機器人取代人類工作並非危言聳聽，且時間已經相當接近。根據科技市調機構IDC的預測，到了2019年，物流、健康照護、公共事業等領域的領導企業，將有35%會試著以機器人讓日常營運變得自動化。
IDC 6日發表研究報告對全球機器人產業提出十大預測（見此），指稱人工智慧(AI)、電腦視覺(computer vision)、導航系統、MEMS感測器以及半導體的科技日新月異，工業和服務型機器人的能力、表現、自動化以及使用的容易度，也會持續創新。
IDC並預測，機器人將跨出傳統的製造廠房，在物流、健康照護、公共事業和資源開發產業快速發展。
作為世界電商巨頭，亞馬遜卻在不斷探索線下經營。去年，它開始在美國開設實體書店——但這不過是小打小鬧，亞馬遜還謀劃著徹底顛覆傳統超市。昨日，它在西雅圖開張了一家革命性的線下便利店——Amazon Go。看起來，這才是線下零售業的未來。
關鍵字：ios、APP、UITableView
幾乎所有的 App 都會以導航的方式向用戶展示多個 View Controller。這些 View Controller 分別擔任不同的職責，比如在屏幕上簡單顯示一些信息，或者從用戶輸入中收集複雜數據。針對 App 的不同功能設計新的 View Controller 是一件必不可少的任務，有時候甚至是一種頗為艱鉅的任務。但是，許多時候，通過展開式 UITableView，我們卻可以不用創建新的 View Controller 就能完成同樣的任務。
關鍵字：自拍、無人機、空中、袖珍、迷你、空拍機、2017、AirSelfie
義大利初創公司AirSelfie推出一款同名的袖珍型自拍無人機，可放置在手機殼中隨身攜帶。它能飛到空中對著特定的人物或目標拍攝照片或影片，使用者再也不用擔心手太短或自拍器不夠長而拍不到想拍的畫面。
這裡介紹如何在 PHP 的程式中呼叫 R 語言進行各式的統計分析語資料繪圖，並將結果顯示於網頁之中。
PHP 是現今很熱門的程式語言之一，有非常多的網頁應用程式都是使用 PHP 來開發的（例如 WordPress 等），而 R 語言則是一種功能強大的統計分析工具，拜大資料的風潮所賜，目前 R 語言已經是資料科學領域最熱門的分析工具。
關鍵字：SSL連線資料庫
透過網路存取資料庫主機時，若沒有經過特別保護處理，重要資料很可能被中途截取，若改用SSL安全傳輸的方式來連結資料庫，將能有效地避免在傳輸過程中發生資料外洩的事故。
關鍵字：網路趨勢、網路行銷 google
經濟不景氣，大家都在思考如何突破困境，或許從行動、網路可以找到一些機會。Google將於17日在香港舉辦大中華區年度活動，探討大中華區「行動第一」的趨勢和成長，活動前夕特別公布近幾年來觀察到的網路行銷趨勢及消費者行為洞察，以資有意進攻網路的中小企業作為參考。
Google大中華區行銷協理尹明詩剖析，台灣97%的產業結構為中小企業，多年來透過出口貿易成功開拓國際市場。這半年來，外需力道轉弱、台灣出口連續6個月衰退，更間接造成經濟成長率(GDP)下修，促使台灣中小企業加速思考轉型。不只台灣整體經濟成長衰退，鄰近台灣的香港、大陸同樣也面臨類似的挑戰。
Appier 公佈 2016上半年台灣跨螢使用者行為報告，從Appier內部一兆筆、橫跨亞洲十一個市場的數據，剖析潛藏在台灣與亞洲消費者跨螢使用行為中的洞察。報告發現，亞洲各國正全力加速邁向多螢世代，而台灣成熟的跨螢使用態勢已讓它躍升成為亞洲前三大市場，另外有四成五(45%)使用者擁有四個以上裝置，相當於每兩個台灣多螢使用者就有一人使用四個裝置，大幅超越亞洲的31%平均佔比。隨著四螢時代來臨，如何串連起消費者在不同螢幕上的跨螢足跡已成為行銷人員最大的挑戰。
使用視頻作為網頁背景是件很酷的事情，但也是件困難的事情。CSS裡background-image屬性只能使用圖片、SVG、顏色或漸變色。但從技術講，我們是可以偽造出一種效果，讓視頻以背景的角色出現在其它HTML元素後面。這其中的難點是視頻要填充整個瀏覽器頁面，而且要響應瀏覽器窗口大小的變化。
關鍵字：資安、DDoS、物聯、攻擊事件、黑市、DNS、殭屍網路、流量、殭屍、裝置
你還記得上週五的 DDoS 物聯攻擊事件 嗎？現在有更糟的消息傳出。物聯網攻擊的資訊已經在黑市上兜售，未來攻擊可能會更頻繁。
Google研究人員指出，神經網路一般並不擅長加密，經常連最基本的加密演算法都無法計算，然而本項實驗中卻顯示它們在未被教導任何演算法情況下，經由學習發現特定加、解密的方法，進而達到訊息保密的目的。
於美國時間19日公佈推出新電子商務功能，用戶不僅可透過粉絲專頁訂購餐點、購買票劵、預約活動、索取報價和時間表等服務外，還可新增「推薦」功能。當用戶的朋友請求推薦時，用戶可直接在回覆上嵌入粉絲專頁頁面並發佈推薦到地圖上，使徵求推薦的人可直接查看。
關鍵字：ios、https、App Transport Security.ATS
iOS 10 中以前雜亂的和通知相關的 API 都被統一了，現在開發者可以使用獨立的 UserNotifications.framework 來集中管理和使用 iOS 系統中通知的功能。在此基礎上，Apple 還增加了撤回單條通知，更新已展示通知，中途修改通知內容，在通知中展示圖片視頻，自訂通知 UI 等一系列新功能，非常強大。
對於開發者來說，相較於之前版本，iOS 10 提供了一套非常易用的通知處理介面，是 SDK 的一次重大重構。而之前的絕大部分通知相關 API 都已經被標為棄用 (deprecated)。
Facebook於12日開源JavaScript套件管理工具Yarn，稱比現在最熱門的JavaScript套件管理工具NPM（Node Package Manager）更快、更可靠且安全。推出不到3天，Github上的星星（star）數就超過NPM。
許多網站實作會員系統時，會開發「用facebook登入」功能，或是註冊過程中套入facebook資料、減少使用者註冊的麻煩。
開發人員通常會覺得，至少拿得到email，對吧？
其實不然。就算使用者同意授權還是可能拿不到。
以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。也就包括視覺的呈現、流程、HTML、CSS、JS等的運用以及所謂的使用者體驗(UE)、、使用者介面(UI)、可使性(UX-usability)等等，其實包山包海，範圍可大可小。
當個能把版切好的前端，是基本。
當個能把前端做好的前端，是一種挑戰。
等了三個月，蘋果終於向所有用戶推送了iOS 10系統正式版。與以往一樣，AppSo第一時間為大家準備好了新系統評測。iOS 10有什麼新功能，值不值得升級？看看AppSo為你梳理的這些新功能就知道了。文章最後部分有大量我們發現的iOS 10細節功能，非常實用。
本文測試機型為iPhone 6s Plus。
關鍵字：CSS 轉場文件、source-atop、destination-out、HTML5 Canvas
是 HTML5 的新元素，可透過 Script（通常是 JavaScript）繪製圖形。
例如，可以用來繪圖、合成圖照片、建立動畫、甚至處理即時的影片播放。
Mozilla 應用程式從 Gecko 1.8（也就是 Firefox 1.5）起開始支援 。
這個元素最初由蘋果 OS X Dashboard 和 Safari 引入。
Internet Explorer 9 以上版本也有支援 ，但較舊的 IE 版本（例如IE8以下）則須嵌入 Google Explorer Canvas 專案中的程式腳本，才能得到有效的支援。Opera 9 也支援 。
參考文章：https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API
關鍵字：CSS、CSS3、網頁設計、nth-child、nth-of-type
雖然說目前CSS3還沒正式的標準化，但新的屬性已為網頁帶來許多的便利，像是大家所熟悉的圓角框、陰影、漸層、多欄位....，甚至目前正夯的RWD自適應，這些都是需要使用到CSS3，除此之外CSS3還提供了許多的選擇器可使用，如此一來就可大量的減少一些類別的設定，直接透過HTML的標籤就可直接進行選擇與樣式的設定，雖然說很方便，但在CSS3有二個選擇器長的很像nth-child與nth-of-type，在正常情況下，二個用起來很像，但若HTML的結構改變時，二個就大不同啦!!!因此梅干作了一個小範例，來幫大家解惑，這二個屬性的最大差別什麼地方。
關鍵字：Windows、flash、舊版、Java、adobe、Player
從10月11日開始，Windows 7 SP1與Windows Server 2008 R2上的IE 11將開始封鎖無法自動更新的Flash ActiveX控制項，不過，這項政策並未包含Windows Server 2012 R2、Windows 8.1及Windows 10等系統。
IHS Markit今天表示，2016年全球智慧手機虛擬實境裝置(Smartphone Adaptor Headsets)出貨量為643萬套，預計到2020年，全球智慧手機虛擬實境裝置的出貨量降下滑至375萬套，需求成長率將衰退41.6%。
造成全球智慧手機虛擬實境裝置需求下滑的原因，主要是歸因於缺乏精細頭部追蹤功能，智慧手機虛擬實境裝置將淪為單純個人用的廣視角(Wide Field of View)顯示裝置。
Redis 是開源且先進的鍵值對儲存庫。由於它可用的鍵包含了字串、雜湊、列表、集合和有序集合，因此常被稱作資料結構伺服器
擁有自動插頁跳出廣告的網站要小心了，根據Google最新聲明，他們即將改變搜尋演算法，將自動跳出插頁廣告網站的搜尋排序降低。
年初發現今年農曆生肖是自己的生肖時，感到一陣恐慌 — — 什麼，今年要滿 24 歲了嗎！之前朋友和我聊相似的感觸，才用冷淡的態度回應過，結果自己遇到時才真的懂那種恐慌感。
目前為止，做了好幾個開放原始碼專案、講了更多場大大小小的分享、包含一場 TEDx、百餘小時的課程，上個禮拜還剛完成在五個國家演講過的紀錄，說起來也還是比上不足、比下有餘。決定將這 24 年整理一下，下個逗號後繼續前進！
關鍵字：ios、https、App Transport Security、ATS
在蘋果 全球開發者大會（WWDC）的一場安全演示會上，該公司公布了一個最後期限——2017 年 1 月 1 日——即 App Store 當中的所有應用必須在這個日期之前啟用一項名為 App Transport Security 的重要安全功能。
App Transport Security，簡稱 ATS，是蘋果在 iOS 9 當中首次推出的一項安全功能。在啟用 ATS 之後，它會強制應用通過 HTTPS（而不是 HTTP）連接網絡服務，這能夠通過加密來保障用戶數據安全。
關鍵字：ui/ux、虛擬實境、virtual reality
VR (虛擬實境 Virtual Reality) 與 AR (擴增實境 Augmented Reality) 發展已久，但近期的應用與風潮才逐漸發燒，其互動設計也未定型，本文帶來現今多款 VR 的互動方式，對於即將或已經著手設計的 VR 設計師應該有所幫助。
AR 在互動設計發展史是一個重要的里程碑，發展中每一項里程碑都源自技術和人性的碰撞。從最初的紙帶打孔，發展到鍵盤與滑鼠，及現在進行式的觸控、語音識別，及已經成熟的 3D 手勢、眼動識別等。
甚至，未來還會實現腦波控制與意念識別。每一次的技術革新及產品升級，都會帶來人機互動方式的變化。但不管怎麼樣，最核心的還是要符合人體的自然動作，讓人們以最舒適的方式獲取資訊。
關鍵字：Cloud SQL、Cloud Bigtable、Cloud Datastore
Google推出旗下雲端資料庫服務Cloud SQL、Cloud Bigtable和Cloud Datastore 正式版（GA），同時也加強了Google Compute Engine的效能和安全性，而GoogleCompute Engine支援微軟SQL Server映像檔的部分則仍在測試階段
關鍵字：web技術
要預測未來不容易，但根據已經發生的一些蛛絲馬跡，來推測看看一年半載內可能會發生什麼，還是勉力可以為之。
1. Javascript 語法的改進
2. DOM 的改進
3. HTTPS 大量被採用
4. 預編譯網站
新的影片分析工具可以讓內容製作者瞭解觀看者的性別等人口特徵，例如觀看者人數、年齡、性別、地理位置，甚至看到觀眾何時發表論、發表回應、分享影片，讓內容業者能將觀眾反應納入未來內容製作的參考。
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
問了這幾位 F2E 他們用什麼軟體切圖，答案是 Illustrator ，聽到的當下就覺得不妙。我非常不支持拿 Illustrator 做任何給螢幕用的檔案，切圖不便、對 PX 的支援度也很差，Illustrator 是印刷用軟體。當公司只給你平面設計師、沒有 UI 的時候，所有 Mockup 都出自平面設計手中，F2E 要如何自力救濟？
流量觀測機構 comScore 數據指出，最近一年雅虎奇摩台灣區到達率，維持在98% 高原，意指每 100 名台灣網友，有 98 名一個月之內去過雅虎奇摩一次，電腦用戶使用率幾近滿點，流量價值可觀。
只是長期寡佔台灣網路產業的雅虎奇摩，雖然是雅虎全球市場之中的模範生，但受制於雅虎執行長梅爾（Marissa Mayer）強勢的「全球服務一致化」策略，雅虎奇摩不僅結束台灣最大的部落格平台「無名小站」，對於適合本地市場的新服務，研發推展也綁手綁腳。
因此在這次原始股東出脫雅虎、力求變現，新東家對台灣業務了解不深的時刻，出現台灣雅虎奇摩獨立的絕佳機會。
關鍵字：關鍵字google盜版、版權、開發者帳號
Google主要祭出兩大手法，分別為切斷盜版網站的影片來源，和廣告等商業收益來源。如今全球都瘋Pokémon GO，Google 版權法務總監Fred von Lohmann指出，在Andriod上出現了許多盜版Pokémon GO的遊戲，也收到了版權擁有者要求刪除盜版，而Google會將侵權的遊戲下架，若開發者違規次數頻繁，Google就會封鎖此開發者的帳號。
關鍵字：保留Android手機證物、Android、LINE
在台灣LINE的訊息傳遞使用率高達92%，因此也成為了歹徒宵小犯罪利用的途徑。本文即探討對於藉由LINE為犯罪媒介的各種犯罪手法，應該如何去防範，或是進一步去萃取手機所遺留之相關跡證，並完整地擷取、分析出能有力佐證非法企圖的數位證據。
上網購物不稀奇，用VR購物可能更酷炫。淘寶造物節（22）日在上海世博展覽館開幕，活動亮點之一，就是首度開放消費者體驗「Buy+」－阿里巴巴旗下VR實驗室所開發出的虛擬實境購物技術。
關鍵字：Cleave.js
Cleave.js 是一款用來基於Apache 2.0授權協議的HTML 格式檢查工具，如果你想知道更多資訊，可以看看Cleave.js支援哪些格式檢查喔!!!!
關鍵字：GDN、多媒體廣告聯播、曝光、效果、廣告傳遞訊息、資訊
許多人都覺得 GDN (多媒體廣告聯播) 只是一個主打「大量曝光效果」的廣告模式，對於好好利用它帶出更具體實質的效益，現在還很少人分享。這篇來與大家談談素材設計，讓我們放眼思考 GDN 的特性，其實就能得出三個小重點，好好探究一番，既不浪費你的設計師人才、產出多款能提高綜效的廣告素材，更重要是帶出好業績。
關鍵字：瀏覽器、Chrome、firefox、Opera、Microsoft Edge、Internet Explorer
覺得自己的上網速度很慢嗎？覺得瀏覽器開個網頁就像烏龜一樣嗎？搞不清楚哪個瀏覽器最好用嗎？現在就有國外網站，一次實測Chrome、FireFox、Opera、Microsoft Edge與Internet Explorer 11進行了詳細的效能評比，來看看誰是最佳的瀏覽器吧。
為了維持產品的安全與開發時程，在敏捷開發中的各個階段，都應該包含適合的資訊安全產品或解決方案，好讓各開發階段的關係人，在各自負責的工作，都能維持產品的資訊安全
關鍵字：Swift、Push Notifications、推播、ios、APPs
從一個提供者發送一條消息到一個或多個設備，需要使用一個強制的通道。那就是蘋果推送通知服務器，或APN 服務器。由這些服務器將推送通知按指定路線發送到正確的設備，在提供者提交後幾秒，這些消息就會被送達。簡而言之，遠程通知的生命週期可以簡化為：
提供者 >> APN 服務器 >> 目標設備
設計趨勢是一個永不終結的話題，對於2016我們整理了一些可以預見的視覺設計趨勢，相信對廣大APP的產品設計師能夠帶來成長和幫助，本次主要針對視覺設計趨勢做了總結。廢話不多說，接下來讓我們看看哪些設計趨勢可以制霸2016。掌握趨勢！先人一步！
Apple 在年中舉行的 WWDC （世界開發者大會），除了將未來一年軟體更新的做重點介紹外，還有一整週的論壇及 workshop。而每一場論壇的結束後，都會上傳到 Apple 的官方網站上供大家觀看。
我們從今年度（2016）的設計類論壇中挑選幾項有趣的主題，整理後以圖文的方式分享給大家。如果你正有開發的項目，準備進軍全球，這些重點可對產品的設計與推廣上有所價值；而一般的開發者、使用者經驗分析師、介面設計師們，也能在論壇的重點中得到更多的知識。
Bug 少、表現好、易於更改。好的程式碼影響深遠，而且大概是大家公認高效率開發者背後的重要因素之一。儘管如此，新手還是很難理解什麼是好的程式碼，大部分的相關文章會有整理很多沒有前後因果的小秘訣，但新手開發者怎麼可能全部背起來？比如說，光是這本程式領域的經典《軟體建構之道》（Code Complete），就有 960 頁這麼厚。
我相信能建立一種心態架構，是能超越任何語言和函式庫，讓人一開始就能產生好的程式碼。這裡提出 5 點概念，記住這些原則，寫出好的程式碼將非難事。
關鍵字：Microsoft Wallet、Xbox、office、Windows Store、Apple Pay、Samsung Pay、Google Android Pay
Microsoft Wallet中新增點擊支付功能，可透過NFC完成支付，目前在美國已有超過100萬家的零售商可接受支付，唯點擊支付僅限Windows Insiders測試，且適用於美國市場，以及Lumia 950、Lumia 950 XL與Lumia 650等3款裝置。
我想你會同意；簡報的設計必須和你的提案一致，是創新且符合趨勢的。
這篇所要介紹的是將活躍於 2016 年和未來幾年的簡報設計元素。其中歸納出的簡報設計元素將幫助你有效地傳遞訊息給客戶和觀眾們。
蘋果在WWDC上宣佈2017年1月1日以前，App Store上的app都必需使用ATS安全通訊技術，使app及網頁通訊以HTTPS加密連線。
關鍵字：Android、ConstraintLayout、約束
iPhone6推出以後，Apple為了讓開發者能夠快速的對應各種不同的螢幕尺寸，大力
推薦使用AutoLayout，在XCode上拖拽组 件，設定约束(Constraint)，一個界面就基本完成了，反觀Android開發者這一邊就可憐多了，一邊看著設計稿，一邊心裡OS.....(這一邊用LinearLayout，這裡用RelativeLayout，這裡面再崁一層Layout，然後再放 RelativeLayout)，往往一個小小的界面設計，就讓你頭痛不已
曾經為非常紅的Flash,，最近因安全漏洞等問題，漸漸的讓各大平台都不再預設使用，Google也於近期宣佈，Chrome將以HTML5來取代Flash為多媒體播放的預設播放設定，但還是會保留常用網站的可主動執行Flash，雖然Flash已不是預設啟用，若網站內含Flash會跳出提示框訊息詢問是否同意啟用，如果允許，還是可以播放Flash，依照這趨勢來看，目前已有許多新建立網站已不再使用Flash為主要設計工具，而是逐漸以HTML5來設計網站了。
關鍵字：AngularJS、google、JavaScript、HTML、ASP.NET MVC
有好長一段時間，一直在尋尋覓覓一套好用的前端 JavaScript 框架，看過了 ExtJS、BackboneJS、EmberJS、KnockoutJS、… 與各家比較後，最後終於情定 AngularJS 這套。其優異的框架設計像是 宣告式語法 (Directives)、DOM Templates、雙向資料繫結 (Two Way Data-Binding)、相依性注入 (Dependency Injection) 與關注點分離等特性，都深深地打動著我，但神奇的是，在台灣竟然看不到幾篇關於 AngularJS 的文章，這感覺就跟我三年前毅然決然踏入 ASP.NET MVC 的領域一樣，不過，不管別人用不用，我是用定了！
關鍵字：幽靈按鈕、背景大圖趨少、物質設計、微互動、互動圖表、全螢幕影片、web
2016 年已經過了快一半，網頁設計趨勢來來去去，有些落伍的風格已被刨除，實驗性的做法不斷冒出。唯一可以肯定的，是返璞歸真，還原基本，割捨一切不必要的功能。過去資訊零星散落雜亂無章的頁面的時代已經逝去，簡約與使用者介面取而代之。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前，最受歡迎的六個網頁設計趨勢。
關鍵字：標準網址、google、canonical link、網頁設計、程式設計
介紹如何設定標準網址（canonical link），讓自己網站可以在 Google 搜尋結果上呈現正確的網址，達到搜尋引擎最佳化的效果。在一個網站中使用不同的網址來呈現同一個頁面的內容是很常見的情況，舉例來說，有些網頁會有閱讀用與列印用兩種網址，這樣的設計可以讓使用者更便利。
關鍵字：JavaScript、程式設計、專案開發流程、活動網站設計
今年有越來越多企業開始跟我們接洽企業內訓的事，想請我幫他們培訓前端工程師，但你知道一個好的前端工程師絕對不是兩三個月可以養成的，需要多年的努力與磨練才會有點成績。而這幾年可謂前端正夯，有為數不少的人開始大規模的往前端開發移動，而我被問到最多的問題就是「請問 JavaScript 要怎麼學？」或「請問 JavaScript 該怎樣入門？」諸如此類的問題。大家都知道，對於一門程式技術來說，「會寫」與「會教」是兩個截然不同的領域，會寫 JavaScript 的人到處都是，但是會教的人就相對少很多了。我這幾年教授 JavaScript 開發實戰課程已經超過 15 梯次，在將近 500 位學員裡面，我所看到的大部分學員都是JavaScript 不勝理解，普遍處於一種一知半解、模糊不清的狀態。另一方面，我在公司內部也帶過不少工程師，總是有人會想學習 JavaScript 但不知道如何入門的情況，這讓我陷入深思，該如何幫助一個人學習 JavaScript 從入門到精通呢？本篇文章將說說我個人的一些想法與建議。
最近在考慮用DOM 實現2D 遊戲基本動作，其中需要實現精靈（sprite）的行走，跳躍等動作，因為Canvas 才剛開始學習，於是便想用CSS3 來實現這個動作。作為2D 遊戲，要響應鍵盤的動作就肯定不能直接使用Gif 圖了，於是在Photoshop 中打開這張圖，提取出所有幀。扣去背景以後拼接成雪碧圖，然後利用CSS3的keyframes自定義動畫。
Apple 加速應用商店審核過程，平均時間由九天下降為兩天：
審核週期過長一直是 App Store中的一個嚴重問題，不過這也讓開發者們對於 iOS app 的提交更加謹慎。
最近，開發者發現 Apple 明顯加快了應用審核的速度，之前對於一個應用的審核一般需要一周還多，而現在在提交第二天就能得到結果。這被認為是 Apple 希望開發者忠於平臺，並且能以更快速度遞交應用的重要措施。
6 月 1 日起所有提交的 app 都需要支援 IPv6 網路：IPv4 位址告罄已是事實，Apple 又一次走在了推動新標準的前列。
Apple 規定從下個月初開始，開發者所提交的應用必須能夠支援只有 IPv6 的網路條件。
如果你用了一些底層級網路相關 API，就可能要進行額外的修改才能完全支持 IPv6。
Apple 在這裏給出了適配 IPv6 的指南，如果你有更改的需求，可以按照這份說明進行調整。
行動裝置規格與效能逐年進步，使 Apps 的執行速度越來越快，但卻因為行動網路的下載速度產生落差，使得用戶在瀏覽行動網頁時，仍有不夠快的感受。Google的AMP 專案就是欲使用戶瀏覽行動網頁的體驗獲得提升，不再有速度落差。
關鍵字：使用者介面、使用者體驗、UI、UX、APP設計、網頁設計、專案開發流程
也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈，有這樣條件的 app 可能還是無法鶴立雞群，還需要更多能連結使用者感受的元素。
關鍵字：ImageMagick、網頁設計、程式設計
研究人員指出該漏洞只要是允許使用者上傳圖像的網站都會受到影響，駭客可上傳惡意圖像迫使伺服器執行任意程式。包括PHP的imagick、Ruby的rmagick與paperclip或nodejs的imagemagick，使用了ImageMagick或受影響函式庫都會受到漏洞的波及。
隨著網路時代的來臨，數位行銷已儼然成為市場上的「顯學」，其中，RTB(線上即時競價)近來更成為台灣數位廣告產業最熱門的話題，也是廣告代理商、入口網站、媒體採購到行銷人員關注的焦點，最近也有業者推出了可進行跨境投放的即時競價RTB數位廣告系統，可望打破市場上長期由代理商把持的扭曲生態。
關鍵字：物聯網、Beacon、EddyStone、程式設計專案開發
隨著各種低耗電電子設備的逐漸面市，物聯網的基礎建設逐漸完備，而各家軟體大
廠也開始磨刀霍霍，希望能夠藉由主導軟體的規格來主導整體的市場
對此Apple最早推出了iBeacon，隨後Google也推出各種物聯網的各種溝通規格，不
同於Apple的iBeacon希望藉由一封閉式的規格來獨享整體市場，Google則將所有的規格採取Open Source的方式來推廣，Google的規格主要有以下:
不少粉絲團為了在辦活動的時候讓更多人看到，因此會要求粉絲參加活動的基本條件必須留言並標記好友，或者在動態時報公開分享粉絲團的貼文，但是 Facebook 粉絲專頁條款明訂禁止使用個人動態時報或交友圈來進行活動，也就是說標記好友與分享粉絲團貼文到自己塗鴉牆的方式會被 Facebook 認定為違反條款，最嚴重的後果當然就是強制關閉粉絲團，各位粉絲團管理員們，要辦活動千萬要注意了。
關鍵字：web、優化、速度、技術、性能、AMP、WPO、行動裝置、Accelerated Mobile Pages
Google新技術再次來到，這回推出所謂的AMP網頁技術，全名稱為「Accelerated Mobile Pages」，一般簡稱為AMP。當你的網站使用後，網頁載入速度會更省流量、更快速，這個AMP專案主要是Google針對在行動裝置上(手機或平板)，搜尋結果點入後載入速度將會比傳統搜尋快4倍，流量卻不到過去的十分之一，同時也將優先出現於Top Stories的區塊。
關鍵字：Facebook、按讚抽獎活動網站、程式設計、網頁設計
facebook 是現在最熱門的社群平台之一，大部分的網站、部落格都會提供 facebook 的分享按鈕，希望訪客們幫忙分享在 facebook 上，增加網站的人氣與知名度，而站長們通常都會關注網站被按「讚」、留言與分享的次數，雖然 facebook 的按鈕上面有一個數字可以參考，不過這個數字是所有按「讚」、留言與分享次數的總和，以下我們介紹各種查詢 facebook 網址分享統計的方法，以及如何查看個別的統計值
關鍵字：php、SMTP、PHPMailer、php程式設計、php程式專案開發
在 PHP 中可以使用 mail() 函式進行信件的發送，但是前提是您必須使用一個不用驗證即可寄信的 SMTP。如果您必須使用一個需要帳號、密碼來通過驗證的 SMTP，就不能使用 mail() 函式了。如果您不想再額外的安裝 PEAR 函式庫，建議您可以採用 opensource 的類別：phpMailer。
關鍵字：JavaScript、網頁設計範本、程式設計、網頁設計
首先，你要先了解Javascript這個程式語言的應用領域，每個程式語言都有它比較合適的應用領域，這也會涉及它的語言的內容與特性。也與它經常會被應用的地方有關，但這並非一個完全絕對的，只是"相對合適"，與它一開始被設計或創造出來的針對應用範圍有關。
關鍵字：SQL Server、SQL、微軟
微軟大幅修改了SQL Server的支援策略。
過去，該策略基本上是“除非你有問題，否則等待服務套件”。即使已經有了可用的累積性更新（CU），微軟也是強烈建議不要使用，並給出類似下面這樣的警示資訊：
“該累積性套件只在解決且僅僅解決此內容描述的問題。它僅能用於這些特定問題的系統。”
“微軟現在已經提供了一個受支援的累積性更新套件。不過，僅僅解決這篇文章中描述的問題。”
這種思路的缺陷是，當該CU解決了一個影響他們伺服器的問題時，DBA和開發者經常不知道。他們工作在任何性能退化或意外停機都是由他們自己的設計所導致這樣一個假設之下，他們可能會等待數月，直到有一個服務套件可以輕鬆解決他們的問題。
來自微軟的最新建議是，使用持續地、積極主動地安裝可用的CU。
Resizer能讓使用者直接線上即時測試不同螢幕解析度，或者測試在行動裝置直立、橫式的顯示狀況，有了Resizer，設計師能夠輕鬆測量在不同螢幕大小時頁面所呈現的樣貌，更容易處理使用者介面出現的問題，能夠創造出更好的用戶體驗！
關鍵字：網頁設計
2015 年的開端，網頁設計師準備好今年怎麼大展身手了嗎？網頁設計師與作家 Amber Leigh Turner 於 The Next Web 發文，整理了 2015 年網頁設計十大趨勢，幫助你快速進入狀況。
關鍵字：使用者介面、使用者體驗、個人圖像、個人頭像、UI、UX
大家有沒有覺得有越來越多的平台或 App ，喜歡使用 “圓形" 作為使用者的 “個人頭像" 形狀。該不會是近期的設計風潮？還是大部分介面設計師的愛好？或有其他特別的原因呢？大舌頭藉由歸納網路社群中專家的討論，以及問卷調查的結果分析，逐步 釐清這個秘密，內容精彩不要錯過喔 ~
隨著電子商務蓬勃發展，促使傳統產業、服務業眾多中小企業，紛紛跳出來加入電商戰局。透過電子商務預期帶來快速化、低成本、高效益幫助，讓企業找到更多客戶與訂單。因此近幾年來「網路行銷」這個詞更加火紅，而市面上不少行銷公司或廣告代理商更不斷宣揚「網路廣告」的效益，最後演變成「網路廣告」就等於「網路行銷」的刻板印象停留在中小企業主的腦海中，「只要投廣告」就會「有訂單」成為大家對於「網路行銷」的最終解讀。
事實上，「網路行銷」不只是單純的投遞廣告，而是一個從上到下透過網路媒體傳遞訊息的行為，因此從一開始的「行銷目標」如何設定就很重要，目標確定後需要採用何種「行銷策略」吸引消費者參與，最後則是大家非常愛的「廣告媒體」，藉由哪種「網路廣告」媒介傳遞「你的訊息」給消費者，促使消費者完成你的目標。
關鍵字：flash、網頁設計、網頁設計公司、活動網站設計、抽獎活動網站
1. 製作成本高，經濟效益低落
2. 無法顯示在行動裝置及手機上
3. SEO 效果差，搜尋排名難以提升
4. 網站內容不易修改，維護困難
關鍵字：Polaris軟體系統
傳統的網頁載入過程是這樣的，當使用者輸入網址時，瀏覽器並不知道網頁的長相，因此必須先存取伺服器上的各種物件，像是HTML檔案、JavaScript或圖片等，並評估如何將所取得的物件載入網頁。由於物件之間含有連動性，光是單一網頁上的物件連動就可能有上千筆，使得瀏覽器在載入物件時通常採用保守的排序，提高了瀏覽器與伺服器之間的往來次數，並拖慢網頁的載入。
Polaris則會自動追蹤物件之間的所有連動，並建立該網頁的相依圖（dependency graph），對瀏覽器來說，載入網頁的所有元件就好比造訪所有的城市，Polaris會在你展開旅程之前就列出所有城市的名單，因而可加快瀏覽器的網頁載入速度。
關鍵字：UX、壓縮、RWD響應式、網頁設計、程式設計、網頁設計公司
隨著智慧型手機上網的人數越來越多，製作各種對手機友好的網頁對相關技術人員來說，似乎也越行重要，除了在畫面設計上採用RWD，來讓使用者得以 在手機上也能無礙的使用網頁之外，更應再為增進使用者體驗(UX)，來優化網頁開啟到執行的時間一般為加速網頁下載速度，大多採與以下幾個策略
1.壓縮所有靜態資料(如GZIP壓縮)
2.合併檔案，減少HTTP請求數量
3.減少JS，CSS中無用的字元，進一步的減少檔案大小
但一般而言，以上的策略，在過去常導致開發人員，在開發時期與產品上現實及，並須分別產出不同版本的網頁，徒增維護上面的困擾，其實我們可以採用 一些開放原始碼的程式來協助我們
以JAVA來說，可以採用Wro4j，原始網址如下
https://github.com/alexo/wro4j
如果是採用PHP，則可以採用 Minify，原始網址如下
https://github.com/mrclay/minify
微信支付和支付寶的出現讓人習慣了使用行動裝置進行支付，但這兩者要求我們的行動裝置必須處於聯網狀態；Apple Pay 等的出現進一步簡化了我們的支付方式，不需要聯網，只要有一個手機驗證指紋即可完成之後。但 Google 覺得拿出手機還是麻煩，想進一步對此進行改善。
關鍵字：UI、UX、UI Design、Usability design、User Experience Design
UI 與 UX 有什麼不同？Conversion Lab 整理了網路上常見的 UI 與 UX 差異圖，一圖勝千言，讓我們用這些圖來看一下 UI & UX 不同之處吧，已經了解差異的讀者也可以來數數看自己曾經看過的圖有幾張。
關鍵字：MySQL、IS_FREE_LOCK、RELEASE_LOCK、GET_LOCK
GET_LOCK(), RELEASE_LOCK(), IS_FREE_LOCK()都是特意為實現客戶之間的應用層鎖定設計的函數：
GET_LOCK()
函數有兩個參數，鎖定的名字和持續的時間（秒），
然後嘗試創建具有那個名字的鎖定，並指定。成功返回1，不成功返回0或NULL。
RELEASE_LOCK()
函數進行逆轉，釋放給定名字的鎖定，如果成功返回1，失敗返回0錯誤返回NULL。
IS_FREE_LOCK()
函數檢查給定名字的鎖定是否存在，而且根據這個鎖定是自由的或者是正在使用的情況返回1或者0。
關鍵字：CSS Flexbox
Flexbox 是 CSS3 裡一個比較特殊的版面設計模式。最初被設計出來的主要原因是為了提供更有效率的方式來完成傳統 CSS 無法輕易達成的效果 (例如垂直置中)。 Flexbox 適用於小區塊的版面使用，因此，整體版面結構還是建議用傳統的 Grid 模式做調整。本文將簡介目前最新標準的 Flexbox 語法。
關鍵字：Mobile App
在 web 上做生意要比在 mobile 上簡單多了。為什麼呢？以瀏覽器為基準的 web 生態系統已經發展了二十年以上，但 mobile app 生態系統卻只有短短六年。我們唯一能確定的一件事是 – 這絕對不是因為 web 的數量比 mobile app 少所造成的。
電子時鐘效果範例 ( 使用 EZoApp，點選 preview 可以預覽 )
這是單純利用 CSS 做出來的時鐘，大量的應用了 CSS 裡頭的偽元素 ( ::before 和 ::after )，配合簡單的 JS 所作出的效果，以下就來介紹是如何做出來的。
關鍵字：架構、設計語言、開發Facebook移动Parse社交網路
Parse是針對移動開發者的一套工具包和支撐系統，2013年被Facebook以8500萬美元收購。當時Facebook的思路是，希望有一天借此成為真正的雲供應商，與Amazon、Google和Microsoft競爭。目前看這一戰略已經失敗。
Parse的聯合創始人Kevin Lacker宣布，他們將於一年後，關閉Parse服務。他提到，他們為Parse曾幫助很多人構建出優秀的移動App而感到自豪，但是他們需要將主要資源投入到其他地方。
現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同，相當有趣並值得探討。
關鍵字：網頁設計、google font API
字型也是網頁設計的重要元素，但若使用者未安裝該字型仍然無法顯示，為了解決這個問題而出現的作法有：使用圖片替代或是上傳字型檔至主機，可是這樣做也會產生一些問題像是文字無法複製或是加載負擔加重等。現在有Google及Typekit聯手打造的免費Google font API提供設計師新的選擇，可以輕鬆使用好看的字型！
關鍵字：數位行銷專欄、行銷專欄、電子商務、電子豹、ecommerce
你是否曾經想過：已經邁入 2016 年了，社群行銷才是/這個時代的王道 ，誰會把行銷預算浪費在發送電子報上？根據 Convince and Convert統計，44% 的收件者每年都會因為促銷電子報而完成至少一次的購買行為。而這也代表了：在質量足夠的情況下，電子報有機會以極低的成本情況下，讓特定目標受眾完成購買行為。
關鍵字：事件回應與調查
企業在IT日常維運工作中，勢必曾處理過用戶端電腦遭受病毒感染的問題，即使可運用防毒軟體來清除後門程式，但若要採取較嚴謹的作法，通常會直接重新安裝作業系統，以確保終端環境安全無慮。
雖然有助於清除惡意程式，實際上，卻無法防制循著同樣模式的再次攻擊行為。因為在長時間潛伏下，根本無法保存足夠的追蹤資料描繪出最初滲透進入的途徑，相對難以針對現行架構進行改善，可說是企業或組織單位目前資安方面最大的難題。
相信大家在資訊領域待久了，一定會看過甘特圖，基本上，他是一種包含兩個時間 ( 開始與結束的時間點 ) ，以及事件名稱的特殊圖表
過去要實作出這種圖表可是很麻煩的，現在，我們有了新的選擇 timesheet.js。
timesheet.js 是一個OpenSource 的 JavaScript 套件，我們可以直接在葉面上面提供給他我們所需展現出來的資料集，其他的就交給它來自行實現
，是的!!，雖然你依然要懂一些HTML+CSS+JavaScript，但比起以往，這真是太簡單
微軟Microsoft自2014年8月起即已宣布將計劃停止支援IE 8、9、10，但為了為數眾多的企業用戶的相關兼容性，時至近期才正式宣布，2016年1月12日推出最後一個升級patch後，往後將不再針對這三個版本推出path或安全更新。
關鍵字：移動搜索算法將重大升級
RWD網站很重要、很重要、很重要，因為真的太重要了，所以我們必須說三次
為什麼我們一直不斷的說RWD網站真的很重要?
今天GOOGLE發表了聲明，手機體驗不好你的網站會被GOOGLE排到很後面
關鍵字：Facebook、新框架、ReactNative、APP、開發
React Native 是 Facebook 推出的一個用 JavaScript 語言就能同時編寫
iOS，Android，以及後台的一項技術，今年 9 月 發佈了 Android
版本，又在工程師裡面掀起了一波小高潮，不斷有喜歡嘗鮮的工程師投入到這個領域。
PHP 7主要開發者惠新宸表示，PHP 7是近10年來最大的版本升級，他同時也使用Zend Framework、Drupal及Laravel等多種框架，分別在PHP 5.6及PHP 7兩種環境進行測試。 而測試結果顯示，使用PHP 7有顯著的效能成長，像是Zend Framework及WordPress的效能增進甚至達1倍之譜。
近日，Mozilla 旗下的 VR 研究團隊 MozVR 推出了一款 VR 網頁製作的開源框架 A-Frame。這套框架能夠降低 VR 網頁的製作難度，讓更多的人投入到 VR 網頁的開發當中，加快這項技術的普及
關鍵字：php
PHP 7 終於在2015年12初發表，比起以前的版本效能提升，也更省記憶體，還有一些新的運算子，像是太空船運算子""，以及空值預設值運算子"??"等等，讓寫程式更方便簡單！
使用微軟官方提供的Log Parser免費工具程式解析IIS網站伺服器所產生的網站紀錄，然後透過ODBC連線方式將解析資訊儲存至遠端的MySQL資料庫主機，以便於分析及稽核。
一般而言，網站伺服器所產生的網站紀錄通常是用來維運分析之用，但從另一個角度而言，網站紀錄往往也是偵測是否有惡意攻擊的最佳利器。
不管要透過網站紀錄來做那種應用，均需要對網站紀錄進行有效的分析，方能解析出有意義的資訊。但就如同一般系統紀錄，網站紀錄也具有繁雜不易解讀，而且儲存在文字檔案內並不容易進行分析，也因此常使管理者茫然而不知如何下手。
關鍵字：inline-block
有關於使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行佈局，或者使用inline-block來實現元素的居中效果。前面《CSS3製作的分頁導航》一文中就是使用的inline-block製作的居中效果，不過留下了一上問題，就是使用inline-block的元素之間會存在“4px”的空白間距。那麼今天我們就一起來說說這個“4px”的問題。
想要讓自己的網站被收錄，首先要弄明白搜索引擎蜘蛛(Web Spider)喜歡收錄什麼樣的內容，自己的網站建設哪樣的內容能夠讓搜索引擎蜘蛛經常來網站進行爬行。SEO公司進行SEO優化必定是要面對搜索引擎的，而只要搜索引擎收錄了網站，那麼網站的權重和排名才能上升。
從事 App 使用者經驗設計，偶爾參考別人的使用者介面設計和風格，其實是一種很好的啟發，雖然有人會說這會扼殺創意，甚至擔憂以後所有的 App 可能都會長得一樣。但前人走過的路，的確有許多值得借鏡學習之處。
關鍵字：windews XP、Chrome、google、作業系統
近日，Chrome團隊技術官方Blog中宣佈Google將於2016年4月份終止Chrome對Windows XP的支持，這比原計劃延長了4個月。
關鍵字：網頁設計
響應式網頁設計(RWD)是讓同一個頁面可以顯示在行動裝置跟電腦，不會有兩個網址，後端程式只要寫一次，其他都是美工與前端的事情。本文介紹一些網頁設計人員在製作 RWD 網站時常犯的失誤。
關鍵字：自建數位資產管理系統
在大多數企業IT人的眼裡，似乎只有在Linux平台下才有令人驚豔的開源軟體，然而實際上並非如此，因為打從Windows Server 2008開始，不僅有許多知名的開源軟體支援它，而且在部署與管理上也遠比Linux輕鬆簡單。以下就一同來學習如何在Windows Server 2012 R2的IIS 8.5網站平台上架設一個適用於企業數位資產管理需求的「Gallery Server Pro」網站系統。
R語言，主要用於統計分析、繪圖、資料探勘 ，是基於S語言的一個GNU計劃專案，
主要是以命令列操作，同時有人開發了幾種圖形用戶介面
R本身內建多種統計學及數字分析功能，具有強大的繪圖功能，所產生的圖型勝制
可直接用來當作出版品所需，同時也可以加入數學符號
關鍵字：File Input
關鍵字：網頁設計、RWD、響應式網頁設計、行動裝置、電子商務、數位行銷
由於現代人在一天當中會使用多種不同的裝置上網，有研究指出 40% 成年的網路使用者會從在一項裝置上開始瀏覽內容，最後又透過另一個裝置繼續完成活動。面對跨裝置的轉換行為日漸頻繁，Facebook 針對這個現象也開始提供廣告主使用者的跨裝置報表，讓廣告主了解行動裝置對達成廣告轉換的重要性；目前已有多項研究證實，跨裝置行為已成消費者的生活常態，甚至也是影響消費者購買模式的關鍵。
關鍵字：設計、功能、功能實現、工業設計、平衡、產品設計、妥協
所有的產品設計都應該產品功能服務。一項設計之所以是偉大的設計，是因為其目標用戶使用起來非常舒適。用戶這種對產品的好感部分來自於產品外觀，但是更多的還是由產品易用性決定。
2015年10月20日，國際標準組織W3C CEO Jeff Jaffe博士訪華，並出席了晚上的W3C中國區會員活動。在致詞中，他介紹了W3C最近的一些工作進展以及關注的一些領域。
在2014年發佈HTML5標準規範正式版以來，W3C並未停下腳步，而是繼續關注其他一些重要的領域，如Web安全和隱私、 應用生命週期管理（與之相關的有Service Worker和Push API）、應用性能調優等，另外也注重開拓新的領域 。
此外，他提到了W3C目前的一些挑戰。他認為W3C以及Web面臨的最大的問題是安全和隱私，在過去的一年裏，網路安全上曝出了很多重大問題，雖然Web已經成為人們生活的一部分，但基礎設施方面仍然十分脆弱，W3C將它列為 2014年的重點關注領域，但仍然沒有找到根本的解決辦法。Web隱私問題也一直是大眾關注並有爭論的話題，如何在保證Web開放性的前提下保護人們的隱 私，也是W3C所關注的問題。
Web支付也是W3C關注並重點推進的領域，去年W3C設立了Web支付小組，在發佈的新聞裏Jeff博士評論道：
行業將電子錢包視為一種可以改善支付安全和可用性，並多種行銷手段的支付解決方案。然而，用戶並沒有完全接受這一方案。我們認為其中的一個原因是電子錢包市場的分裂性，以及電子錢包提供商使用不相容的編程介面造成的。
W3C即將編寫的標準將通過定義標準化的編程介面幫助確保不同支付方案的互操作性。 所以，當你購買商品的時候，你應該有一個標準的方法來使自己的支付工具和商家可接受的工具相匹配，並確保二者能夠與商家的結賬流程平滑整合。
關鍵字：php、Zend Framework
在Zend團隊加入後，Rogue Wave除了其原有加速C、C++、C#及Java程式語言開發的產品外，PHP也將被納入產品範疇中，
而Rogue Wave執行長Brian則表示，此次的併購Zend也將Rogue Wave的事業範圍擴展至PHP網頁開發以及行動應用程式開發。
UIStackView提供了一個高效的接口用於平鋪一行或一列的視圖組合。對於嵌入到StackView的視圖，你不用再添加自動布局的約束了。Stack View管理這些子視圖的布局，並幫你自動布局約束。也就是說，這些子視圖能夠適應不同的屏幕尺寸。此外，你可以嵌入一個stack View到另一個stack view中來創建更為複雜的用戶界麵。不要誤解我的意思，這並不意味著你就不需要處理自動布局了。你仍舊要定義一些布局約束來約束stack view。它隻是幫你節約了為每個UI元素創建約束的時間，同時它更容易的從布局中添加/刪除一個視圖。
Xcode7提供兩種方式使用UIStackView。你可以從對象庫中拖一個Stack View（水平的/豎直的）放到storyboard的正確位置上。然後你可以拖一些label，button，imageView等視圖放到stack view中。另外，你可以在自動布局欄中使用Stack選項。對於這個方式，你可以簡單的選擇兩個或更多的視圖，之後點擊Stack選項,IB將會把這些視圖嵌入到一個stackview中，並自動的調整。
關鍵字：PHPWord
最近發現了一個可以利用php動態產生word檔的工具，雖然可以利用html直接轉word，但是會受限於html的格式，此工具可以方便的利用程式的方式，即可產生出所需要的word內容，不過這個工具無法產生doc檔，可是現在的使用者大部分也都已經可以使用docx檔，所以這個工具應該還算是蠻不錯的，如果想了解更多，可以到以下網址進行更深入的了解：http://phpword.codeplex.com/
關鍵字：Apple iOS 9.0.2
Slicing是一個可依據裝置種類建立與遞送不同程式包裝的程序，每個程式包裝只會含有特定裝置所需的執行架構與資源。開發人員能依據裝置的類型與資源遞送最佳化的程式，將能減輕裝置的負擔，包括儲存空間與運算資源。
關鍵字：scss
sass/scss是啥?
Sass (Syntactically Awesome Stylesheets)是寫css樣式表的一個程式語言，語法跟css一樣(但多了些功能)，比css來得好寫，且來得更容易閱讀，寫css的Designer不用考慮，可以換了! 但最好是配合compass!
sass跟scss差在那?
sass是屬於縮排語法，語法類似haml，sass與haml用意是為了更精簡，快速寫html及css，後來在css3之後延伸出scss，寫法近似css。
簡單說就是一個有花括號、分號(scss)，一個沒有(sass)。
scss 對於會寫 css 的人來說，比較容易上手，本篇就都以scss作為範例的code!
Docker 是一個開源專案，基於 Google 公司推出的 Go 語言實作，目標是實作輕
量級的作業系統虛擬化解決方案，能夠快速部署輕量、獨立的應用程式運作環境
。Docker 底層使用 Linux 核心中的功能，Namespace 及 Control Groups
(cgroups) 等，來達到建置獨立的環境及控制 CPU 、Memory 、網路等資源
不同於傳統概念的虛擬化技術(如VMWARE)是建構在硬體虛擬的架構之上，Docker
主要是建構在應用程式層(或是說核心層級)之上，
，此項概念使得Docker 容器的啟動可以數秒之內，這相比傳統的虛擬機方式要快得多
Docker 容器的執行不需要額外的虛擬化支援，因而對系統資源的使用率很高，一
台主機上可以同時執行數千個 Docker 容器
Docker使得開發者可以使用一個標準的映像檔(Image)來建立一套開發容器
(Container)，開發完成之後，維運人員可以直接使用 這個容器來部署程式碼
，這讓過去開發人員為了驗證開發與正式發布環境之間差異，花上大量的時間的噩 夢，將不再發生，而對於系統維護人員，當系統災難發生時，也可以快速重新佈署映像檔，而不必擔心重新安裝的系統環境，會導致原本正常的程式發生問題
設計網站的時候，參考網站常常可以是一個啟發靈感的地方，不管是參考視覺、動態效果，總是會有一些意想不到的收穫；在這裡推薦幾個覺得不錯的參考網站，有的不只有網頁設計，還有其它不同的設計參考：
關鍵字：行動網頁設計、APP、推播、網路行銷、Android手機、Facebook、google
在凡事靠 App 的現在，大家都在智慧型手機裡裝了各種大大小小的社群服務 App，但對網路還沒那麼普及的開發中國家來說，透過行動版網頁使用各種社交服務，不但可以提高手機續航能力，還可以節省行動網路流量。看準開發中國家新 興市場需求，Facebook 也與 Google 合作，透過 Chrome 瀏覽器推出行動版網頁訊息通知服務。
關鍵字：App 開發人員、APP、開發人員、數據、圖表、開發產品、功能、客戶留存率、著力點、開發理念、參與度
App 開發人員經常會陷入到這樣一個錯誤之中，當各項後台數據表現不佳的時候，總是覺得再給 App 添加一個功能就能提升客戶留存率！但事實是這樣的嗎？是不是什麼功能添加進來都能提升客戶留存率？如果不是，那麼應該怎樣對 App 進行改良，才能讓後台的數據圖表變得好看一些呢？
谷歌已經正式宣佈，在預設情況下，Chrome將不再自動播放Web頁面上非必要的Flash內容（主要是線上廣告），而像嵌入式視頻播放器這樣的必要Flash內容將不受影響。
一段時間以來，谷歌一直自動將通過AdWords和類似的第三方工具上傳到Google Display Network的Flash檔轉換成HTML5，但無法轉換的也仍然會顯示。不過，在9月1日之後，Display Network廣告商需要手動將這些廣告轉換成HTML5，否則Chrome將在這些廣告的顯示位置上顯示一個灰框。在這種情況下，惡意廣告將無法對用戶 造成傷害。
Adobe Flash是一個廣受攻擊者歡迎的目標，後者會利用這項技術的漏洞顯示惡意廣告和其他視頻內容。當然，在Chrome中阻止Flash廣告並不能從根本上解決惡意廣告問題。他們可能會尋找新的方法，侵入HTML5廣告或以其他Flash內容為目標。
不過，谷歌並沒有提及安全方面的原因。他們聲稱，作出這種改變主要是為了提升Chrome的性能和Web頁面的載入速度。谷歌此舉引發了連鎖反應，亞馬遜隨後也宣佈停止在其網站上顯示Flash廣告，並將谷歌Chrome針對Flash廣告的策略調整作為他們採取這一舉措的主要原因。
另外，在7月份的時候，Facebook安全部門也曾在Twitter上發洩他的不滿：
Adobe，現在是時候宣佈Flash的廢止日期了。
此後不久，Mozilla也宣佈，其Firefox流覽器默認將攔截Flash。實際上，早在2010年，時任蘋果CEO賈伯斯就發表了一篇反對Flash的宣言，解釋iOS軟體停止支援Flash的原因。此舉曾使許多網站爭相支援Flash替代標準，如HTML5。
美國互動廣告局（IAB）發佈了一份新的廣告格式規範草案。他說：
HTML5正快速變成創建可以跨多種螢幕工作的、有吸引力的廣告的首選方案。
關鍵字：SQL Server 2016、Dynamic Data Masking
動態資料遮罩（Dynamic Data Masking）是一項可以讓開發人員或未經授權的使用者查詢機敏資料時，事先定義好的遮罩來將資料模糊化，透過這項功能您再也不需要在測試階段自行撰寫程式或使用協力廠商的工具來產生或模糊化資料，就可以輕鬆保護機敏資料不外洩
關鍵字：RWD、AWD、Web Design、適應式網頁、響應式網頁
RWD和AWD的出現都是由於移動上網設備日益普及，針對不同設備(尤其考慮不同屏幕尺寸)及其使用條件(通常有比較低的頻寬，流量和性能等) 對網頁作出優化，以帶來更好的用戶體驗。
關鍵字：sysstat監看系統資源
提供一個順暢且高效能的系統服務，相信是每個系統管理人員的首要之務，也因此系統管理人員往往需要時時地監控系統效能，以便即時監控系統效能，避免因系統負荷過大而造成系統效能低落，進而影響系統服務。
所以，一套能即時監控系統上的資源裝置（例如CPU、記憶體、磁碟機）效能的工具，就是系統管理人員迫切需要的。
在本文中，將為讀者介紹在開源碼社群之中頗富盛名的系統效能監控軟體sysstat，並且搭配可以利用網頁介面來監控系統效能的sargraph工具，讓系統管理人員能夠透過網頁的方式，隨時隨地監控所掌管之系統主機上各項裝置的效能情況。
關鍵字：網頁設計技巧
2015 年已經過了一半，網頁設計趨勢來來去去，有些落伍的風格已被刨除，實驗性的做法不斷冒出。唯一可以肯定的，是返璞歸真，還原基本，割捨一切不必要的功能。過去資訊零星散落雜亂無章的頁面的時代已經逝去，簡約與使用者介面取而代之。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前，最受歡迎的六個網頁設計趨勢。
關鍵字：網頁設計
一個主觀上很想多多學習的設計新手在工作中最常遇到的狀況應該是…沒人願意教！因此今天來分享１０個新手實用法則，一起來分享給你的同學吧！一起向上努力～
一、糾結的時候，讓自然為你做決定！
遵循自然規律的設計總是因為貼近萬物本源而受到更多人的寵愛，因此，當你舉棋不定的時候，你可以選擇將設計代入大自然定律中，讓自然為你做出最好的決定。比如，現實和自然告訴我們，光源來自天空，在人們也已經習慣了這種由上至下光線來源的時候，設計師需要做的應該是能順應用戶視線的光線設計。
二、脫離色彩誘惑，能真正看清佈局設計
色彩對人類視覺的衝擊力能產生最大的效果；一個網頁的用戶體驗是否合格，從色彩和佈局上就能看出一二。但在色彩的“陪同”下，佈局的好壞與否似乎就此被“矮化”。為了讓設計師在設計時能更加清楚的審視網頁佈局，去色或是“灰度模式”的使用也許更有利於新手的佈局設計工作。
關鍵字：PHP logging libraries:Monolog
一般PHP程式開發到一定的規模大小，一定開始會寫很多的AJAX等等的背端程式，但此時我們要如何測試程式是否有正常的執行?
，此時會衍生出一種程式開發的需求，需於相關程式被呼叫時留下LOG，當然開始時，我們會簡單自行使用PHP IO來寫入
，但當我們的程式越來越多，自行撰寫的簡單功能往往不敷使用，此時我們可以改用Monolog(https://github.com /Seldaek/monolog)
使用 Monolog 之前，需先了解另一個名詞 PSR-3 - Logger Interface，PSR-3 定義了一個通用型的 logging libraries 應該時做出哪一些功能
，與設計的概念，例如 LoggerInterface 必須實作debug， info， notice， warning， error， critical， alert， emergency， 8種等級的LOG層級
Monolog 則是依照PSR-3實做出來的LOG函示庫，讓你可以快速地通過本地端檔案，SOCKETS，郵件信箱，資料庫，以及預設的幾種web services來儲存LOG檔案
，大大的減少建立LOG系統所需之時間與精力
使用方法
先將該函示庫下載，放到本地端即可，但配合使用 composer 是最快的方法，可以執行以下指令
$ composer require monolog/monolog
然後在要使用的地方，將如以下範例，即可正常使用囉~~~
雖然網路購物是未來購物的趨勢；然而實體店面至今仍是購物主要管道之一，由此可見其實未來實體店面也將持續在購物市場佔有一席之地。也許有人會認為，這是兩種全然不同的銷售管道，但事實上，這兩者在本質上的沒有太大的差異，同樣都將商品販售給「人」。因此，電子商務與實體通路的合作、相互借鏡，得以達成更好的行銷效果。
在設計任何事物時，總有遇到關卡的時候，或是平時想吸收一些設計相關的資訊時，由於網路實在太方便了，什麼資訊都能輕易找到，但也因為網路非常發達，有時候要找到很中意的網站反而沒那麼容易，在這邊分享一個，很適合任何設計師的網站：ㄇㄞˋ點子靈感創意誌http://www.mydesy.com/
裡面當然也有網頁設計師相關的文章，但有更多各式各樣設計的知識與觀點，當然一般很難一個人就是各式各樣的設計師，要能透徹某一個領域肯定是得身經百戰的；不過或許現在閱讀的並不是網頁設計相關領域的資訊，但知識是一點一滴累積的，設計的基礎與美感更是如此，你永遠不知道什麼時候會用到他們，重要的是，在你需要他們的時候，能在腦袋的資料庫中搜尋到相關的資訊，或是因為曾經看過的某個訊息而找到對應的靈感，那就太值得了！希望我們都能成為更好的設計師！
關鍵字：材質、介面、簡約、設計、可用性、風格、配色、功能、訊息、干擾、空間、最小化
最小化設計的目標是移除界面當中不必要的元素或內容，減少干擾，使界面最大程度的支持用戶的任務流程。
將界面以恰當的方式簡化到只保留必要元素的程度，設計師需要對一系列與最小化策略高度相關的設計模式有所了解。
原文連結：http://www.nngroup.com/articles/characteristics-minimalism
關鍵字：JS、JavaScript、jquery
JAWS是一個高度可擴展的Web應用程式範本。它使用Amazon Web Services提供的新工具（DynamoDB、Lambda、API Gateway、AWS S3 ）重新定義了如何使用JS（後台Node.js，前端jQuery）構建大規模彈性Web應用程式，其目標是：
不使用伺服器：永遠不需要處理伺服器擴展、部署、維護和監控方面的問題；
組件隔離：JAWS後臺完全由AWS Lambda函數構成。每個函數可以單獨開發、更新和配置；
無限擴展：由Lambda函數構成的後臺支援高併發，很容易實現跨區域冗餘；
成本盡可能低：Lambda函數只有被調用時才會運行，而只有運行時才需要付費。
JAWS主要包含如下四個部分：
API：JAWS整個後臺都是由Lambda函數構成，組織在api檔夾中。每個API URL指向一個Lambda函數。這樣，每個API Route的代碼都是完全隔離的，開發者可以針對特定的API URL開發、更新、配置、部署及維護代碼。其作用相當於傳統MVC結構中的“Controller”。
Lib：lib是一個npm模組，其中包含了可以在所有Lambda函數中重用的代碼，可以認為是傳統MVC結構中的“Model”。按照設計，Lambda可以按需requrire它的代碼，而不是全部代碼，例如，只載入User模型需要的代碼
CLI：JAWS提供了一個命令行介面，用於Lambda函數的測試和部署。
Site：網站或用戶端應用程式檔夾。
而下一步的計畫為在JAWS中引入AWS API Gateway Swagger導入工具，為現有的API函數編寫swagger.json，向CLI添加Swagger導入命令。
關鍵字：Amazon Aurora、資料庫
Aurora是以開放源碼的MySQL資料庫針對雲端應用最佳化的雲端服務，是Amazon在去年11月的re:Invent年度大會所發 表的新服務，屬於Amazon關聯式資料庫（Amazon Relational Database Service）服務的一環，成為繼MySQL、Oracle、Microsoft SQL Server及PostgreSQL之後，第5種透過Amazon RDS供應的關聯式資料庫引擎。當時Aurora僅為預覽版，現在則允許所有位於三大地區的客戶使用。
關鍵字：php、PDO、MySQL、MySQLi、PDOStatement
PDO(PHP Data Object) 是PHP 5新出來的東西，在PHP 6都要出來的時候，PHP 6只默認使用PDO來處理數據庫，將把所有的數據庫擴展移到了PECL，那麼默認就是沒有了我們喜愛的php_mysql.dll之類的了。
關鍵字：Material Design、ListView、ViewHolder、RecyclerView
隨著Google在新版的作業系統中推出Material Design的概念之後，Google也在Android support library中推出了不少相對應的UI介面
例如 Toolbar Widget，Navigation drawer，Snackbar，等等
在此介紹其中一個使用度相當高的元件，RecyclerView，一個類似於ListView，GridView，用以於有限的畫面區域中顯示大 量資料的新元件
與ListView相似之處，當要使用這個物件時，你需要先實做一個繼承於Adapter的物件，並自行實作出Item中的畫面
相異之處
1.雖然說都需要繼承一個Adapter，但RecyclerView需繼承於RecyclerView.Adapter
2.為了使該元件更加地可以靈活運用，Google提供了3種LayoutManager給RecyclerView使用
，分別是 LinearLayoutManager，GridLayoutManager，StaggeredGridLayoutManager，這使得 利用一個Adapter
，但卻可以適用於不同的畫面架構，變得相對容易多了
3.強制使用ViewHolder，在RecyclerView.Adapter之前，雖然Google一直倡導大家使用ViewHolder Design Pattern增進程式的效能
，但一直成效不彰，但RecyclerView.Adapter出現之後，將其設計成必須實作的方法，要求大家照此規範去實作
以上，初略的介紹了新的元件RecyclerView ，有興趣的朋友可以到下列網址觀看更多的細節
https://developer.android.com/training/material/lists-cards.html
關鍵字：建構DDoS防禦平台
在DDoS攻擊威脅的背後，其實隱藏兩個容易被企業忽略的重大含意。首先，當網路線上服務變慢之後，勢必會影響到網路銀行用戶，造成客戶抱怨，讓企業辛苦建立的商譽受損。其次，駭客會以聲東擊西的手法，誤導資安人員的防禦方向，再趁隙入侵銀行系統竊取龐大金額。
金融機構面臨的風險高低，基本上取決於駭客發動攻擊的難易程度、攻擊複雜程度，以及財務價值與商譽高低等等，資安人員不妨從上述幾點進行交叉評估，作為引進DDoS設備與服務的依據，讓有限的IT預算發揮最大效益。
一、使用CSS縮寫
使用縮寫可以幫助減少你CSS文件的大小，更加輕易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》，這裡就不展開描述。
二、明確定義單位，除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width=\"100\"，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注重，不要在數值和單位之間加空格。
三、區分大小寫
當在XHTML中使用CSS，CSS裡定義的元素名稱是區分大小寫的。為了避免這種錯誤，我建議所有的定義名稱都採用小寫。
class和id的值在HTML和XHTML中也是區分大小寫的，假如你一定要大小寫混合寫，請仔細確認你在CSS的定義和XHTML裡的標籤是一致的。
大家應該都知道，Flash在網站上已經很少會去使用了，由於行動裝置不支援，除非必要，否則已經不太會去考慮Flash了。但還是想要使用動畫該怎麼辦呢?現在css3已經有寫動畫的效果，雖然還是沒有像Flash專寫動畫那樣方便，寫起來較為複雜，但如果只是要寫一些簡單的動態效果還是很ok的!
不過這次想分享的是Adobe軟體的Edge Animate，他可以像Flash那樣製作動畫，但厲害的是，他可以幫你將動畫產出html及js，所以就算在行動裝置上也能正常運作喔!不僅是動畫，還能做出一些互動的效果呢!
雖然Edge Animate無法像Flash有這樣多的功能供使用與選擇，但藉由介面的視覺化與直覺式設計，就可讓您輕鬆地就製作出HTML5動畫。
關鍵字：HTML5、flash、firefox、火狐、網頁設計、動畫
就在Facebook新任首席安全官昨天呼籲放棄Flash技術後，Mozilla火狐瀏覽器也正式遮蔽了這種技術。
火狐團隊主管Mark Schmidt在Twitter證實，這款瀏覽器已經在最新的一次更新中關閉了所有版本的Flash播放器。
關鍵字：jquery
jQuery團隊宣佈了jQuery 3.0 alpha版本，使開發人員可以為即將正式推出的特性做好準備。在那篇文章中，團隊核心成員描述了許多變化，並要求幫忙測試。
這個版本包含若干破壞性變化，開發人員在升級到最新版本之前要測試他們的代碼，這一點很重要。以下是部分最主要的變化：
●簡化.show()和.hide()的邏輯
●延遲對象相容Promises/A+
●用於動畫的requestAnimationFrame
對.show()和.hide()實現方式的修改建議肯定會讓部分Web開發人員十分痛苦。按照那篇文章的說法，幾年來，那些方法背後的邏輯變得越來越複雜，涵蓋了越來越多的邊緣情況。隨著響應式設計成為主流，更多的邏輯被加入進來，用於處理現代設計需求。
3.0版本撤銷了所有這些複雜的邏輯，恢復成一個簡單的設置或清除方法display: none。jQuery團隊清楚，這會破壞許多代碼，因此，他們提出了下面這條建議：
不要使用樣式表設置預設值為display: none，然後嘗試使用.show()——或者其他任何顯示元素的方法，如.slideDown()和.fadeIn()——讓它顯示。
在討論中，提出了僅使用內置的HTML5屬性hidden顯示及隱藏元素的建議。這個特性經常用於現代流覽器中，但在舊流覽器中有相容問題。但是，在這種常見的場景中使用hidden不符合HTML5規範的建議做法。
Alpha版本有兩個：3.0版本和3.0相容版本。通先前的版本一樣，主要版本面向IE9及以上版本，而相容版本面向需要支援IE8的開發人員。
3.0版本的發佈時間尚未公佈。
關鍵字：PostgreSQL、關聯式、NoSQL
NoSQL資料庫最近很夯，而關聯式資料庫陣營也加緊開發腳步，更新功能以跟上大量資料時代的腳步。關聯式資料庫系統PostgreSQL釋出了9.5 Alpha版，不只增加了提升安全性的功能，也支援處理大量資料的新技術。
有鑑於資料表中的資料量愈來越多，尤其是用來儲存時間戳記或是Log的表格，PostgreSQL 9.5提供了BRIN（Block Range Index ）索引功能，以加快查詢的時間。之所以使用BRIN而非B-Tree的原因是基於使用成本的權衡，雖然BRIN索引的速度不比B-Tree，但是建立B-Tree需要耗費大量的硬碟空間以及維護的成本。BRIN索引雖然稍慢一些，但是需要多使用的硬碟容量逺比B-Tree的少，而且維護工作也少上許多。
關鍵字：試用、免費、產品、動力、心理、獲利、註冊、用戶、心理決策
人們相比有所收穫，更害怕自己受損。是否能夠利用好這種人類天性將決定你的業務能否取得成功。
人們的視角不同，其決策與判斷是存在偏差的，往往損失帶來的痛苦遠大於收益帶給你的滿足。
關鍵字：MySQL效能及壓縮率
MySQL提供了各種資料庫引擎來達到不同的應用，例如某些應用需要保證交易成功，有的則要求快速的運算能力，而這裡所介紹的TokuDB，則可滿足有大量插入要求及有效縮小資料庫容量的需求。
在許多的企業中，為了能方便及集中管理Log資訊，常會架設集中式的Log管理系統，將許多主機或設備所產生的Log資訊集中到中央控管的資料庫內。
以致於要接收的資料庫主機無法承受大量的資料而發生預期之外的錯誤，最常見的是漏接Log資訊。並且，Log資料過於龐大，對於硬碟儲存空間也是一個挑戰。
TokuDB此種資料庫引擎的主要特性是著重在高插入（Insert）效能及高資料壓縮比率（可有效縮小資料容量），就適用於有大量的插入要求及有效縮小資料庫容量的需求。
PHPExcel類別的功能非常強大，支援各版本的Excel檔案、CSV、HTML及PDF檔案的讀寫，有這方面的需求，改用這套工具可以省卻不少自行撰寫工具的時間，對使用者來說，Excel檔案的親和性比起CSV檔案來說，好太多了。
關鍵字：CSS框架
前端開發是一項非常繁瑣的工作，你不僅需要擁有和別人不一樣的審美觀和設計觀，而且需要了解諸如 HTML、CSS、JavaScript 等錯綜複雜的技術，因此選擇一些優秀的 CSS 框架或許可以幫助你大大提高工作效率。
本文向你推薦了 9 個還不錯的 CSS 框架，希望對你有所幫助。
關鍵字：css運算式、css3
css3出現了一個超棒的屬性，對我們這些數學不好的人來說完全是一大福祉!那就是calc屬性，加減乘除(+ - * / )完全都難不倒他，例如：calc(500px/3)，就直接幫你把500px÷3等分，更美好的地方在於，他可以將單位混合著用!!例如：calc(100%/3 - 4px)，就算是%、px混著用都不是問題，完全不用自己換算，直接幫你算好好囉!!!是不是超貼心的!
Google 新發布了一項 Chrome 擴充套件「Tone」，號稱用「聲音」就能傳輸訊息給鄰近的電腦，但目前只能傳送 URL 網址。想想看，在教室、會議室、家裡等小範圍內，按一鍵就能傳送訊息，比起還要點開通訊應用程式、複製貼上 URL、加入附檔……
關鍵字：電子報、個人化、優化、電子報行銷、銷售能力、購物車、垃圾信
相較於七年前，零售業者寄出的電子報總量已經成長了一倍。「趕快買吧」，這類型無情的轟炸可能會造成訂閱者的疲勞，最後受不了而離開（取消訂閱）。以下提供一些不錯的改良方法，可以讓你的訂戶更忠誠。
電子報行銷有強力的銷售能力 – 在行銷工具中最高的 ROI。原因當然是比起其他通路，消費者偏愛透過 email 來接收促銷、折扣。然而，當你的訊息都是以銷售為主時，你的風險是非常高的。
開發一個現代化的互聯網網站是一項複雜的任務，需要各種職能的密切合作以應對用戶日新月異的需求。其中，網頁的性能直接決定了用戶的體驗，而隨著新型用戶端流覽設備的出現與網站功能的日益複雜化，對於性能的專注也達到了前所未有的高度。
傳統的網站性能監測通常有以下幾種方式：
‧借助傳統的開發者工具查看網路請求。基本方式是通過追蹤HTTP請求與回應的時間，以圖形的方式列出所有資源的下載情況。這種方式依賴于人為操作，難以實現批量測試與統計。
‧使用侵入式的JavaScript代碼檢測DOM事件的發生時間。這種方式會在頁面中引入額外的代碼，加重了開發者與測試人員的負擔，還有可能因為檢測代碼 本身的潛在問題影響頁面的性能。
‧使用第三方的服務與工具，這些服務通常能夠實現在不同流覽器和不同地域進行測試，並且為用戶提供一些優化建議。但某些服務需要排隊等待，並且多次測試結果之間往往區別較大。第一條方式的問題也同樣存在。
除此之外，以上各種方式的測量指標都比較單一，基本只能起到計時和流量計算的作用。對於其他一些指標，例如電池狀態等無能為力。並且難以實現自動化，以及在持續集成流程中統計測試結果。
W3C Web性能工作小組與各流覽器廠商都已認識到性能對於web開發的重要性，為了解決當前性能測試的困難，推出了一套性能API標準，各種流覽器對這套標準的支援如今也逐漸成熟起來。
這套API的目的是簡化開發者對網站性能進行精確分析與控制的過程，最終實現性能的提高。其中還包括了一些新協定與HTML元素的提議，目的是讓內容的展現更快、更加優化。
性能API示例
整套標準包含了10餘種API，各自針對性能檢測的某個方面。為了保證整套標準的品質與互操作性，這些API各自處於流程的不同階段。
以下將通過簡單的示例介紹目前已屬於W3C推薦標準（REC）的三個API。
Navigation Timing （導航計時）
能夠幫助網站開發者檢測真實用戶資料（RUM），例如帶寬、延遲或主頁的整體頁面載入時間。
需要注意的是，Navigation Timing的目的是用於分析頁面整體性能指標。如果要獲取個別資源（例如JS、圖片）的性能指標，請使用Resource Timing API。
High Resolution Timing（高精度計時）
該API規範所定義的JavaScript介面能夠提供精確到微秒級的當前時間，並且不會受到系統時鐘偏差或調整的影響。對於性能分析來說，精確的測量結果意義重大。
Page Visibility （頁面可見性）
通過這一規範，網站開發者能夠以編程方式確定頁面的當前可見狀態，從而使網站能夠更有效地利用電源與CPU。
當頁面獲得或失去焦點時，文檔物件的visibilitychange事件便會被觸發。
這一事件對於瞭解頁面的可見狀態十分有用，舉例來說，用戶可能會同時打開多個流覽器標籤，而你希望只在用戶顯示你的網站頁面時才進行某些操作（比如播放一段音頻檔、或是執行一段JavaScript動畫），就可以通過這一事件進行觸發。對於移動設備來說，如果用戶在某個標籤中打開了你的網站，但正在另一個標籤中流覽其他內容時，這一特性能夠節省該設備的電池消耗。
如果想瞭解有關Web性能API的更多內容，可以參考W3C官方文檔。
關鍵字：jquery、html2canvas、網頁快照、HTML5
要把網頁的畫面做成截圖，通常需要用到 canvas 才有辦法。但是這件事情在某種程度上面是不太符合需求的。因為我們可能是要把畫面存檔，例如交易畫面之類的，或是特定的文字圖片區塊，如果說這些東西都要進到 canvas 裡面不太合理。
而html2canvas提供了網頁截圖的功能，可以針對全頁或是局部來做截圖的動作。
延伸閱讀 http://html2canvas.hertzen.com/
關鍵字：PHP7 PHP之父
PHP之父Rasmus Lerdorf來臺參加Modern Web大會時，介紹PHP 7許多新特色，效能是最大的變革，甚至在特定應用上的效能可以比前一代提升了一倍，媲美使用了臉書PHP效能優化技術HHVM後的效能表現。
過去PHP重視功能完整性，效能表現經常遭人詬病，而臉書自行開發的PHP版本HHVM，讓大家開始重視PHP的效能表現。不過，開發者還是在功能完整的傳統PHP，及超高效能的HHVM間抉擇。PHP 7兼顧功能及效能，未來使用者不需要在兩者之間取捨。
關鍵字：APNS
推播服務可使用在通知使用者有關APP的資訊，IOS的推播服務是透過APNS，就是Apple提供的推播通知服務，當我們要進行IOS的推播時，需要連結APNS，提供它Deveice Token及要推播的訊息，再透過它將訊息順利推播出去。
其中在進行推播的過程中，如果遇到推播失敗的裝置，IOS會將發生錯誤的裝置名單紀錄到Feedback中，我們就可以利用Feedback取得錯誤的Deveice Token並進行後續的處理。
關鍵字：Android，Material Design，Lollipop
隨著越來越多的手機更新Android 5.0 Lollipop之後，目前眾多的APP，也逐漸的
往Material Design方式設計了
，但有些手機還是沒有升級成Android 5.0，那怎麼辦??
這個問題的答案是 AppCompat Support Libary，目前最新的版本是V22
新功能大致如下
1.支援新的 color palette theme主題機制
2.可以透過修正佈景主題的方式，調整以下元件
AppCompat Toolbar
EditText
Spinner
CheckBox
RadioButton
Switch
CheckedTextView
2.完整支援Android 5.0 Toolbar
3.SearchView
提供了Lollipop中的SearchView API的更新，新版的API使得他變得更加的可客製化
如想知道更多的細節可以到下面的網址
http://android-developers.blogspot.tw/2015/04/android-support-library-221.html
關鍵字：Chrome
上個禮拜介紹最新版的Firefox 38時提到現在的Fireofx外型看起來新潮流線，而且記憶體佔用更少，相對的在舊電腦上效能更好。沒想到這個簡單的話題卻獲得大量的迴響，很多朋友提到他們就是因為Google Chrome是個吃記憶體的怪獸，而回頭改用Firefox。
然而，如果你還是需要使用Google Chrome，那麼有沒有駕馭這個記憶體怪獸的方法呢？在Google的正式說明文件裡教我們要：「盡量減少開啟的分頁數量，關閉不再使用的分頁。」但這不是廢話嗎？而且我們就是要研究大量資料才打開分頁，如果為了順暢而關閉這些分頁，那又如何進行工作？
幸好，有「The Great Suspender」這個Google Chrome擴充套件可以幫我們自動暫停不使用的分頁，讓他們進入睡眠狀態，同時釋放出大量的Google Chrome記憶體佔用。
透過這個自動釋放Google Chrome記憶體但是又「不關閉分頁」的功能，我們就可以照著原本的工作習慣打開大量分頁查資料，但是又能保持順暢工作速度，讓Google Chrome不再是吃記憶體怪獸。
關鍵字：響應式表格
為了因應行動裝置大量增加而出現的響應式網站，能夠在不同的裝置上提供最佳的視覺體驗，畫面的設計也十分彈性，對於現在架設網站的趨勢來說已經是非常普遍了，但有一些資訊的呈現，會因為響應式的考量而受到一些限制，像是最常見的就是表格問題了，該怎麼讓表格在手機這麼小的螢幕上，也能完好的呈現？讓使用者有良好的閱讀體驗。最近發現了兩個很不錯的網站，都是製作響應式表格的方法，在這裡提出來跟大家分享：
2012 年時《紐約時報》的一篇專欄文章「The Age of Big Data」正式宣告大數據時代的來臨，到了 2015 年，大數據一詞已經可以說是耳熟能詳，然而在現今網際網路跟雲端技術的發達，加上智慧型產品、行動裝置的普及下，以下四點將會是大數據的發展重點
幾個月前，一個新的JavaScript平臺Platypi悄然誕生。它為開發者提供的不僅僅是一套標準的MVC框架而已，由於它是基於TypeScript構建的，因此對開發者而言在熟悉之中透露出與眾不同的感覺。
Platypi平臺包括三個組件：PlatypusTS、PlatypusUI和PlatypusCLI。
PlatypusTS是核心的MVC JavaScript框架，基於TypeScript構建。在某種程度上，它的視圖控制器-服務-視圖（View Controllers、Services、Views）模型看起來似曾相識。
在三個元件交匯的平臺中，集成了一個有趣的獨立命令行工具。當構建app時，開發者經常會寫許多重複的樣板代碼以生成服務或控制器的骨架。PlatypusCLI為開發者提供了一個可以自動生成樣板代碼的生成器。
Platypi同樣提供它自己的UI庫——PlatypusUI。你可以選擇不在項目中使用這個庫，但是它包含了許多自帶樣式的通用控制項，還在控制器代碼中提供一些鉤子，值得一試。組件與web components的語法類似，熟悉的開發者會很快上手，而習慣編寫及使用自定義directive的Angular開發者也會感覺非常熟悉。
Platypi由三位前微軟工程師共同創建，官方版本在2015年3月10日正式發佈。據說，他們已經開始集成第三方服務。
關鍵字：廣告成效、Facebook、電商、數位行銷、廣告優化、點擊率、廣告、即時追蹤、成本
數位行銷發展至今，衍生許多不同的平台、管道與方案，但是最終經常只能倚賴「點擊率」與「提升率」作為效益評估的數據，無法全然反映商業成果。
Facebook 今年初推出 Conversion Lift Tool（轉換率提升工具），協助行銷人員在決定大規模投放廣告之前，先行以少數使用者測試，以利之後更有效的進行廣告優化與投放比例，最重要的是，能夠精確知曉 Facebook 行銷的用處到底多大。
關鍵字：NoSQL、Cloud Bigtable
Google宣佈推出雲端資料庫Cloud Bigtable，將原本用於Google 搜尋、Gmail等自家服務的技術推向市場。Google指出，Google Cloud Bigtable延遲性僅個位數毫秒，每美元的效能為其他非代管NoSQL產品的2倍。由於可透過標準化開放源碼Apache HBase API存取，因此能和許多既有大資料及Hadoop技術整合使用，並支援Google的大資料產品，也能以簡單的大資料擷取工具從現有HBase叢集匯出、匯入資料。
1、快速打開文件
雙擊Photoshop的背景空白處（默認爲灰色顯示區域）即可打開選擇文件的瀏覽視窗。
2、隨意更換畫布顔色
選擇油漆桶工具並按住Shift點擊畫布邊緣，即可設置畫布底色爲當前選擇的前景色。如果要還原到默認的顔色，設置前景色爲25%灰度（R192，G192，B192）再次按住Shift點擊畫布邊緣。
Google發佈聲明稱，其將優化移動搜索展示頁，不再直接展示功能變數名稱，而是結合用戶搜索的內容，以“網站名稱”+“父類別”+“子類別”的結構呈現，清晰地顯示了每一條結果的大致內容。
Google還宣佈，其移動端搜索網頁還將推出支援schema.org結構化資料的演算法，以網站真實名稱替換功能變數名稱，並將URL位址結構化，形成“麵包屑導航”的效果。
雲端儲存服務競爭激烈，去年微軟（Microsoft）旗下的 Office，與 OneDrive 競爭對手的 Dropbox 達成合作，使得 Office 應用和 Dropbox 之間有更好的連接。近日雙方再宣佈，深度整合 Dropbox 網頁版與 Office Online，可在 Dropbox 網頁版直接編輯任何 Word、PowerPoint 或 Excel 文件。
關鍵字：ie、Internet Explorer
據微軟透露，為了支援正在開發的新一代網頁流覽器技術，該公司長期以來的IE網頁流覽器（Internet Explorer）將會被廢棄，該專案代號為斯巴達（Project Spartan）。微軟在2015年Convergence大會上談及了這一消息。
Google 在 Blog 上宣布，YouTube 上的Google 開發者視頻中文頻道正式上線。這個頻道將持續更新中文原創內容或帶有中文字幕的英文內容。英文內容的中文字幕由南陽 Google 開發者社區的志願者們提供。英文內容包括 Android 應用，網頁應用還有其他軟件項目。
關鍵字：data mining、Big Data
由於資訊化應用的普及，導致資料量的規模已經龐大到無法透過人工，在合理時間內達到擷取、管理、處理、並整理成為人類所能解讀的資訊，而且這些數據資料不僅巨大而且不同，如何優化資料，方便且容易的搜尋到所需要的資訊，也變得更加困難。因此，如何將資料採礦(Data Mining)的技術有效的應用在巨量資料(Big Data)中，快速萃取出未知且有價值的潛在資訊，進而找出市場趨勢，創造新的商機，會是未來企業競爭中一項重要的優勢與目標。
關鍵字：Blastware
在UTM（Unified Threat Management，整合型威脅管理）領域耕耘多年，能以單一設備提供防火牆、入侵偵測防禦、防惡意軟體、網頁過濾等功能而獲得不少企業青睞的 Fortinet，隨著全球資安威脅快速轉變，除將自家產品升級為可以阻擋未知型態攻擊的次世»£UTM之外，亦藉由FortiGuard安全防護中心持續收集與分析全球各地威脅訊息，並且每天發佈建議預防措施給全球客戶，協助資訊人員抵禦新型態的網路威脅。
GeoJSON是一種基於JSON格式之下的延升格式，用以表示各種地理數據結構，支援
點、線、面、多點、多線、多面和幾何集合，因採用JSON格式來表示，所以各種主流程式均能夠予以處理，並可用於在各種系統之間交換數據
關鍵字：jQuery 動態效果
在很多網站的右下角或右方常常都會有一個往上的箭頭，按下去就可以回到網頁頂部。這麼做，一來可以讓使用者回到頂部去瀏覽其他的分頁，當網頁較長時，要回到網頁的上半部也比較容易，就不需要滾滾輪或者是去拉捲軸。而我們這次要做的就是這樣的效果，可以讓使用者很方便的回到網頁頂部。
是不是常常覺得上傳檔案的按鈕＜input type="file"＞很單調，而且跟自己設計的網站不是很搭呢？最近發現了一個可以好好美化它的方法！
關鍵字：google搜尋
Google 近日對搜尋結果的排列順序做了小小的調整，當使用者搜尋商業資訊的時候，出現的第一則會是公司發布的公告。分析者評論道，這次調整可能會導致新聞媒體流量下降，並可能誤導使用者。在此之前，只有得到認證的新聞網站和電視台的新聞才會出現在新聞板塊的搜尋結果主頁面。
Google 發言人說道：
「我們的目標是盡可能讓使用者在每一次搜尋中快速準確地找到他們想要的資訊——這就意味著使用者們可能需要從一個頁面跳轉至一個主流媒體或小型新型媒體的主頁，有時候他們需要的資訊可能只是來自一篇新聞稿。」
同時發言人補充道，Google 並未向搜尋結果中顯示的公司收費。
本週一，蘋果公司發布 Apple Watch 的新聞就出現在 Google 新聞搜尋結果的最上方。然而蘋果公司並未對此作出評論。
Chartbeat 的首席數據科學家 Josh 稱，公司將可能利用搜尋引擎的技術優化來使他們在搜尋的結果中處於前段。新的搜尋結果可能會讓瀏覽者摸不著頭緒，將他們引向公關稿而不是新聞報導。同時，這也增加了依賴 Google 和其他搜尋引擎來引導流量的新媒體的運行風險。
「『in the news』模組是一個為網址引流的有力助手，可能導致新聞網站流量下降。」Schwartz 說。
瀏覽網站已是現代生活中普遍的行為，每天醒著的時間我們大概都在上網，讓人們「看得爽快、用得愉快」是設計師當仁不讓的責任。出色的互動設計是留住使用者的不二法門，但是，該怎麼把人與機器之間的互動，變得跟人與人之間的互動一般自然，並不是簡單的課題，答案也不是非黑即白。UXPin 內容戰略 Jerry Cao 提出五個互動設計的支柱，把握這五個核心原則，讓你的網站脫穎而出吧！
在進行Web應用程式開發的時候，人們經常會用Session存儲資料。但可能有人不知道，在PHP中，Session使用不當可能會引起併發問題。印度醫療行業軟體解決方案提供商的高級工程師在個人部落格上對這個問題進行了闡釋。
關鍵字：行動通訊技術、5G、4G、網路效能、行動上網、通訊產業
第五代行動通訊技術（5G）：中國華為、南韓三星正加足馬力研發，據估計，5G 的網路效能將較 4G 提升 100 至 1000 倍。
從行動通訊進化史可知，新代技術醞釀期縮短，連線速度卻大躍進。現在 4G 還在台灣建設中，5G 的研發與應用已迫不及待上路了！
關鍵字：HTTP/2
HTTP/2是繼1999年HTTP/1.1發行後即將推出更新的新一代HTTP傳輸協定標準，由HTTP工作小組以SPDY為基礎進行開發完成，SPDY為一個網路內容傳輸的應用程式層協定，最早是由Google於2009年發表的一開放源碼專案，並於2010年開始支援SPDY使用於Chrome瀏覽器中。
關鍵字：Apple、ios、AutoLayout、Objective-C、Swift、APP
Auto Layout 使用者介面自動佈局的功能很早就被廣泛運用，像是在設計網頁時為了應付不同解析度的視窗，多半都會使用相對位置取代絕對位置來佈局，Auto Layout 也有異曲同工之妙，但是它總是讓人又愛又恨，它的好處是在眾多不同解析的 iOS 裝置下，不管你的畫面是直的還是橫的，介面上的物件總是可以找到自己的位置，但討厭的是，Auto Layout 設定起來相當複雜與瑣碎，儘管如此，官方還是強烈建議應用程式都能支援 Auto Layout 的功能，尤其是那些發佈於不同 iOS 裝置平台的應用程式。
不知道大家記不記得之前有寫過的，純CSS下拉選單、以及純CSS三角形，這次要結合這兩種方法，還有:before偽元素的效果，以前下拉選單想要有三角形的效果，需要額外再設定一個div，還要切圖，相當麻煩，現在只要設定:before就可以輕輕鬆鬆把三角形放在想要的地方囉!
現在駭客攻擊層出不窮，手機App、行動訊息、惡意網站、外接裝置等都可能成為駭客置入惡意程式碼的管道，但是透過電子郵件的新型態APT攻擊依然是最主要的攻擊方式，在市場高度需求之下，熟悉在地各種行業訊息內容模式的郵件管理及安全業者，便成為企業組織第一道防線阻擋APT與魚叉式攻擊的要角，並提供完整的郵件安全可用、稽核治理、法規遵循與外洩防護解決方案。
我們在編輯一個版面，通常都會用到水平置中和垂直置中來設計，而水平置中很好處理，不外乎就是設定 margin:0 auto;或是 text-align:center;,就可以輕鬆解決掉水平置中的問題，但一直以來最麻煩對齊問題，都是「垂直置中」這個討人厭的設定，以下將介紹三種單純利用 CSS 垂直置中的方式：「設定行高」、「添加偽元素」、「calc 動態計算」，其實一點也不難 ( 當然跟水平置中比起來難了一點 )，只需要觀念正確就可以解決。
關鍵字：穿戴式裝置、Wearable Device、Android Wear
2014年可以說是穿戴式裝置(Wearable Device)年，各個電子廠商分別都推出了應用於各種場合的產品，對於這點，GOOGLE也針對穿戴式裝置推出了新的Android Wear OS
2014年社群網站已成為企業品牌的行銷戰場。其中，Facebook不管是在用戶數或廣告效應上，早已穩站社群網站龍頭，超越其他網站效益。面對即將到來的2015年，有3件你一定要知道的Facebook行銷趨勢。
關鍵字：facebook社團、Facebook行銷、網路趨勢
Facebook 正在測試一個新功能，要讓使用者在社團裡除了貼文時，多一個「賣東西（Sell Something）」選項！
關鍵字：Origami、JavaScript、HTML5、CSS
在Velocity Europe 2014大會上，FT Labs的 總監Andrew Betts為與會者展示了由他們自行開發的一套用於web開發的標準與工具，目標是以它來應對創建與維護總數超過800個的*.ft.com網站的開發中 的挑戰。FT Labs的主要策略是將web頁面分解為多個元件，以定義的規則來構造這些元件。
Facebook一直關注著出版商們的意見與回饋，希望能夠更有效地幫助出版商藉由 Facebook 與世界各地的人們做連結。因此我們為出版商設計了一些新功能，在很多細節做了改善，並且增加更多資源跟溝通管道給出版商們。
關鍵字：JSHint
由於 JavaScript 這個程式語言的語法與結構非常彈性，不管怎麼寫都可以執行，但是當整個程式發展到一定規模的大小之後，JavaScript 這樣鬆散的結構會讓程式很容易出現一些 bugs。JSHint 就是為了解決這樣的問題而設計的工具，它可以在 JavaScript 程式設計初期，就自動偵測程式中可能潛在的問題，它會鉅細靡遺的告訴程式設計者所以有能出現問題的地方。
Apple在WWDC2014發表新的程式語言Swift之後，讓許多曾學習Objective-C但又因複雜語法卻步的開發者看見一絲曙光。Swift是一種適用開發iOS與Mac OS應用的全新語言，架構在C與Objective-C之上，但又沒有C的兼容性限制，語法混合了Objective-C、JS、Python語言，簡單、方便、易學等特性在發佈不久後就吸引全球的開發者投入研究。
關鍵字：iLightBox
iLightBox是一款很實用的光箱套件，可以支援各種裝置，也支援響應式網頁，並且提供圖片、網頁、影片等功能，非常的方便輕鬆就可以使用的套件。
關鍵字：APP、Material Design、設計
在2014年Google I/O 大會上提出了新的作業系統 Android L，並提出 Material
Design，希望重新統一Google的設計語言，並藉此確立未來 Google APP的UI設計方向。
關鍵字：position:fixed定位
由於定位的效果，不受其他區塊影響，等於寫了定位效果之後，定位的區塊在html裡面就是獨立的個體了！
關鍵字：CSS、transition 屬性
CSS3 transition 屬性是一種 CSS3 的轉場效果，網頁設計師可以透過 CSS3 transition 屬性的效果來調整網頁元素變化的特效。
之前，我們想要實現一個完美的寬度響應式的輸入框好麻煩，曾經也被作為對前端技術的一個挑戰。類似的常見場景還有100%寬+邊框的容器等。遇到這些情況，我們不得不分外小心，因為各個瀏覽器的表現可能不一致。
網站優化最重要的是網站內容要準確定位客戶，這一點是網站是否能吸引您真正期望的訪問者的直接因素。
電子報仍然在商用通訊領域中扮演著重要的角色。「即使消費者們有像 Facebook 、 LinkedIn 和 Twitter 這樣的工具，且過著依賴行動裝置的生活，他們仍然需要 Email 。行銷人員只需要考慮消費者行為和期待來決定如何與他們接觸。」
關鍵字：自動化行銷購物車、電子報、電子報策略、網站、社群平台、線上購物
客戶有越來越多的管道可以與他們喜歡的品牌公司溝通。這些多樣性的選擇，也使得公司變得更容易失去客戶的關注。
如果無法有效製造對消費者的推力，想在網路上複製店內行銷的特定元素可能會變得非常困難。想像一個客戶在一間傳統店面購物時，如果使用者突然放棄購物並離開，員工可能有機會了解他所面臨的問題。他們可以設法解決這些問題，讓消費者繼續購物，並透過營造良好的消費體驗，增加客戶對店家的滿意度。
關鍵字：Android5.0、手機安全性
Google曾對Android的安全性持有因為安全而不“關門”的態度，而本月中旬發佈的Android 5.0是Android 史上最大的一次更新，該版本不僅帶來了很多引人注目的特性，如在視覺上引入了全新的Material Design設計語言，還引入了新的電池模式，以及實現了對64位處理器的支持等。
關鍵字：YTPlayer
部份網站在製作網頁的過程中，會在背景中放置一張圖片讓網頁看起來豐富，
現在我們就可以利用HTML5+JQuery將Youtube視頻以全螢幕方式呈現在網頁背景上。
關鍵字：TweenMax、jquery、動畫、GreenSock
首先GreenSock一開始真的是針對Flash的Tween（補間）寫了許多好用的Class供設計師們使用，在不斷的更新和強化之後，目前已經出到v11（第十一版）了，但只要熟悉網路平台的朋友應該都知道，近幾年Flash在網頁上的應用，除了遊戲之外正在減少中
關鍵字：Raspberry Pi、Python、WSGI
對於網頁程式開發人員而言，網頁的開發環境直覺的會想到的，應該會是Apache+PHP吧，但對於ㄧ些精簡型電腦使用環境如(ARM系統，Raspberry Pi)，Apache+PHP則顯得過於沉重，如果你有這種需求，可以選擇另一種環境配置 Nginx+WSGI
關鍵字：sagan解析網站Log
現在駭客肆虐，網站被攻擊已經是常有的事，但是該如何發覺自己的網站被攻擊並且進行防護的工作，相信大家都是利用Log的記錄進行確認，現在介紹一款解析Log的工具可以快速的發現惡意攻擊的行為，讓大家在確認是否被攻擊的時候可以更加的省力
sagan是一套利用即時監控系統Log紀錄來與所設定的規則（Rule）比對，並記錄符合規則樣式的主機型入侵偵測系統，但是它只支援syslog格式的紀錄，所以當我們成功網站紀錄轉換成syslog格式後，就可以利用sagan進行解析用以監控網站是否被攻擊。
網路媒體逐漸串起，由於長年來租用網路價格逐漸下降，頻寬逐漸變大，2012年家用網路普及率已達75%，這也說明有75%戶家庭有上網的需求，相對的網路商機因此得以持續拓展，很多實體商店由於網路商場的興起，逐漸被取代，商業型網頁已經是個現在不做以後會後悔的商業行銷規劃。
關鍵字：div水平、垂直置中
在網頁製作中，常常會遇到需要圖片水平、垂直置中的情況，
水平置中還算簡單，但垂直置中就麻煩得多了！
垂直置中的解法其實也不少，但常常都會讓階層變得很多，
像以前也常用的display:table-cell;的做法，就需要在區塊外面多包一層。
關鍵字：CSS3、Background
CSS3中為新增Background幾個新屬性值：：Background-size、Background-clip和Background-origin以及Background的多背景使用—— Multipls Backgrounds
關鍵字：網路行銷、網路社群、網路趨勢
《Cheers》雜誌舉辦「2014 亞洲人才創新論壇：社群世代，創新溝通」，在「社群世代的數位關鍵報告」主題部分邀請到 Facebook 大中華區旅遊及金融行業總經理余怡慧、Yahoo 亞太區消費者研究及數據分析部資深總監季妙發，以及騰訊網絡媒體事業群市場部總經理韓志傑到場為觀眾分享來自網路巨擘對社群與新世代溝通的看法。
關鍵字：JavaScript、D3、C3.js
c3.js是基於D3開發的JavaScript庫，除了建構出可重複使用的圖表外，還提供了良好的互動性在圖表上。通過C3.js，只需要在generate函數中傳入數據資料就可以輕鬆的繪出圖表。
網站策劃是成功網站平臺建設成敗的關鍵內容之一。在中國真正普及全職的網站策劃人員嚴格講是2002年，在之前更多是由技術性人才（軟件項目經理、網站美工等）擔任此項職位，隨着中國互聯網環境轉晴，網站的高競爭使網站策劃的地位突顯。我們可以看到，許多真正處於領軍性地位的網站平臺90%具有一個特點——網站策劃思路清晰合理，界面友好，網站營銷作用強；因此專業的網站策劃是未來網站成功的重要條件之一。
關鍵字：電子錢包、蘋果、IPHONE、智慧型手機、O2O、online to offline
據電信業者預估，年底前，台灣 iPhone 6 的使用者將突破百萬大關！蘋果與信用卡產業達成共識，整合手機軟硬體、打通行動購物付款機制的「最後一哩」，任何消費行為都能在手機完成，一支手機就能搞定你的生活。
Flot是一套用Javascript寫的繪製圖表用的函式庫，專門用在網頁上執行繪製圖表功能，由於Flot利用jQuery所以寫出來的，所以也稱它為jQuery Flot
現在有很多網站喜歡加上標籤雲，用來統計網站中的文章分類排行，也可以讓使用者了解哪些分類有比較多的文章，並加速使用者尋找分類相關的文章。
現在介紹一個標籤雲的套件，jQCloud是一個在使用上蠻方便的標籤雲套件，可以快速製作出自己想要的樣式，如果想了解更多可以去查看相關的document。
Julian在其GitHub上發佈了Velocity.js。Velocity.js是一款動畫切換的jQuery插件，它重新實現了jQuery的$.animate()方法從而加快動畫切換的速度。
在2000~2010年之間網路時代爆發後，B2B，B2C, C2C, Web1.0, Web2.0，各種新的
商業模式跟應用模式隨著科技生活不斷演進，然後到了近期(2014)智慧型手機時
代+手機上網時代+社群網路時代一個新的名詞O2O，悄悄地出現在我們的生活之中
製作網頁的時候常會使用一些icon，像是照片輪播效果，前後常常會使用三角形箭頭來表示上一張與下一張照片，在這邊分享一個不需要使用圖片，css設定就能做出的三角形icon!
一、是否需要歡迎頁動畫，動畫種類有哪些?
二、我的網頁需要的語言是？
三、網頁建置的功能與單元分類?
四、後台建置的功能與單元，讓網頁更新維護自己來?
關鍵字：CSS
position: absolute的定址基準，不一定是整個網頁，也可以相對於父元素；另外，定址依據並非只有top及left，還有right及bottom。
電子商務也迅速竄成人們偏好的購物方式。事實上，根據 UPS 的調查，百分之七十的消費者表示他們比較喜歡在網路上跟自己喜歡的賣家買東西。
然而，創造電子商務並不是成功的保證，藝術電子商務網站 UGallery 的執行長 Stephen Tanenbaum 以在他自己公司的八年經驗，要傳授一些成功電子商務應該避免的錯誤。
什麼是 Material Design？我簡單地將它翻譯成「本質設計」。顧名思義，這是一種考慮事物本質的設計，將電子螢幕裡的 UI 元素看成是一種不存在於現實世界的新的材質，並賦予它物理特性。
關鍵字：HTML5、Templates handlebarsjs Mustache
在目前AJAX與HTML 5的技術逐漸的普及之下，網頁上的HTML碼也越行複雜，隨著程式設計師對快速產生頁面指令的需求越來越大，產生了所謂的 templates 語言與技術，在早期有著名的 jsrender，但如前所說，由於越來越多的頁面要求，更加的效能變得更形重要。
關鍵字：google分析、googleanalytics、關鍵字追蹤
Google Analytics 提供了流量分析與統計的免費工具，一般來說都是在網頁中掛上 JavaScript 就可以進行資料蒐集，在 App 也可以透過 SDK 進行資料蒐集。那為什麼要在圖片中加入 Google Analytics 呢？
關鍵字：Respond、CSS3、Media Query
espond.js讓不支援CSS3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支援查詢。
優點：壓縮後僅1k,不跨域時性能ok，只需引入respond.js通用易用
缺點：僅支持media query的min-width和max-width（用於RWD夠用）；支援跨域，雖然配置有點麻煩，實現跨域代價高而且有閃屏體驗欠佳。
關鍵字：Numeral.js、網頁程式、程式設計
還在煩惱該如何將數字轉換成想要呈現的樣子嗎，Numeral.js可以幫助你將數字轉換成各種形式，如千位分隔、byte、百分比等等的形式，可以讓我們很輕鬆的將數字轉換成所需的形式，而且還支援中文顯示。
製作網站的時候，常常會使用到css背景色的效果，但之前碰到了好幾次，設定完內容div後，在div外再包一層div設定背景，但每當瀏覽視窗縮小，出現捲軸向右拉時，父層div背景就會露白的問題
簡約主義能讓使用者避免分心，感覺最重要的內容就在眼前。如果一個頁面有太多的元素，觀眾會感到困惑從哪裡開始瀏覽或誤解瀏覽的動線。一個好的簡約設計能將重點放在需要正視的內容。
談談「收件匣的電郵行銷趨勢」，以及對行銷者而言，收件匣資訊掌握了什麼樣的未來？因為電子報是幫助客戶開始瀏覽旅程的一種重要工具，並且在各個階段引導客戶進行他們需要的行為。
關鍵字：CSS
2014 年第一篇文章來寫前端工程師必須要瞭解的 [CSS] 技巧，此篇其實來自於 KidsIL Blog 內的一篇 10 Great CSS Tips for every Web Developer，裡面作者紀錄了十大 CSS 技巧。
關鍵字：Google Chart
先前透過MS Chart製作相當多圖形，最近看到很多人在討論使用Google Chart來做報表圖形，想說也來看一下如何使用首先可以先到Google Develop去查看Google Chart要怎樣使用。上面會有基本的教學方式，然後，Google Chart本身也提供API供我們使用。從Google Develop上可以發現Google可以運用的圖形非常的多種，若非特殊客製化的報表圖形，基本上都足夠給企業使用
這是來自Google Webmaster Central博客上的一篇SEO文章，現在官方已正式證實，網路爬蟲Googlebot已擴大到覆蓋JavaScript中的部分內容。如果不將一些基本SEO規則納入考慮的話，這一改變將對搜索結果產生一些負面SEO影響。
關鍵字：Facebook、審核、FB API、Facebook F8
APP若想要向使用者要求Public profile、電子郵件以及朋友清單之外的權限就需要申請審核。
關鍵字：GitHub
愈來愈多開放的程式碼在網路上分享，Git跟GitHub是一種管理軟體開發專案的工具，可以將所開發的專案分享給所有人，並且讓其他人進行修改，類似一種共同討論開發的感覺。
選單是製作網站的必要元素，想要做出有效果的選單，通常需要程式或是Javascript的配合，而選單也常常不只一層，還可能會有許多子選項，在這邊分享一個純粹使用CSS就能做出下拉選單的好方法，只要使用＜ul＞＜li＞再加上CSS的設定，就能完成了！
近幾年，隨著各種可攜式裝置以及各式各樣的瀏覽器蓬勃發展，導致網頁設計師在面臨各種不同尺寸螢幕或是不同的CSS解析方法時，如何保持良好的使用者觀感，成為了一項亟需克服的困境，以前的網頁設計師往往是花費大量的時間逐一調整一個個CSS元素來達成此項任務。
1. 視窗與容器
2. 文字
3. 圖片
4. 常用 plugin
5. Media
流動網格是通過智能的使用div、百分比和簡單的數學計算來創建的。這種理念來自於Ethan Marcotte ，他認識到「em」比字體大小進步。我們在這重溫這個基本概念，但要對該方法有一個全面而詳細的瞭解，請參閱「流動網格」，這是一篇全面的關於建立基於網格的彈性佈局的教程。
進入 2014 年，零售業品牌之間的競爭激烈，內容行銷已經是零售商不得不加入的戰役。比任何其他產業，零售商創造出動人的品牌內容更能帶動來長期成功；而訴說品牌的原創故事，也正成為激發消費渴望新的關鍵。
5G是目前主流的LTE及LTE Advanced之後的新一代行動通訊方式。雖然標準化團體尚未規定該方式的明確指標，但業內一致認為是“具有超過10Gbit/秒的通信速度，解決伴隨M2M通信普及而出現的終端數量增多問題，滿足更低延遲的通信要求”。
關鍵字：MySQL、WebScaleSQL
WebScaleSQL 與 MariaDB 的設定角色不同，MariaDB 為 MySQL 資料庫專案的完全衍生與替代方案，但 WebScaleSQL 則並非 MySQL 完整功能的分支，而是為了切合大型網路資料儲放所需，所將 MySQL 加以修改、優化的分支 (Branch)。
目前 WebScaleSQL 在改造 MySQL 上已經有重要成果出現，像是能夠執行與發布 MySQL 內建測試系統成果 (mtr) 的自動化框架；全新的壓力測試套件，與自動化效能測試系統原型；對現有程式碼結構的更改，以避免原本會出現的程式碼衝突問題，還有像是改善記憶體緩衝與重刷的反應時間、資料查詢功能的優化，及針對網路環境著手的效能改善，以及隨使用者層級不同所精化的權限控管，和使用端失聯怠速所配套的定時登出功能添加。
Native App：原生語言程式是為了特定的操作系統而編碼，用的也是特定操作系統的開發套件 (Platform SDK), 如 Apple iOS。因此它的性能和工具一向比 Hybrid App 優越。
隨著 JQuery 的盛行，網站大量地使用JQuery來開發，但伴隨著所開發的網頁功能
益趨複雜，使用者有時也感覺這些有著絢麗功能的網站，似乎也伴隨著網頁效能不佳的問題。
關鍵字：HTTP、Session id
一般網站登入會利用session id 判斷使用者的身分，如果session id 被其他人獲得，那其他人就可以使用這個id登入網站獲取資料。
隨著網路時代來臨、使用者只會選擇真正幫助他們改善生活的寶貴內容，過去干擾式行銷的手法愈來愈無法打動新世代買主。在過去，只有三家電視網、40 家無線電廣播台，及權威商業雜誌獨佔的年代，干擾式行銷成功的機率遠大於失敗。
關鍵字：亞馬遜、Amazon、推特、TwitterEC、電子商務
美國電子商務龍頭亞馬遜（Amazon）與社群網推特（Twitter）宣布結盟，將共同推展一種新型態推文購物服務，希望藉以免除切換應用程式所造成的不便利性。
關鍵字：JavaScript、jQuery Datatable
jQuery Datatable是一個很強大的表格工具，提供了自動分頁處理、資料排序、表格資料過濾等功能，其實大家可以參考Datatable官方網站來查看具體的實例以及他對應的API。在此不去講解如何實現後端的分頁、排序、查找，本文重點講解如何對Datatable中的表格內容進行操作，包括改變他的樣式、增加一列非資料列以及非資料列傳遞主鍵參數。
關鍵字：IPHONE、Android、Objective-C、APP
因著iPhone的簡單、易用與影響力，在日常生活各方面，幾乎都可以找得到與iPhone結合的應用，身為開發者，不免要想：軟體市集是怎麼一回事？iPhone程式要怎麼開發？
關鍵字：Android NDK、JNI
眾所皆知Android是採用JAVA來開發，但由於Android的底層是採用Linux 的核心，所以其實除了JAVA之外，還有一種開發方法，那就是透過NDK去呼叫底層的C/C++的函示庫。
關鍵字：phantomjs、JavaScript
PhantomJS其實是一個無界流覽器，雖然沒有介面，但是各種功能都很完整，其中最重要的是它可以進行自動化測試，可以用來檢測JavaScripts。
我們可以利用撰寫各種JS檔案，去進行許多類似使用者操作的功能，如表單輸入、畫面擷取等等不同的功能。
官網上有許多範例檔案可以參考，網路上也有許多教學範例，有興趣的朋友可以找來深入研究。
近一兩年來 Facebook 在社群網站之外嘗試了許多業務，比如手機、通訊軟體，如果你認為 Facebook 最多只能曬曬靚照發發狀態，那你就太小看 Facebook 了，社交巨頭準備進軍金融產業，為用戶提供全球匯款和電子貨幣業務。
關鍵字：wechat、微信、messaging apps
如果你是使用英文版的WeChat，那它看起來跟Line或是Viber實在沒有太大差別，難以理解魅力何在；但對中文版WeChat－微信使用者而言，WeChat擁有太多強大功能是其他通訊app難以匹敵的。
關鍵字：JavaScript、JOSN object、json_encode
網頁程式設計師在開發網頁時會因為效能問題在Html中嵌入JSON object，
但如果嵌入行為沒有處理好，就會產生很多 XSS attack，
而最常犯的錯誤是使用錯誤的 escape function，
這時可利用「json_encode」將字串中的【/】轉換成【\】
關鍵字：jquery、JS、JavaScript、效能
隨著開發時間的加長及引入外掛的增加，常常會感覺網頁越跑越慢，這時候就是代表網頁該瘦身了！
本篇文章歸納了 10 種幫 JS 調校的方法，目的是希望能夠讓使用者更快載入網頁，享受到更好的使用者體驗。
如果你是一個常常關注Android 新功能的工程師，最近你應該會注意到隨著各大廠開始推送 Android 4.4 KitKat 之後，一項新的問題，在網路上吵得沸沸揚揚的，根據 External Storage Technical Information(http://source.android.com/devices/tech/storage/) 這份官方技術文件中顯示，未來的Android 外部儲存裝置（如 SD 卡）寫入權限均將受到嚴格限制，目前此項改變已經直接導致過去依賴SD卡儲存內容的APP，均發生各種大小不一的問題這項規則主要帶來的改變
關鍵字：php安全漏洞
檢測網站漏洞基本的四條規則，規則如下：
1. 絕不要信任外部數據或輸入
2. 禁用那些使安全性難以實施的 php 設置
3. 如果不能理解它，就不能保護它
4. 「縱深防禦」 是新的法寶
以上四點，主要是基本的漏洞防護觀念，雖然說是基本觀念，但是有時候處理起來也是會令程式製作多了許多時間，所以是否要特別在漏洞防護上下很大的功夫也是要考慮清楚的事。
關鍵字：FACEBOOK行銷經營、社群網路發展、行動行銷、行動趨勢
去年長榮航空「I see you・你的眼界可以轉動世界」的廣告，相信大家一定依然記憶猶新，金城武一席白衫騎單車在台東田野小徑的畫面，清新的視覺搭配引人共鳴的文案，同時發表中、英、日三版本，全球 2000 多萬人觀賞。
行動電子商務是未來趨勢，但在其中扮演重要角色的行動商務APP究竟該怎麼設計，才能讓使用者用得輕鬆愉快，同時提高實際購買率呢？行動APP開發商Appsquare提供了兩大要點。
關鍵字：EJS、JavaScript template library
網頁程式設計師在開發網頁時會為了動態產生網頁內容，而使用JavaScript產生html代碼來顯示於畫面中，但這樣的缺點會讓程式碼架構較為雜亂，且修改上也較不容易。
關鍵字：jquery、php、裁圖、HTML5 FormData
後台上稿最常遇到的事情，就是圖片尺寸太多種，操作者不會做圖，所以這款Jquery Croppic具有像Facebook一樣的線上裁圖及圖片縮放的功能，主要是利用目前HTML5 FormData製作而成，所以目前只支持 IE 10+、Chrome 和 Firefox 等較新的瀏覽器。
關鍵字：jquery、社群分享按鈕、Social Plugins
雖然現在的社群分享按鈕都可以在各社群的API中找到，但是有時候會因此套用許多iframe或其他的東西，導致網頁的版面變得不好看。有一款jQuery 社群分享按鈕Plugin 可以方便套用，讓版面變得好看許多，而且程式的內容也變得比較容易統一修改，不會為了改一個按鈕而虛要修改很多東西。
下述擷自wiki說明「OpenStack是IaaS（基礎設施即服務）軟體，讓任何人都可以
自行建立和提供雲端運算服務。此外，OpenStack也用作建立防火牆內的私有雲，提供機構或企業內各部門共享資源 」
小編除了製作網頁設計，偶爾會接觸平面設計，如名片加上現今常用的Qrcode，
在製作名片之前上網爬文與找圖，發現一些名片的QRcode過於複雜而無法辨識，
或是圖太小導致小編手機拿近或拿遠都無法讀取QRcode，小編很謹慎得編排兩個不同大小的QRcode，再請同事協助列印出來，
並測試這兩個QRcode
網頁能夠在行動裝置上被觀看這件事變得重要，許多Flash製作非常精美的動畫卻無法在行動裝置上觀看所以Flash漸漸德被HTML5 + CSS3取代掉，但每每要自己從CSS3寫出一段動畫來需要花一段時間，接下來介紹這個好用的CSS3動畫製作網站供各參考。
Facebook、Google 對 WhatsApp 的搶奪戰從去年上半年就盛傳在火熱進行了。Google 想借 WhatsApp 之力填補其在即時通訊領域的一大戰略漏洞，Facebook 則欲利用 WhatsApp 在全球驚人的使用者數，推廣自家旗下的 Facebook Messenger。
QR-code應用於廣告行銷已非常普遍，許多企業在平面廣告海報中置放QR-code讓消費者以手機掃描連結至商品或活動網站，以了解更多資訊，同時也免除消費者自行輸入網址的前置動作，增加網頁的連結率和活動參加率，而一般QR-code多為黑白色，為了吸引消費者的目光，許多QR-code漸漸改採色彩鮮豔活潑的設計，促使消費者的好奇心和興趣，並將品牌LOGO放置其中，增加消費者對品牌的印象。
JavaScript 是一種會自動回收記憶體（garbage collection）的程式語言，也就是記憶體會在 JavaScript 物件被宣告與建立的時候動態配置，而當該 JavaScript 物件不會再被使用時，瀏覽器就會將其收回，而 JavaScript 這樣的記憶體回收方式基本上是沒有什麼問題的，問題會出在部分瀏覽器處理配置與回收 DOM 物件記憶體的方式上。
關鍵字：Java、List、Set、Map、HashMap、Hashtable、Vector
ArrayList 和HashMap是非同步的，Vector和HashTable是同步的，所以Vector和HashTable是線程安全的，而ArrayList和 HashMap並不是線程安全的。因為同步需要花費機器時間，所以Vector和HashTable的執行效率要低於ArrayList和 HashMap。
WebSocket是HTML5開始提供的一種瀏覽器與伺服器間進行全雙工通訊的網路技術。WebSocket通訊協定於 2011年被IETF定為標準RFC 6455，WebSocketAPI被W3C定為標準。
在WebSocket API中，瀏覽器和伺服器只需要要做一個握手的動作，然後，瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以資料互相傳送。
關鍵字：Lazy Load
當網站圖片太多的時候，在載入網頁時常常會很緩慢，可以利用此外掛延遲圖片載入。
關鍵字：RWD、Responsive Web Design、響應式、響應式網頁設計
隨著生活越來越講求便利、快速，我們的生活也越來越數位化、行動化。各類的行動裝置逐漸的取代了PC，成為了不可忽視新趨勢。著名網頁設計師Ethan Marcotte於2010年5月提出了響應式網頁設計概念。所謂響應式網頁可依照螢幕不同的解析度，而變更網頁的編排，讓裝置只是一個介質，使用者才是真正的主角。
無論是網頁或是平面設計都要注意了
華康字體只能限用於內部，若要作為商用必須另外簽合約
現在提版必須用其他字體，如文鼎或是微軟正黑…等
請大家務必詳讀” 華康字型盒裝產品 授權合約書”
關鍵字：Facebook行銷、粉絲團經營、Facebook演算法
Facebook動態消息(News Feed)演算法的更新導致觸及率下降，在最近幾個月受到廣泛討論。但是，一項由Locowise (產業領先社群媒體分析工具公司)於去年12月進行的調查研究顯示，情況(對某些品牌而言)並沒有想像的那麼糟。這項調查以1,000個粉絲專頁為對象，結果顯示：
關鍵字：亞馬遜、電子商務、線上購物、data mining、資料分析、Amazon
美國零售巨擘亞馬遜（Amazon）太懂你的心了，甚至在你還沒按下「購買」鍵之前，他們就能洞燭機先，先一步送出你想要的貨物。美國媒體報導，亞馬遜去年十二月取得一種「先送貨後收訂」的專利，希望大幅縮短送貨時間，鼓勵消費者多用網路，少光顧實體商店。
關鍵字：MariaDB
採用MariaDB的企業能夠直接與開源碼社群的開發者討論，計畫開發新功能，另一方面，MariaDB也永久保證了其開放源碼的特性，他說，對於 Google而言，最重要的是MariaDB提供了許多業務上的關鍵的功能，例如全域交易辨識碼（Global Transaction ID）、平行複製（Parallel Replication）、多來源複製（Multi Source Replication）、以及集體上傳（Group Commit）等功能。
關鍵字：Oracle、RBO、CBO、Rule-Based Optimization、Cost-Based Optimization
Oracle的優化器共有兩種的優化方式,即基於規則的優化方式(Rule-Based Optimization,簡稱爲RBO)和基於代價的優化方式(Cost-Based Optimization,簡稱爲CBO)。
關鍵字：HTML5、Web Worker、Thread、執行緒
關鍵字：asm.js、JavaScript
關鍵字：NoSQL、資料庫、關聯式資料庫、巨量資料(Big Data)
關鍵字：HTML5、JsRender、jquery、JSON、Templates
關鍵字：php、Framework、MVC、CakePHP、CodeIgniter、網頁設計
關鍵字：微軟、SHA-1、雜湊演算法、SSL/TLS、金鑰加密
關鍵字：病毒式行銷、Facebook行銷
關鍵字：MySQL、Order by Rand()、Rand、Rand效率
關鍵字：HP WebInspect、網頁應用程式、網頁程式設計、網頁應用程式開發
關鍵字：Facebook廣告、FACEBOOK活動網站、活動網站製作
關鍵字：HTML5、網頁活動設計、網頁遊戲、JavaScript、Crafty
關鍵字：AngularJS、網頁應用程式、jquery、MVC架構網頁設計
關鍵字：HP Vertica、Big Data處理、資料庫技術
關鍵字：CSS3、HTML5、Responsive Web Design、自適應網頁設計
關鍵字：HTML5網頁設計、Web網頁程式開發、APP、行動APP開發
關鍵字：jQuery Mobile、跨平台行動APP、HTML5 網頁設計、Web APP、jquery、UI
關鍵字：PhoneGap、手機apps開發、iOS APPs 開發、Android APPs 開發
關鍵字：Android、Action Bar、ActionBarSherlock
關鍵字：手機版網頁、CSS、網頁設計、IPHONE、Android
關鍵字：jqtouch、jquery、mobile、IPHONE、ipod、touch、Android、webkit
關鍵字：行動裝置網頁、Mobile-Web、手機版網頁設計
關鍵字：Goole、Android、C2DM、Push、雲端技術
關鍵字：Facebook、FB、按讚、應用程式開發、網路行銷、活動網站
關鍵字：adobe、cs5.5、IPHONE、Andorid、網頁設計工具、行動電話應用程式開發、行動應用軟體開發
關鍵字：Android、IPHONE、sqlite、資料庫，DB
傑立資訊事業有限公司電話：(02)2739-9096 | 傳真：(02)2739-6637 | 客服：[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2016 傑立資訊 All rights reserved.法律顧問：宇恒法律事務所
