我們不斷的吸收網路世界的各項新技術，並且分享。

使用者介面的視覺效應（給真正的狂熱份子）［轉載自 Medium］

關鍵字：設計、UI、網頁設計

要如何製作視覺平衡的圖示、修正各種形狀的靠齊，還有讓圓角完美呈現。包含超過 50 張圖片。眼睛是非常詭異的器官，常常對我們說謊。但是，如果可以熟悉人類視覺感知 (visual perception) 的特質，就能打造易懂又俐落的設計。不僅僅是字型設計師利用視覺技巧，製作易讀且良好平衡的字型，對於打造人機溝通的 UI 設計師也很有幫助。

+觀看詳細內容

[轉載]Realm：明年底Kotlin將取代Java成為Android平台上最受歡迎的語言

關鍵字：Kotlin、Java、Android

目前Java為Android平台上最受歡迎的開發語言，但Realm認為隨著Kotlin愈來愈受歡迎，明年底可望超越Java成為Android上最熱門的語言。

+觀看詳細內容

IBM開源程式開發模型Composer問世，為無伺服器運算應用開發推一把 [轉載自iThome]

關鍵字：IBM Composer

IBM發布開源程式開發模型Composer，以OpenWhisk服務為基礎，加強無伺服器運算架構的應用程式開發。Composer包含了函式庫和Runtime，目前函式庫僅支援Node.js。另外，Composer已在GitHub上釋出，並開放下載

+觀看詳細內容

小心假的Apple ID輸入視窗騙走你的帳號密碼[轉載自iThome]

關鍵字：Apple ID

開發人員指出透過維妙維肖的Apple ID密碼輸入視窗，可輕易的要求用戶輸入帳密資料，騙取使用者的Apple ID帳密，認為蘋果應設法限制網釣攻擊，以保障用戶的身份安全。

+觀看詳細內容

HTML5新標籤datalist與select的區别 [轉載自 Mike的前端博客]

關鍵字：HTML5、前端

HTML5新標籤datalist同樣屬於form元素, 且作用為下拉選擇, 初看與原已存在的select標籤差不多, 那麼二者有何區別呢 ?

+觀看詳細內容

拿掉指紋辨識，iPhone X的Face ID夠安全嗎？[轉載自數位時代]

關鍵字：Apple、iPhone X、Face ID、安全性

拿掉Home鍵的蘋果最新旗艦機款iPhone X，推出全新身份認證機制「Face ID」，取代過去的指紋辨識，無論是螢幕解鎖或付款都支援。不過，從傳統密碼、指紋辨識到最新的臉部解鎖，這套系統真的比以前安全嗎？

+觀看詳細內容

微軟正打造量子運算程式語言，年底釋出免費預覽版[轉載自IThome]

關鍵字：微軟、量子運算式、程式語言

微軟在Ignite開發大會中揭露了對量子運算的未來籃圖，包括將打造易於擴充的拓撲量子電腦，研究後量子時代的加密與安全問題，以及將在年底釋出的量子運算程式語言預覽版，未來將整合到Visual Studio。

+觀看詳細內容

UI 設計師必知的 iPhone X 設計細節！[轉載自INSIDE]

關鍵字：UI、IPHONE、X、design、ios、web、CSS、HTML、layout、Margins、鍵盤、Home Indicator、Safe Area、Landscape

原文刊登於 Medium ，INSIDE 經授權轉載。作者Taylor，UI及數位產品設計師，專精於iOS、Android及Web等平台，光讀HIG是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間。

+觀看詳細內容

小心! WordPress知名外掛Display Widgets打開網站後門[轉載自IThome]

關鍵字：WordPress、Display Widgets

提供網站安全外掛程式的Wordfence指出Display Widgets有後門，可讓作者更新或移除網站上的內容，甚至散佈垃圾訊息，而不會被WordPress用戶看到，WordPress.org雖然曾移除該外掛程式，但作者持續上傳含有後門的版本，3個月內移除了4次。

+觀看詳細內容

2千項商品全臺物流大考驗，杏一IT靠創新3原則迎戰[轉載自iThome]

關鍵字：電子商務、系統平台

老牌杏一醫療4年前大膽決定自建物流中心供貨，但一開始出貨緩慢，最快3天才到貨，導致門市容易缺貨，如何透過IT來縮短出貨時間，成為杏一IT的大挑戰，怎麼克服？

+觀看詳細內容

成長駭客 (Growth Hacking) 的本質是什麼？兩張圖讓你更透徹了解 Growth Hack [轉載INSIDE]

關鍵字：SEO、網路、網路技術、行銷

成長駭客這個主題，在過去幾個月，已經成為台灣網路行銷的顯學。講座與課程一個又一個的開，書也一本一本的出，網路上的每位大師，幾乎都可以隨口講出幾個關於 Growth Hacking 的洞見。
理論上，這應該讓想學習成長駭客的人，更知道怎麼樣入門才對。但實際上，Miula 跟一些人聊過之後，發現他們對於成長駭客的理解反而都相當的片段不完整。只能說，在某些情況下，資訊太多，反而等於沒有資訊。(有的資訊水分太多，有的資訊只是賣弄名詞，有的資訊已經過時，有的資訊甚至錯誤百出。)

+觀看詳細內容

新零售的新戰場，系統平台是決勝關鍵 [轉載於科技新報]

關鍵字：電子商務、購物、網路行銷、系統平台、客製化

無人商店的興起，表面上是人力被取代的議題，但後面真正的決戰點，其實是新科技所帶動的零售服務業平台系統整合能力，誰才是下一個平台霸主？無人店的興起，表面上是人力被取代的議題，但後面真正的決戰點，其實是新科技所帶動的零售服務業平台系統整合能力。

+觀看詳細內容

「漏洞」也可能是助力？資安專家提醒企業三種反應決定傷害程度[轉載於數位時代]

關鍵字：資安、駭客、安全漏洞、zero day

端點防護的思維大轉變，制式的自動阻擋機制已無法抵禦針對性攻擊，企業必須透過異常行為的偵測與事件彙整，才能即早發現加以反制，而端點偵測與反制產品，也趁勢崛起

+觀看詳細內容

iOS Guideline 怎麼看？(1) 轉載於「嫁給 RD 的 UI Designer」

關鍵字：iOS、Guideline

UI Design Basics 這個單元講了許多「概念」，像是 iOS 主要風格、版面配置方式等等，可以看做「導論」或是「序」。也就是各方面都提到一點點、要怎麼實作不告訴你這樣。我把我覺得最重要一定要看的部份撈出來講。請配合官方文件閱讀。

最基本一定要知道的 UI 元件名稱，幹 UI 連這個都不曉得可以洗洗睡了，之後的文件也不用看。專業術語和名詞部份請記英文，很多用詞講中文反而容易混淆。

+觀看詳細內容

Bootstrap 4 Beta版釋出［轉載自 六角學院］

關鍵字：bootstrap4、CSS3、框架、網頁設計

使用世界上最受歡迎的前端元件庫，建立響應式、行動優先的專案。Bootstrap 是一個用於開發 HTML、CSS 和 JS 的開源工具包，Beta版已於8/10釋出。透過其中的 Sass 和 mixins、響應式網格系統、預先建構的組件以及基於 jQuery 開發的插件來快速建構你的想法或是應用程式！

+觀看詳細內容

Google更新Cloud Speech API，錄音檔也能直接搜尋關鍵字！[轉載自數位時代]

關鍵字：Cloud Speech

Google更新雲端語音API（Google Cloud Speech API），除了新增時間標記功能，可辨識的語音檔案長度也從80分鐘增加到3小時，並一口氣新增30種可辨識語言，讓第三方開發商能在更多類型的服務中應用Google的語音辨識技術

+觀看詳細內容

鑑識手機筆記協同軟體，萃取Evernote跡證[轉載自網管人]

關鍵字：Evernote

本文以Android手機示範非法者使用Evernote之筆記服務及利用Work Chat進行溝通，而鑑識人員使用手機備份工具對手機儲存裝置內容進行邏輯萃取，並結合所發現的事實與數位跡證分析結果，來證明非法者之間確實有非法意圖聯絡。

+觀看詳細內容

密碼交錯字母、數字與符號不一定安全，密碼規則設定者為這形式感到後悔[轉載自數位時代]

關鍵字：資訊安全、密碼規則

許多網站在用戶創建帳號時都會要求密碼包含多個英文字母、數字和特殊字符，但最早建立這一標準的人卻在 15 年後表示，複雜的密碼基本上是沒什麼用的。

+觀看詳細內容

快速導入單一登入與多因素驗證不是夢！快讓身分認證管理跟上時代腳步[轉載自iThome]

關鍵字：多因素驗證、身分認證管理

隨著執行企業應用的型態變得多元，使用者身分管理的複雜度大增，更何況要多因素驗證或單一登入，然而，現在只要透過雲端服務便能快速取得相關功能，一舉超越過去做法

+觀看詳細內容

讓瀏覽器自動加載網頁中最新的CSS和JS文件[轉載自暢想資源 ]

關鍵字：CSS、JS、JavaScript、javascripts、version、load、cache、reload

大家的網站往往都為一些靜態文件（例如JS、CSS等）添加了緩存功能，但是如果我們更新了這些文件，想要及時加載最新的文件，怎麼辦呢？這篇文章就來教你如何清除瀏覽器中的緩存，並讓瀏覽器加載網頁中最新的CSS和JS，讓訪客使用到最新的功能！

+觀看詳細內容

用Docker建立Lravel開發環境超簡單[轉載於3C Tech Center]

關鍵字：Docker、Laravel、開發環境、虛擬化

對我來說，Laravel是一個進化極快速的PHP框架，也是一個全方位解決方案的框架。例如，本站使用的是Facebook登入的功能，即是透過Laravel的官方套件socialite實做的，很多東西框架可以幫我們搞定了，像是queues、file storage，驗證機制等，框架通通提供給我們，幹麻自己做呢？透過Laravel的框架提供的多種的功能，可替我們搞定很多的事情。

+觀看詳細內容

微軟行動化管理方案強調身分識別管理，整合雲端應用與資料防護[轉載自iThome]

關鍵字：雲端應用、資料防護、身分管理

強調以身分認證管理服務Azure AD為基礎，微軟Enterprise Mobility + Security（EMS）解決方案搭配了行動裝置管理、資料保護，也提供整合企業內部與SaaS應用程式的入口平臺，方便用戶安全存取企業應用

+觀看詳細內容

CSS 開發工具-- Sass，LESS

關鍵字：CSS、Sass、LESS

現有網站往往大量的採用 HTML5 +CSS3 + Javascript 來開發，但隨著專案規模日益龐大，對於CSS的維護也越加的困難，於是乎我們就要尋找一些工具來協助我們處理一些的重複、可維護性等日常一再發生的問題

+觀看詳細內容

一不小心就手「滑」　亞馬遜推出社群購物平臺！ [轉載於電子商務時報]

關鍵字：電商、購物、網路行銷、社群、客製化、Amazon

電商巨擘亞馬遜（Amazon）於20日宣布推出一項全新的社交購物平臺Amazon Spark，概念近似知名社群平臺Instagram；Spark除了能夠依據用戶興趣，客製化出以圖片為主的動態時報內容外，更能對感興趣的商品立即購買；充分讓社群的魅力轉化成實質的購買力。

+觀看詳細內容

因應進階威脅的新世代端點防護?[轉載自iThome]

關鍵字：端點防護、近接威脅

對於針對性的攻擊手法，端點電腦光是倚賴防毒軟體的把關，企業可能無法完全根除問題，近年來，如雨後春筍般推出的端點偵測與反制系統（Endpoint Detection and Response，EDR），便是能夠找出在端點電腦的潛在威脅，並加以阻斷、清除惡意軟體的解決方案。

+觀看詳細內容

[轉貼] 2017技術趨勢：UI、Web、微服務頂級框架都是啥？

關鍵字：HTML5、Notification

作為程式設計師一定要先了解技術趨勢，不要單純地每天埋頭苦幹，抽時間給自己充充電吧。以下技術趨勢針對UI、Web、微服務相關的程式設計師，是JAXenter.com和JAXenter.de網站用了一個月的時間，大約900+程式設計師共同參與投票的結果，值得一看。

+觀看詳細內容

CSS3選擇器 :not() 讓CSS也支援判斷的機制［轉載自 梅問題．教學網］

關鍵字：CSS、CSS3、網頁設計

自從CCS3新增了許多屬性了，從圓角、陰影、半透明....一直到動畫，讓網頁變得更加多元，同時再加上一些新的選擇器，大幅的減少在DIV區塊的類別命名，直接透過CSS3的選擇器，就可針對那個DIV要套用什麼樣式，雖然說CSS3的選擇器很方便，可針對n個區塊進行套用，但今天若希望除了第N的DIV不套用，其它的都套用時，這下就只能用javascript輔助來完成了。

+觀看詳細內容

W3C通過DRM新標準，專家憂違反網路中立性、恐成壟斷工具[轉載自 數位時代]

關鍵字：W3C、DRM

在網站看影片時，是否常跳出視窗請你先安裝擴充工具？由網際網路之父所創辦的全球資訊網協會（World Wide Web Consortium，W3C），於9日通過新的線上串流影音網路標準，要瀏覽器內建可直接播放受版權保護影音的機制。不過，反對者認為這將讓瀏覽器和線上影音業者的權利過度擴張。

+觀看詳細內容

Google釋出Android版reCAPTCHA API，能辨識手機用戶是真人還是機器人[轉載自iThome]

關鍵字：Android版reCAPTCHA

reCAPTCHA能夠在背景辨識用戶的行為，以判別該用戶身份是真人還是機器人，上周五Google再釋出支援Android的reCAPTCHA API，將此一辨識技術擴大到Android裝置用戶。

+觀看詳細內容

Google的設計美學從他開始——馬提亞斯・杜阿提[轉載自數位時代]

關鍵字：google、設計

過去，Google和「好設計」一詞距離很遠，不過，現在無論是旗下哪樣產品，都帶有讓人一眼就辨識出的Google簡約易用設計。這個改變源自替Google打造設計語言的馬提亞斯．杜阿提。

+觀看詳細內容

[轉載數位時代]廣告推薦風波大，Google放棄掃描個人Gmail信箱

關鍵字：google、雲端、g suite

這個決議來自Google的雲端服務小組，背後的目的是為了吸引更多的企業客戶。促銷廣告還是會持續出現在免費的信箱裡，但Google將改以用戶其他的活動，例如YouTube瀏覽與網站搜尋來決定廣告投放。

+觀看詳細內容

2017年第一波全球性威脅，勒索攻擊攻陷4萬臺企業資料庫[轉載自IThome]

關鍵字：勒索攻擊、全球性威脅、2017年、資料庫

2017年才剛開始，勒索攻擊威脅突然發難，數萬MongoDB遭駭；Elasticsearch和Hadoop叢集相繼淪陷，駭客還上網兜售勒索攻擊工具包和13萬肉票IP，連大型資安公司5百多TB的分析資料都全數被刪除

+觀看詳細內容

使用JavsScript取得裝置與視窗的尺寸[轉載自ryanve]

關鍵字：device、viewport、size、JavaScript、window、document、jquery、width、height

目前使用的裝置種類與尺寸很多,在不同的狀況下要使用正確的參數才可以取得所需的尺寸資訊。

+觀看詳細內容

分散式 Git - 為專案作貢獻 [轉載於Git 官方文件]

關鍵字：Git、協作、流程

接下來，我們來學習一下作為專案貢獻者，會有哪些常見的工作模式。
不過要說清楚整個協作過程真的很難，Git 如此靈活，人們的協作方式便可以各式各樣，沒有固定不變的範式可循，而每個專案的具體情況又多少會有些不同，比如說參與者的規模，所選擇的工作流程，每個人的提交許可權，以及 Git 以外貢獻等等，都會影響到具體操作的細節。

+觀看詳細內容

注意！新型木馬程式出現　只要滑鼠滑過就電腦中毒[轉載自三立新聞網]

關鍵字：新型木馬程式、電腦中毒

隨著科技的進步，電腦病毒也是日新月異，總讓人防不勝防！普遍來看，民眾若是電腦中毒的話都是不慎點擊或下載不明連結、檔案，但近日「趨勢科技」最新研究發現，最新的木馬程式病毒「TROJ_POWHOV.A」，根本不需要直接點擊，只要使用者將滑鼠飄移到受感染的PowerPoint檔案就會中毒。電腦病毒越來越進步，趨勢科技除了公佈新病毒外，也提醒民眾怎麼防範，除了不要亂點來路不明的網址、檔案外，也可以透過微軟內建功能防範。

+觀看詳細內容

Google 即將推出免費工具 Google 歸屬分析[轉載於1111職涯論壇-行銷企劃]

關鍵字：google、SEO、統計分析、網路行銷

Google 在 2017 年的 Google 行銷大會 Google Marketing Next（5月22-24）中，宣布即將推出中小企業免費使用的行銷成效歸屬工具 - Google 歸屬分析（Google Attribution）。

+觀看詳細內容

PSR-2 與 PHP Code Sniffer

關鍵字：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中的Web Notification桌面通知

關鍵字：HTML5、Notification

HTML5 Web Notification通知是屬於桌面性質的通知，有點類似於顯示器右下角蹦出的QQ彈框，殺毒提示之類的，跟瀏覽器是脫離的，消息是置頂的。

+觀看詳細內容

Mac開發者久等了！微軟正式推出Visual Studio for Mac [轉載於數位時代]

關鍵字：Mac開發、微軟、Visual Studio

微軟繼去年11月推出Visual Studio for Mac預覽版後，在今年微軟開發者大會Build 2017上，這款微軟的旗艦版程式開發工具終於正式推出mac版本，開放給所有用戶下載。從現在起，Mac開發者不用再到處借Windows電腦或跑虛擬器，而是可以直接在自己的電腦上使用Visual Studio開發行動版、網頁版和遊戲等應用程式。

+觀看詳細內容

兼具傳統關聯式資料庫與NoSQL優點，Google Cloud Spanner正式上線[轉載自IThome]

關鍵字：Google Cloud Spanner、NoSQL

Google旗下雲端關聯式資料庫Cloud Spanner短短3個月從測試階段，晉升為正式版（GA），且Google宣稱，Cloud Spanner具備99.999％的可靠性與強大的相容性，以及具備低延遲的特性。目前Google提供12個月免費試用，以吸引使用者來體驗Cloud Spanner資料庫。

+觀看詳細內容

網頁佈局大解放！2017年10大網頁設計趨勢[轉載自數位時代]

關鍵字：網業設計、色彩、排版

網站設計最迷人之處就是不斷變動，技術的演進讓設計師與工程師可以不停實驗創新，帶來更好、更流暢的使用體驗，以及讓人處處驚奇的感官饗宴。今年網頁又會有哪些有趣的風格將主宰我們的螢幕？我們綜合了 Webflow、The Next Web、AWWWARDS 等媒體與網站設計公司的預測，整理出網頁設計十大趨勢：

+觀看詳細內容

【MIS必看】WannaCry勒索病毒猖獗！上班第一天如何處理病毒未爆彈？TWCERT/CC教你6步驟自保[轉載自IThome]

關鍵字：WannaCry勒索病毒

WannaCry勒索病毒從週五晚上開始襲擊全球！這是第一支結合蠕蟲擴散行為，會自動發起大規模感染行為的勒索軟體。截至週日晚上九點，根據intel.malwaretech.com網站統計，全球有23萬多臺電腦感染。國外資安公司也把臺灣視為重度感染區域。

+觀看詳細內容

WordPress零時漏洞可能洩露密碼重設連結，允駭客取得網站控制權[轉載自iThome]

關鍵字：WordPress密碼、駭客

研究人員發現在WordPress的密碼重設信件功能，由於未確保重設郵件只寄給合法網站持有人帳號，讓駭客可修改郵件寄發至用戶端的伺服器主機名稱，因此取得密碼重設郵件，從而獲得網站控制權。

+觀看詳細內容

讓網站看起來更有質感的重要元素：照片(轉載於夏木樂)

關鍵字：網站、設計、照片

在之前的文章「一個設計優良的網站該具備什麼條件呢？」中，我們提到過，要讓網站首頁看起來有質感的方式，就是捨棄不必要的繁雜資訊，讓最重要的項目呈現在訪客面前。
但龜毛的讀者應該常常有一種感覺，同樣是簡潔的設計，為什麼國外的網站硬生生就是比較好看？比較吸引人？自己的網站總是少了些什麼？追根究柢，在於對圖片品質的重視與否。

+觀看詳細內容

50個提高PHP程式執行效率的方法 【轉載自閱讀屋】

關鍵字：php、php程式設計、提高效率

無論合時，提高程式的執行效率一直都是程式設計師共同的課題，本文提出一些提高效率的方法，不妨參考學習一下。

+觀看詳細內容

用什麼樣的密碼比較安全呢？從基礎談起！[轉載自INSIDE]

關鍵字：密碼、hash、random、username、email、md5、password、英文、網站、hacker

天來講一下各大網站保存密碼的方式。如果你是工程師，而且知道 hash + salt 是什麼意思，可以直接跳過這篇文章。如果非電腦科學領域的人，只是來湊湊熱鬧，那可以直接往下拉到結論，我直接告訴你，你的密碼安不安全？

+觀看詳細內容

nesbot/carbon-PHP 時間處理函式庫[轉載自carbon]

關鍵字：php、DateTime

以往在編寫PHP時當需要處理日期和時間都以內建函式使用較多，但隨著商業邏輯的改變需求越來越多之後，純粹以內建函式來處理時間，也變得越來越瑣碎了

+觀看詳細內容

Intervention Image-PHP 專用圖形處理函式庫[轉載自Intervention]

關鍵字：php、GD、Imagick、圖形處理

在PHP 上面早期要處理圖形不外乎2種途徑
1.GD
2.Imagick
但2種函式庫，各自有各自的程式邏輯與方法，一旦要更換成另一處圖片處理方法，整段的程式就得重新撰寫，但現在我們有另一種處理方式

+觀看詳細內容

你的網站夠「友善」嗎？——從數據掌握指尖下的商機 [轉載於數位時代]

關鍵字：RWD、響應式、自適應、行動版網頁設計、APP、ios、Android、手機

究竟什麼是行動裝置友善性呢？簡單來說，就是讓行動裝置操作環境能夠盡可能簡單化，隱藏原本複雜的電腦程式運作邏輯，僅將簡化後的操作介面呈現給使用者。
編按：本文摘自《指尖下的大數據》，探討大數據的四點特性：數量龐大、產生速度快、多樣性，以及準確性高。作者為鄭江宇與曾瀚平。

+觀看詳細內容

CSS Grid 屬性介紹［轉載自 前端，沒有極限］

關鍵字：CSS、CSS3、Grid、layout、網頁設計

CSS gird 在最近 Chrome 更新已經慢慢開始支援 (就是還很久才會完全支援的意思)，開始之前還是來介紹一些語法。與 CSS Flex 一樣，CSS Grid 用兩個部分來看比較快，一個是屬於外部容器的屬性，另一個是屬於內部容器的屬性；從外開始向內看可以加快理解的速度。CSS Grid 可以做什麼呢？這邊提供一個簡單範例給大家看看，相同的 Grid System 如果使用 float 需要多很多層，還要注意清除浮動等等。在 CSS grid 的加持下每個 class 都僅需少量的屬性就可做到相同的效果。

+觀看詳細內容

Permalink to Google 釋出 JPEG 編碼器 Guetzli 原始碼，讓圖片壓縮至 35% 仍保有高品質[轉載自科技新報]

關鍵字：Google Guetzli

Google 近日開源了用於數位圖片和網路圖片的 JPEG 編碼器 Guetzli（[guɛtsli]， 在瑞士德語中被翻譯為餅乾）。與現有的方法相比，它能將高品質圖片的大小縮小 35%。這就使網站管理員可以使用更少的傳輸量更快地下載網頁，此外，它能相容現有的瀏覽器、影像處理應用和 JPEG 標準。

+觀看詳細內容

[轉貼] 在Web快速開發框架間徘徊

關鍵字：框架、MVC、web

Web開發至今已經累積了相當多的成熟經驗，就Web應用程式而言，MVC已經是公認且驗證的架構，Web快速開發框架基本上必然實現了MVC架構（儘管有些細節上的不同），多半要具備的元素有URL路由對應、HTML模版系統、ORM與資料庫管理、表單處理與驗證、使用者管理、基本安全管理、測試、部署等；而附帶的元素，則為各種工具、程式庫（如郵件發送、多國語系時區支援）等，其中路由、模版系統與ORM，通常是一開始使用時最先接觸也最關心的部份。

+觀看詳細內容

Google釋出開源圖像演算法Guetzli，品質不變下能壓縮JPEG圖檔35%大小[轉載自IThome]

關鍵字：Guetzli

Google於GitHub上釋出開源JPEG編碼器Guetzli，Guetzli能壓縮35％的JPEG圖檔，同時維持圖像品質，提供開發者打造載入速度更快的網頁，也能減少行動裝置用戶的網路頻寬成本。

+觀看詳細內容

你絕對想不到 台灣人最愛行動上網搜尋的地點竟是家中！？行動行銷首要任務：搶攻 “急經濟”[轉載自yahoo新聞]

關鍵字：行動、多螢行銷、行動、多螢趨勢研究、研究報告、行動、多螢研究、行動行銷

行動搜尋普及 帶來無限商機
你可能已經習以為常，周六午後在東區散步，發現一件你鍾愛的商品，你打開智慧型手機，上網搜尋相關資訊，比較優劣與價格來決定要不要購買；然後想起晚上的聚餐還沒訂位，你馬上使用手機搜尋附近的餐廳，立刻打電話訂位……

+觀看詳細內容

Facebook 出電商新招：廣告看完馬上點就可買！【轉載自 INSIDE 硬塞的網路趨勢觀察】

關鍵字：電子商務、Facebook

Facebook 一直以來都想把資訊流介面打造成購物場所，過去也一直嘗試「社群電商」的路線但表現平平，現在他們推出新廣告格式「精選欄 (Collection)」，要讓消費者邊滑邊買！

+觀看詳細內容

騙過人類雙眼！Google 開源新 JPEG 編碼器，大小壓縮 35% 還讓你看不出來[轉載自INSIDE]

關鍵字：google、演算法、視覺、開源

一圖勝千言。新網路時代與過去冷冰冰的網際網路最大的區別就在於多了豐富的圖片。而網路上面最流行的靜態圖片格式非 JPEG 莫屬，但 JPEG 文件的多寡往往會影響頁面的載入速度。為此，Google 開發了一種新的 JPEG 演算法，可將文件大小減少 35%，這會確實提高網站的載入速度；此外，新演算法還可以在保持大小不變的情況下顯著改善圖片品質。更重要的是，Google 的這種 JPEG 格式跟 WebP、WebM 等圖像壓縮法不同，它可以完全與現有的瀏覽器、裝置、圖片編輯應用以及 JPEG 標準相容。而且，Google 還把它給開源出來了。

+觀看詳細內容

30 天精通 Git 版本控管 (01)：認識 Git 版本控管 [轉載於iT邦幫忙]

關鍵字：APP、Android、google、手機、SEO

在軟體開發領域，對原始碼進行版本控管是非常重要的一件事，有別於 Subversion 或 TFVC (Team Foundation Version Control) 這類集中式版本控管系統，Git 是一套分散式版本控管系統(DVCS; Distributed Version Control System)，並帶來許多版本控管上的各種優勢與解決傳統集中式版本控管的缺失，例如支援本地操作、備份容易、功能強大且彈性的分支與合併等等。不過，由於 Git 版本控管無論在版控觀念與工具使用上，都與傳統集中式版控工具差異甚大，因此造成了不小的學習門檻。

+觀看詳細內容

透過瀏覽器的隱私模式去看危險的網站就不會被追蹤監控？你完全想錯了[轉載科技新報]

關鍵字：無痕模式、追蹤、隱私模式

有些人看到一些屬於高危險的網站，比如說色情網站或是種子網站，明知道這些網站可能會帶有病毒或是惡意程式，甚至可能會追蹤你的資訊，但雖然如此還是很想看網站的內容，這時會靈機一動，打開瀏覽器的「隱私模式」（無痕模式）來瀏覽，感覺上這樣就比較安全。但是，這樣的想法是對的嗎？

+觀看詳細內容

Google Assistant 開放更多 Android 系統手機使用 [轉載於科技新報]

關鍵字：APP、Android、google、手機、SEO

自從 Google Assistant 開放以來，越來越多使用者感受到它的美好，而原本只能在 PIXEL 系列手機上使用的 Google Assistant，現在也準備開放給其他品牌 Android 手機使用了。

+觀看詳細內容

[轉貼] HTTPS 漸成主流，過半 web 流量已加密

關鍵字：https、web

EFF（Electronic Frontier Foundation）最近發表了一份 報告 ，報告稱經研究顯示，目前全球已有超過一半的 web 流量採用了加密的 HTTPS 進行傳輸，預示著對整個 web 進行加密的運動達到了一個里程碑。加密流量過半的主要原因是佔據流量主要佔比的主流技術公司，如 Facebook、Google、Twitter、維基百科、Bing、Reddit 等最近幾年都陸續採用了 HTTPS 協議。

+觀看詳細內容

Google推出Cloud Spanner，兼具關聯式資料庫與NoSQL優點[轉載自iThome]

關鍵字：Cloud Spanner、NoSQL

釋出兼具傳統關聯式資料與NoSQL優點的雲端關聯式資料庫產品Cloud Spanner，希望吸引現有開源資料庫的企業客戶將關鍵應用搬上雲端

+觀看詳細內容

手機版網站與 RWD 網站有什麼差別？我該如何選擇？[轉載自夏木樂]

關鍵字：常見問題、網站維護、網頁設計、RWD、mobile

隨著近年來移動裝置越來越流行，我們有必要說明一下，一般網站是如何在小型裝置展示，以及如何適應多重螢幕的。目前主流的兩種方案，分別是「手機版網站」與「RWD 設計」，我們會針對這兩種方案做簡單的說明，讓您了解該如何選擇。

+觀看詳細內容

已有超過10萬個未更新的WordPress網站遭受攻擊[轉載自IThome]

關鍵字：WordPress

WordPress在1月下旬釋出更新修補了3個漏洞，但實際上WordPress還修補了另一個漏洞，直到更新釋出後一周才公開此一新漏洞，資安業者Sucuri指出新漏洞公開後已出現攻擊程式，以Google搜尋檢視，至少已有10萬個WordPress網站遭攻擊。

+觀看詳細內容

【設計人不可不知】2017 年十大設計趨勢預測，你猜中了幾個？[轉載自科技橘報]

關鍵字：設計、趨勢、微互動

現在即未來：2017 年十大設計趨勢預測
設計行業瞬息萬變，時刻跟上潮流並與時俱進變得至為重要。也許你不是隨波逐流的人，但對設計師而言，了解行業當下的轉變未嘗不是一件好事。趁著 2017 年之初，我歸納了今年十個最重要的設計趨勢：
1.簡約設計的演化
2.更多的微互動
3.影片為王
4.豐富的顏色和誇張的字體排版
5.定制插圖
6.網站的長滾動和視差技術
7.卡片將仍然重要
8.接口介面的興起
9.擴張 / 虛擬實境
10.原型製作的爆炸性增長

+觀看詳細內容

TIOBE 2016 年程式語言流行榜[轉載自INSIDE]

關鍵字：程式語言、Java、Go、SQL

程式語言人氣指標 TIOBE 透過整理 Google、MSN、Yahoo、百度、維基百科和 YouTube 等大型網站中，程式語言相關的搜尋結果，每個月排出最受熱門程式語言，並於今年 1 月公佈了 2016 年最受歡迎的程式語言。

+觀看詳細內容

壓圖速度快百倍！Google 新壓縮演算法 RAISR 最多可節省 75% 頻寬[轉載自INSIDE]

關鍵字：RAISR、google、照片、載入失敗、速度、頻寬、圖片、解析度、失真、壓縮

相信每個人都會遇到這種煩惱：滑到好看的照片時，就會想要點進去看大圖，但載入大圖又很費時，而且還經常會載入失敗。

不過，Google 在去年 11 月份公佈的一項叫 Rapid and Accurate Image Super-Resolution (RAISR) 的技術或許能成為更好的解方。

+觀看詳細內容

2017 年 6 大電商趨勢，把握這些重點明年就是你發展的大平台！[轉載自科技橘報]

關鍵字：電商、行動裝置、人工智慧、聊天機器人

多項電商相關技術與趨勢在2016年蓬勃發展，也帶起了另一波的新風潮，2017年馬上來到，企業應該好好審視這些最新的趨勢；Smart Insights 中專職數位行銷專家 Robert Allen 便根據了電子商務到現今2016年的發展，進行分析及預測。

+觀看詳細內容

私人用 Git Server --GitLab[轉載自GitLab]

關鍵字：Git Server，GitLab，版本控制

當開發專案逐漸成長，系統規模逐漸增大，版本控制對於開發人員而言成了必須的技能，早期大家都使用SVN來控制，但隨著整體Open Sourcer 逐漸轉向採用 Git 來做為主要的版本控制工具，GitHub也跟著水漲船高成為了開發人員的首選 Git Server，但對於企業內部的專案來說 GitHub對於安全性的控管是否足夠，則使得大家多有疑慮，這時於企業內部採用GitLab也許是一個不錯的選擇

GitLab是一個利用Ruby on Rails開發的開源應用程式，實作出企業內部可自行管
理的的Git專案倉庫，通過Web介面進行存取公開的或者私人專案。

+觀看詳細內容

2017年網頁設計流行趨勢 [轉載於翻轉行銷]

關鍵字：網站設計、網路行銷、網站企劃、數位趨勢

UI可以說是企業數位形象的門面，也是能留住和吸引顧客的關鍵，隨著移動裝置和新技術的興起，UI設計每年都在推陳出新，繼扁平化、微互動及卡片式設計之後，2017年又會有什麼樣新穎的設計手法呢？我們根據目前所知的設計風格加上網路資訊的彙整，整理出15項2017年可能流行的設計趨勢以供參考。

+觀看詳細內容

[轉貼] WWDC：所有iOS App及網頁通訊年底將強制加密

關鍵字：ios、https

蘋果宣佈，在2017年1月1日以前，所有在其App Store上架的應用程式，都必須啟動應用程式傳輸安全（App Transport Security，ATS）安全通訊技術。

+觀看詳細內容

PHPMailer 安全性問題對 CMS 的影響[轉載自iThome]

關鍵字：PHPMailer

The Hacker News 報導 PHPMailer 出現遠端執行程式碼的漏洞，可以透過不乾淨的寄件者 Email 位置攻擊，植入遠端程式碼，三個主流的 CMS 系統包含 Drupal、Joomla、WordPress，都可能受到此弱點影響

+觀看詳細內容

這一天終於來了：Chrome 更新正式封殺 Flash，全面預設 HTML5[轉載自INSIDE]

關鍵字：Chrome封殺、flash、HTML 5、Animate

Google 在官方部落格 發表文章 稱：從 9 月份開始，Chrome 53 將會阻止 Flash 在網頁背景載入的行為；而到了 12 月，Chrome 將把 HTML 5 作為 Chrome 瀏覽器的預設選項

+觀看詳細內容

回顧2016，我是否能以資深工程師自稱[轉載自INSIDE]

關鍵字：資深工程師、code review、程式碼、精準判斷、技術維護

身為工程師應具備的特質與能力，從這些項目中檢查自己是否缺少了哪些能力並加強、學習，相信就算還不敢以資深工程師自稱，至少也能說自己一名好的工程師。

1.對工具技術有深入的掌握度
2.能寫出可理解可維護的程式碼
3.選擇技術的能力
4.軟體架構分析與設計能力
5.圖像解說能力
6.能綜觀全局的能力
7.嘗試導入對團隊更好的流程
8.心理素質層面
9.不斷地自我提升
10.臨危不亂
11.樂於分享所知
12.溝通受人敬重
13.勇於認錯、自我反省

+觀看詳細內容

台灣觀察員：支付寶統一台灣，一步一步來[轉載自報橘]

關鍵字：支付寶、第三方支付

目前台灣約有7兆多台幣流通，實體通路仍有75%依賴現金交易，即使捷運悠遊卡能使用的地方愈來愈廣，可以在便利商店使用，但是仍受限5000元的儲值上限，此外，身為小資階級的象徵——信用卡，雖然也被廣泛使用在百貨公司、大賣場等通路上，但是數張卡在身的繁複卻讓人更加苦惱。在作為電子錢包的手機支付業務上，台灣的金融業受限於主管機關「金管會」的監理，發展始終徐徐牛步，直到2015年金管會開放「金融3.0」的業務後，金融業才從洪荒時代，走向與世界接軌的電子時代。遙遠的夢。

+觀看詳細內容

電商周年慶的可怕魔咒，三步驟用廣告 cue 表預防網站掛點[轉載自INSIDE]

關鍵字：電商、電子商務、周年慶、活動、營收、績效、媒體、採購、設計、人力、廣告、網路、規格、素材

每年接近年底，從事電商最期待的就是周年慶活動的營收績效，優秀的營收績效背後，往往需要付出許多的代價如：媒體採購、設計人力、廣告代操，這些成本的背後其實要做好更多的準備，才能讓這些付出在活動網站上化為收入，而不是因為沒有做好準備造成網站掛點、消費者看不見網站就轉跳別家電商購物還順便跟朋友說某某電商網站很爛都進不去，不僅浪費了活動預算，甚至賠上品牌商譽這樣慘痛的代價。

+觀看詳細內容

[轉載]Raspberry Pi 的基礎 - 34 套作業系統任你選之 2017 威力加強版

關鍵字：Raspberry Pi、Android、物聯網

相信有在關注物聯網的朋友一定聽過Raspberry Pi(樹梅派)，經過了2016年一年，用有許多新的作業系統也投入他的懷抱中，甚至連原生支援的Android都有囉~

+觀看詳細內容

人類被取代！IDC：2019年3成企業會指派機器人當主管[轉載自數位時代]

關鍵字：機器人、人工智慧、IDC

機器人取代人類工作並非危言聳聽，且時間已經相當接近。根據科技市調機構IDC的預測，到了2019年，物流、健康照護、公共事業等領域的領導企業，將有35%會試著以機器人讓日常營運變得自動化。

IDC 6日發表研究報告對全球機器人產業提出十大預測（見此），指稱人工智慧(AI)、電腦視覺(computer vision)、導航系統、MEMS感測器以及半導體的科技日新月異，工業和服務型機器人的能力、表現、自動化以及使用的容易度，也會持續創新。

IDC並預測，機器人將跨出傳統的製造廠房，在物流、健康照護、公共事業和資源開發產業快速發展。

+觀看詳細內容

【便利商店 2.0】亞馬遜開店「Amazon Go」，買東西拿了就走，趕上班不用排隊結帳！ [轉載於科技橘報]

關鍵字：電商、購物、網路行銷、APP、Amazon

作為世界電商巨頭，亞馬遜卻在不斷探索線下經營。去年，它開始在美國開設實體書店——但這不過是小打小鬧，亞馬遜還謀劃著徹底顛覆傳統超市。昨日，它在西雅圖開張了一家革命性的線下便利店——Amazon Go。看起來，這才是線下零售業的未來。

+觀看詳細內容

[轉貼] 如何在 iOS Apps 創建展開式 UITableView

關鍵字：ios、APP、UITableView

幾乎所有的 App 都會以導航的方式向用戶展示多個 View Controller。這些 View Controller 分別擔任不同的職責，比如在屏幕上簡單顯示一些信息，或者從用戶輸入中收集複雜數據。針對 App 的不同功能設計新的 View Controller 是一件必不可少的任務，有時候甚至是一種頗為艱鉅的任務。但是，許多時候，通過展開式 UITableView，我們卻可以不用創建新的 View Controller 就能完成同樣的任務。

+觀看詳細內容

迷你自拍無人機問世 小到可以放進手機殼[轉載於新唐人]

關鍵字：自拍、無人機、空中、袖珍、迷你、空拍機、2017、AirSelfie

義大利初創公司AirSelfie推出一款同名的袖珍型自拍無人機，可放置在手機殼中隨身攜帶。它能飛到空中對著特定的人物或目標拍攝照片或影片，使用者再也不用擔心手太短或自拍器不夠長而拍不到想拍的畫面。

+觀看詳細內容

PHP 呼叫 R 整合教學，線上資料分析與繪圖工具開發[轉載自GTW]

關鍵字：php、R語言、分析

這裡介紹如何在 PHP 的程式中呼叫 R 語言進行各式的統計分析語資料繪圖，並將結果顯示於網頁之中。

PHP 是現今很熱門的程式語言之一，有非常多的網頁應用程式都是使用 PHP 來開發的（例如 WordPress 等），而 R 語言則是一種功能強大的統計分析工具，拜大資料的風潮所賜，目前 R 語言已經是資料科學領域最熱門的分析工具。

+觀看詳細內容

幫MySQL加上安全傳輸 走SSL連線資料庫才放心[轉載自網管人]

關鍵字：SSL連線資料庫

透過網路存取資料庫主機時，若沒有經過特別保護處理，重要資料很可能被中途截取，若改用SSL安全傳輸的方式來連結資料庫，將能有效地避免在傳輸過程中發生資料外洩的事故。

+觀看詳細內容

中小企業求轉型?　Google：趕快擁抱行動網路[轉載自今日新聞]

關鍵字：網路趨勢、網路行銷 google

經濟不景氣，大家都在思考如何突破困境，或許從行動、網路可以找到一些機會。Google將於17日在香港舉辦大中華區年度活動，探討大中華區「行動第一」的趨勢和成長，活動前夕特別公布近幾年來觀察到的網路行銷趨勢及消費者行為洞察，以資有意進攻網路的中小企業作為參考。

Google大中華區行銷協理尹明詩剖析，台灣97%的產業結構為中小企業，多年來透過出口貿易成功開拓國際市場。這半年來，外需力道轉弱、台灣出口連續6個月衰退，更間接造成經濟成長率(GDP)下修，促使台灣中小企業加速思考轉型。不只台灣整體經濟成長衰退，鄰近台灣的香港、大陸同樣也面臨類似的挑戰。

+觀看詳細內容

台灣消費者愛用手機逛網購網站，但偏好用 PC結帳【轉載自 哈燒王Hot3c】

關鍵字：電子商務、網路行銷

Appier 公佈 2016上半年台灣跨螢使用者行為報告，從Appier內部一兆筆、橫跨亞洲十一個市場的數據，剖析潛藏在台灣與亞洲消費者跨螢使用行為中的洞察。報告發現，亞洲各國正全力加速邁向多螢世代，而台灣成熟的跨螢使用態勢已讓它躍升成為亞洲前三大市場，另外有四成五(45%)使用者擁有四個以上裝置，相當於每兩個台灣多螢使用者就有一人使用四個裝置，大幅超越亞洲的31%平均佔比。隨著四螢時代來臨，如何串連起消費者在不同螢幕上的跨螢足跡已成為行銷人員最大的挑戰。

+觀看詳細內容

使用視頻作為網頁背景的技術探討[轉載自WEB駭客]

關鍵字：video、HTML、背景

使用視頻作為網頁背景是件很酷的事情，但也是件困難的事情。CSS裡background-image屬性只能使用圖片、SVG、顏色或漸變色。但從技術講，我們是可以偽造出一種效果，讓視頻以背景的角色出現在其它HTML元素後面。這其中的難點是視頻要填充整個瀏覽器頁面，而且要響應瀏覽器窗口大小的變化。

+觀看詳細內容

資安公司：美國物聯網 DDoS 大軍已在黑市兜售[轉載自INSIDE]

關鍵字：資安、DDoS、物聯、攻擊事件、黑市、DNS、殭屍網路、流量、殭屍、裝置

你還記得上週五的 DDoS 物聯攻擊事件 嗎？現在有更糟的消息傳出。物聯網攻擊的資訊已經在黑市上兜售，未來攻擊可能會更頻繁。

+觀看詳細內容

Google AI會自己創造加密法，避免「他人」刺探[轉載自iThome]

關鍵字：google、加密演算法

Google研究人員指出，神經網路一般並不擅長加密，經常連最基本的加密演算法都無法計算，然而本項實驗中卻顯示它們在未被教導任何演算法情況下，經由學習發現特定加、解密的方法，進而達到訊息保密的目的。

+觀看詳細內容

Facebook推出電商新服務　預約、訂餐、購物一鍵搞定[轉載於電子商務時報]

關鍵字：電商、購物、預約、網路行銷、Facebook

於美國時間19日公佈推出新電子商務功能，用戶不僅可透過粉絲專頁訂購餐點、購買票劵、預約活動、索取報價和時間表等服務外，還可新增「推薦」功能。當用戶的朋友請求推薦時，用戶可直接在回覆上嵌入粉絲專頁頁面並發佈推薦到地圖上，使徵求推薦的人可直接查看。

+觀看詳細內容

[轉貼] 活久见的重构 - iOS 10 UserNotifications 框架解析

關鍵字：ios、https、App Transport Security.ATS

iOS 10 中以前雜亂的和通知相關的 API 都被統一了，現在開發者可以使用獨立的 UserNotifications.framework 來集中管理和使用 iOS 系統中通知的功能。在此基礎上，Apple 還增加了撤回單條通知，更新已展示通知，中途修改通知內容，在通知中展示圖片視頻，自訂通知 UI 等一系列新功能，非常強大。

對於開發者來說，相較於之前版本，iOS 10 提供了一套非常易用的通知處理介面，是 SDK 的一次重大重構。而之前的絕大部分通知相關 API 都已經被標為棄用 (deprecated)。

+觀看詳細內容

比NPM更快！Facebook開源JavaScript套件管理工具YARN[轉載於數位時代]

關鍵字：avaScript、YARN、NPM

Facebook於12日開源JavaScript套件管理工具Yarn，稱比現在最熱門的JavaScript套件管理工具NPM（Node Package Manager）更快、更可靠且安全。推出不到3天，Github上的星星（star）數就超過NPM。

+觀看詳細內容

Facebook API拿不到使用者email？[轉載於轉個彎日誌]

關鍵字：facebook API email

許多網站實作會員系統時，會開發「用facebook登入」功能，或是註冊過程中套入facebook資料、減少使用者註冊的麻煩。

開發人員通常會覺得，至少拿得到email，對吧？
其實不然。就算使用者同意授權還是可能拿不到。

+觀看詳細內容

前端工程師和「切版的」有什麼不同?[轉載於暗月之鏡]

關鍵字：前端工程師、切版

以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。也就包括視覺的呈現、流程、HTML、CSS、JS等的運用以及所謂的使用者體驗(UE)、、使用者介面(UI)、可使性(UX-usability)等等，其實包山包海，範圍可大可小。

當個能把版切好的前端，是基本。
當個能把前端做好的前端，是一種挑戰。

+觀看詳細內容

iOS 10新功能全記錄【轉載自 數位時代】

關鍵字：Apple、iOS 10

等了三個月，蘋果終於向所有用戶推送了iOS 10系統正式版。與以往一樣，AppSo第一時間為大家準備好了新系統評測。iOS 10有什麼新功能，值不值得升級？看看AppSo為你梳理的這些新功能就知道了。文章最後部分有大量我們發現的iOS 10細節功能，非常實用。
本文測試機型為iPhone 6s Plus。

+觀看詳細內容

HTML5 Canvas 不需要繪圖的插件就能直接在網頁上畫圖！[轉載於firefox謀智台客]

關鍵字：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

+觀看詳細內容

CSS3選擇器「:nth-child()」與「:nth-of-type()」用法大不同[轉載自梅問題教學網]

關鍵字：CSS、CSS3、網頁設計、nth-child、nth-of-type

雖然說目前CSS3還沒正式的標準化，但新的屬性已為網頁帶來許多的便利，像是大家所熟悉的圓角框、陰影、漸層、多欄位....，甚至目前正夯的RWD自適應，這些都是需要使用到CSS3，除此之外CSS3還提供了許多的選擇器可使用，如此一來就可大量的減少一些類別的設定，直接透過HTML的標籤就可直接進行選擇與樣式的設定，雖然說很方便，但在CSS3有二個選擇器長的很像nth-child與nth-of-type，在正常情況下，二個用起來很像，但若HTML的結構改變時，二個就大不同啦!!!因此梅干作了一個小範例，來幫大家解惑，這二個屬性的最大差別什麼地方。

+觀看詳細內容

微軟IE 11將開始封鎖舊版Flash[轉載於iThome]

關鍵字：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等系統。

+觀看詳細內容

智慧手機虛擬實境裝置需求 預估2020年將下滑[轉載於聯合影音]

關鍵字：虛擬實境、智慧手機、整合顯示器

IHS Markit今天表示，2016年全球智慧手機虛擬實境裝置(Smartphone Adaptor Headsets)出貨量為643萬套，預計到2020年，全球智慧手機虛擬實境裝置的出貨量降下滑至375萬套，需求成長率將衰退41.6%。

造成全球智慧手機虛擬實境裝置需求下滑的原因，主要是歸因於缺乏精細頭部追蹤功能，智慧手機虛擬實境裝置將淪為單純個人用的廣視角(Wide Field of View)顯示裝置。

+觀看詳細內容

Redis 執行於記憶體的NoSQL[轉載於redis]

關鍵字：Redis、NoSQL

Redis 是開源且先進的鍵值對儲存庫。由於它可用的鍵包含了字串、雜湊、列表、集合和有序集合，因此常被稱作資料結構伺服器

+觀看詳細內容

Google搜尋將改變演算法！自動跳出蓋版或插頁廣告的網站恐喪失優先排序[轉載於數位時代]

關鍵字：google搜尋、google、網站設計

擁有自動插頁跳出廣告的網站要小心了，根據Google最新聲明，他們即將改變搜尋演算法，將自動跳出插頁廣告網站的搜尋排序降低。

+觀看詳細內容

24 歲的程式開發者之路：從創造自己的世界到跟社群分享[轉載於INSIDE]

關鍵字：工程師、心得、開發

年初發現今年農曆生肖是自己的生肖時，感到一陣恐慌 — — 什麼，今年要滿 24 歲了嗎！之前朋友和我聊相似的感觸，才用冷淡的態度回應過，結果自己遇到時才真的懂那種恐慌感。

目前為止，做了好幾個開放原始碼專案、講了更多場大大小小的分享、包含一場 TEDx、百餘小時的課程，上個禮拜還剛完成在五個國家演講過的紀錄，說起來也還是比上不足、比下有餘。決定將這 24 年整理一下，下個逗號後繼續前進！

+觀看詳細內容

[轉貼]蘋果要求所以 iOS 應用在年底前默認使用 HTTPS 連接

關鍵字：ios、https、App Transport Security、ATS

在蘋果 全球開發者大會（WWDC）的一場安全演示會上，該公司公布了一個最後期限——2017 年 1 月 1 日——即 App Store 當中的所有應用必須在這個日期之前啟用一項名為 App Transport Security 的重要安全功能。

App Transport Security，簡稱 ATS，是蘋果在 iOS 9 當中首次推出的一項安全功能。在啟用 ATS 之後，它會強制應用通過 HTTPS（而不是 HTTP）連接網絡服務，這能夠通過加密來保障用戶數據安全。

+觀看詳細內容

虛擬實境體驗當道，設計師需要知道的 VR 互動方式[轉載於設計大舌頭]

關鍵字：ui/ux、虛擬實境、virtual reality

VR (虛擬實境 Virtual Reality) 與 AR (擴增實境 Augmented Reality) 發展已久，但近期的應用與風潮才逐漸發燒，其互動設計也未定型，本文帶來現今多款 VR 的互動方式，對於即將或已經著手設計的 VR 設計師應該有所幫助。

AR 在互動設計發展史是一個重要的里程碑，發展中每一項里程碑都源自技術和人性的碰撞。從最初的紙帶打孔，發展到鍵盤與滑鼠，及現在進行式的觸控、語音識別，及已經成熟的 3D 手勢、眼動識別等。

甚至，未來還會實現腦波控制與意念識別。每一次的技術革新及產品升級，都會帶來人機互動方式的變化。但不管怎麼樣，最核心的還是要符合人體的自然動作，讓人們以最舒適的方式獲取資訊。

+觀看詳細內容

Google雲端資料庫服務Cloud SQL、Cloud Bigtable和Cloud Datastore正式上市[轉載自iThome]

關鍵字：Cloud SQL、Cloud Bigtable、Cloud Datastore

Google推出旗下雲端資料庫服務Cloud SQL、Cloud Bigtable和Cloud Datastore 正式版（GA），同時也加強了Google Compute Engine的效能和安全性，而GoogleCompute Engine支援微軟SQL Server映像檔的部分則仍在測試階段

+觀看詳細內容

2015 年的 4 個 Web 技術趨勢[轉載於蓋索林 每天進步1%]

關鍵字：web技術

要預測未來不容易，但根據已經發生的一些蛛絲馬跡，來推測看看一年半載內可能會發生什麼，還是勉力可以為之。

1. Javascript 語法的改進

2. DOM 的改進

3. HTTPS 大量被採用

4. 預編譯網站

+觀看詳細內容

臉書釋出新的影片統計工具，追蹤用戶觀看行為[轉載自iThome]

關鍵字：影片統計工具、臉書、追蹤

新的影片分析工具可以讓內容製作者瞭解觀看者的性別等人口特徵，例如觀看者人數、年齡、性別、地理位置，甚至看到觀眾何時發表論、發表回應、分享影片，讓內容業者能將觀眾反應納入未來內容製作的參考。

+觀看詳細內容

如何讓公司的平面設計師交出可以用的 Web 圖？[轉載自嫁給RD的UI Designer]

關鍵字：網頁設計、設計、web、HTML、RWD、UI

在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？

問了這幾位 F2E 他們用什麼軟體切圖，答案是 Illustrator ，聽到的當下就覺得不妙。我非常不支持拿 Illustrator 做任何給螢幕用的檔案，切圖不便、對 PX 的支援度也很差，Illustrator 是印刷用軟體。當公司只給你平面設計師、沒有 UI 的時候，所有 Mockup 都出自平面設計手中，F2E 要如何自力救濟？

+觀看詳細內容

雅虎奇摩求獨立，積極尋找買家中【轉載自 財經新報】

關鍵字：yahoo、網路

流量觀測機構 comScore 數據指出，最近一年雅虎奇摩台灣區到達率，維持在98% 高原，意指每 100 名台灣網友，有 98 名一個月之內去過雅虎奇摩一次，電腦用戶使用率幾近滿點，流量價值可觀。

只是長期寡佔台灣網路產業的雅虎奇摩，雖然是雅虎全球市場之中的模範生，但受制於雅虎執行長梅爾（Marissa Mayer）強勢的「全球服務一致化」策略，雅虎奇摩不僅結束台灣最大的部落格平台「無名小站」，對於適合本地市場的新服務，研發推展也綁手綁腳。

因此在這次原始股東出脫雅虎、力求變現，新東家對台灣業務了解不深的時刻，出現台灣雅虎奇摩獨立的絕佳機會。

+觀看詳細內容

Google如何打擊盜版，要讓盜版影片也能幫版權人賺錢[轉載於iThome]

關鍵字：關鍵字google盜版、版權、開發者帳號

Google主要祭出兩大手法，分別為切斷盜版網站的影片來源，和廣告等商業收益來源。如今全球都瘋Pokémon GO，Google 版權法務總監Fred von Lohmann指出，在Andriod上出現了許多盜版Pokémon GO的遊戲，也收到了版權擁有者要求刪除盜版，而Google會將侵權的遊戲下架，若開發者違規次數頻繁，Google就會封鎖此開發者的帳號。

+觀看詳細內容

保留Android手機證物，鑑識萃取LINE對話紀錄[轉載於網管人]

關鍵字：保留Android手機證物、Android、LINE

在台灣LINE的訊息傳遞使用率高達92%，因此也成為了歹徒宵小犯罪利用的途徑。本文即探討對於藉由LINE為犯罪媒介的各種犯罪手法，應該如何去防範，或是進一步去萃取手機所遺留之相關跡證，並完整地擷取、分析出能有力佐證非法企圖的數位證據。

+觀看詳細內容

用VR玩電商，淘寶啟動下一世代網路購物布局[轉載於數位時代]

關鍵字：電子商務、VR、購物網站

上網購物不稀奇，用VR購物可能更酷炫。淘寶造物節（22）日在上海世博展覽館開幕，活動亮點之一，就是首度開放消費者體驗「Buy+」－阿里巴巴旗下VR實驗室所開發出的虛擬實境購物技術。

+觀看詳細內容

新的格式檢查函示庫 Cleave.js[轉載自GitHub]

關鍵字：Cleave.js

Cleave.js 是一款用來基於Apache 2.0授權協議的HTML 格式檢查工具，如果你想知道更多資訊，可以看看Cleave.js支援哪些格式檢查喔!!!!

+觀看詳細內容

三個小重點提高 GDN (多媒體廣告聯播) 綜效[轉載於INSIDE]

關鍵字：GDN、多媒體廣告聯播、曝光、效果、廣告傳遞訊息、資訊

許多人都覺得 GDN (多媒體廣告聯播) 只是一個主打「大量曝光效果」的廣告模式，對於好好利用它帶出更具體實質的效益，現在還很少人分享。這篇來與大家談談素材設計，讓我們放眼思考 GDN 的特性，其實就能得出三個小重點，好好探究一番，既不浪費你的設計師人才、產出多款能提高綜效的廣告素材，更重要是帶出好業績。

+觀看詳細內容

上網如龜爬嗎？最佳瀏覽器評比出爐[轉載自電腦王阿達]

關鍵字：瀏覽器、Chrome、firefox、Opera、Microsoft Edge、Internet Explorer

覺得自己的上網速度很慢嗎？覺得瀏覽器開個網頁就像烏龜一樣嗎？搞不清楚哪個瀏覽器最好用嗎？現在就有國外網站，一次實測Chrome、FireFox、Opera、Microsoft Edge與Internet Explorer 11進行了詳細的效能評比，來看看誰是最佳的瀏覽器吧。

+觀看詳細內容

在敏捷開發中導入安全開發流程：工具和常見的阻礙[轉載於iThome]

關鍵字：安全開發、資安專家荒、資訊安全

為了維持產品的安全與開發時程，在敏捷開發中的各個階段，都應該包含適合的資訊安全產品或解決方案，好讓各開發階段的關係人，在各自負責的工作，都能維持產品的資訊安全

+觀看詳細內容

Swift 新手指南：為 iOS Apps 添加推送通知（Push Notifications）[轉載於APPCODA]

關鍵字：Swift、Push Notifications、推播、ios、APPs

從一個提供者發送一條消息到一個或多個設備，需要使用一個強制的通道。那就是蘋果推送通知服務器，或APN 服務器。由這些服務器將推送通知按指定路線發送到正確的設備，在提供者提交後幾秒，這些消息就會被送達。簡而言之，遠程通知的生命週期可以簡化為：
提供者 >> APN 服務器 >> 目標設備

+觀看詳細內容

2016設計趨勢，設計師必看！(轉載自壹讀)

關鍵字：2016、設計

設計趨勢是一個永不終結的話題，對於2016我們整理了一些可以預見的視覺設計趨勢，相信對廣大APP的產品設計師能夠帶來成長和幫助，本次主要針對視覺設計趨勢做了總結。廢話不多說，接下來讓我們看看哪些設計趨勢可以制霸2016。掌握趨勢！先人一步！

+觀看詳細內容

WWDC 16 – 設計人應該知道的幾件事[轉載於設計大舌頭]

關鍵字：Apple、UI、UX、APP、WWDC

Apple 在年中舉行的 WWDC （世界開發者大會），除了將未來一年軟體更新的做重點介紹外，還有一整週的論壇及 workshop。而每一場論壇的結束後，都會上傳到 Apple 的官方網站上供大家觀看。
我們從今年度（2016）的設計類論壇中挑選幾項有趣的主題，整理後以圖文的方式分享給大家。如果你正有開發的項目，準備進軍全球，這些重點可對產品的設計與推廣上有所價值；而一般的開發者、使用者經驗分析師、介面設計師們，也能在論壇的重點中得到更多的知識。

+觀看詳細內容

掌握 5 個基本概念，讓你寫出好 Code【轉載自 Inside 硬塞的網路趨勢觀察】

關鍵字：程式設計、工作技巧、程式碼撰寫技巧

Bug 少、表現好、易於更改。好的程式碼影響深遠，而且大概是大家公認高效率開發者背後的重要因素之一。儘管如此，新手還是很難理解什麼是好的程式碼，大部分的相關文章會有整理很多沒有前後因果的小秘訣，但新手開發者怎麼可能全部背起來？比如說，光是這本程式領域的經典《軟體建構之道》（Code Complete），就有 960 頁這麼厚。

我相信能建立一種心態架構，是能超越任何語言和函式庫，讓人一開始就能產生好的程式碼。這裡提出 5 點概念，記住這些原則，寫出好的程式碼將非難事。

+觀看詳細內容

Windows手機終於加入行動支付行列[轉載於IThome]

關鍵字：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八大必知簡報設計元素(轉載於科技報橘)

關鍵字：2016、設計

我想你會同意；簡報的設計必須和你的提案一致，是創新且符合趨勢的。

這篇所要介紹的是將活躍於 2016 年和未來幾年的簡報設計元素。其中歸納出的簡報設計元素將幫助你有效地傳遞訊息給客戶和觀眾們。

+觀看詳細內容

WWDC：所有iOS App及網頁通訊年底將強制加密[轉載於iThome]

關鍵字：ios、APP、ATS

蘋果在WWDC上宣佈2017年1月1日以前，App Store上的app都必需使用ATS安全通訊技術，使app及網頁通訊以HTTPS加密連線。

+觀看詳細內容

Google IO 2016，Google 隆重推出 ConstraintLayout

關鍵字：Android、ConstraintLayout、約束

iPhone6推出以後，Apple為了讓開發者能夠快速的對應各種不同的螢幕尺寸，大力
推薦使用AutoLayout，在XCode上拖拽组 件，設定约束(Constraint)，一個界面就基本完成了，反觀Android開發者這一邊就可憐多了，一邊看著設計稿，一邊心裡OS.....(這一邊用LinearLayout，這裡用RelativeLayout，這裡面再崁一層Layout，然後再放 RelativeLayout)，往往一個小小的界面設計，就讓你頭痛不已

+觀看詳細內容

Flash 掰掰！Google 計劃年底將 HTML5 作為 Chrome 播放預設[轉載於數位時代]

關鍵字：HTML5、google、flash、Chrome

曾經為非常紅的Flash,，最近因安全漏洞等問題，漸漸的讓各大平台都不再預設使用，Google也於近期宣佈，Chrome將以HTML5來取代Flash為多媒體播放的預設播放設定，但還是會保留常用網站的可主動執行Flash，雖然Flash已不是預設啟用，若網站內含Flash會跳出提示框訊息詢問是否同意啟用，如果允許，還是可以播放Flash，依照這趨勢來看，目前已有許多新建立網站已不再使用Flash為主要設計工具，而是逐漸以HTML5來設計網站了。

+觀看詳細內容

[轉載] 前端工程的極致精品： AngularJS 開發框架介紹

關鍵字：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 的領域一樣，不過，不管別人用不用，我是用定了！

+觀看詳細內容

2016 年已快過一半，你已經運用這 6 個最潮的網頁設計趨勢了嗎？

關鍵字：幽靈按鈕、背景大圖趨少、物質設計、微互動、互動圖表、全螢幕影片、web

2016 年已經過了快一半，網頁設計趨勢來來去去，有些落伍的風格已被刨除，實驗性的做法不斷冒出。唯一可以肯定的，是返璞歸真，還原基本，割捨一切不必要的功能。過去資訊零星散落雜亂無章的頁面的時代已經逝去，簡約與使用者介面取而代之。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前，最受歡迎的六個網頁設計趨勢。

+觀看詳細內容

標準網址使用教學，讓 Google 搜尋呈現正確的網站

關鍵字：標準網址、google、canonical link、網頁設計、程式設計

介紹如何設定標準網址（canonical link），讓自己網站可以在 Google 搜尋結果上呈現正確的網址，達到搜尋引擎最佳化的效果。在一個網站中使用不同的網址來呈現同一個頁面的內容是很常見的情況，舉例來說，有些網頁會有閱讀用與列印用兩種網址，這樣的設計可以讓使用者更便利。

+觀看詳細內容

我要成為前端工程師！給 JavaScript 新手的建議與學習資源整理

關鍵字：JavaScript、程式設計、專案開發流程、活動網站設計

今年有越來越多企業開始跟我們接洽企業內訓的事，想請我幫他們培訓前端工程師，但你知道一個好的前端工程師絕對不是兩三個月可以養成的，需要多年的努力與磨練才會有點成績。而這幾年可謂前端正夯，有為數不少的人開始大規模的往前端開發移動，而我被問到最多的問題就是「請問 JavaScript 要怎麼學？」或「請問 JavaScript 該怎樣入門？」諸如此類的問題。大家都知道，對於一門程式技術來說，「會寫」與「會教」是兩個截然不同的領域，會寫 JavaScript 的人到處都是，但是會教的人就相對少很多了。我這幾年教授 JavaScript 開發實戰課程已經超過 15 梯次，在將近 500 位學員裡面，我所看到的大部分學員都是JavaScript 不勝理解，普遍處於一種一知半解、模糊不清的狀態。另一方面，我在公司內部也帶過不少工程師，總是有人會想學習 JavaScript 但不知道如何入門的情況，這讓我陷入深思，該如何幫助一個人學習 JavaScript 從入門到精通呢？本篇文章將說說我個人的一些想法與建議。

+觀看詳細內容

CSS3 實現奔跑動畫

關鍵字：CSS3、動畫、CSS3網頁設計、活動網站設計

最近在考慮用DOM 實現2D 遊戲基本動作，其中需要實現精靈（sprite）的行走，跳躍等動作，因為Canvas 才剛開始學習，於是便想用CSS3 來實現這個動作。作為2D 遊戲，要響應鍵盤的動作就肯定不能直接使用Gif 圖了，於是在Photoshop 中打開這張圖，提取出所有幀。扣去背景以後拼接成雪碧圖，然後利用CSS3的keyframes自定義動畫。

+觀看詳細內容

Apple 加速應用商店審核過程，六月起 iOS 第三方應用必須支援 IPv6 網路

關鍵字：ios、IPHONE、專案開發流程

Apple 加速應用商店審核過程，平均時間由九天下降為兩天：
審核週期過長一直是 App Store中的一個嚴重問題，不過這也讓開發者們對於 iOS app 的提交更加謹慎。
最近，開發者發現 Apple 明顯加快了應用審核的速度，之前對於一個應用的審核一般需要一周還多，而現在在提交第二天就能得到結果。這被認為是 Apple 希望開發者忠於平臺，並且能以更快速度遞交應用的重要措施。
6 月 1 日起所有提交的 app 都需要支援 IPv6 網路：IPv4 位址告罄已是事實，Apple 又一次走在了推動新標準的前列。
Apple 規定從下個月初開始，開發者所提交的應用必須能夠支援只有 IPv6 的網路條件。
如果你用了一些底層級網路相關 API，就可能要進行額外的修改才能完全支持 IPv6。
Apple 在這裏給出了適配 IPv6 的指南，如果你有更改的需求，可以按照這份說明進行調整。

+觀看詳細內容

Google AMP 專案納入行動搜尋結果，網頁載入更快、更省流量【轉載自 科技新報】

關鍵字：網頁設計、程式設計、AMP、專案開發

行動裝置規格與效能逐年進步，使 Apps 的執行速度越來越快，但卻因為行動網路的下載速度產生落差，使得用戶在瀏覽行動網頁時，仍有不夠快的感受。Google的AMP 專案就是欲使用戶瀏覽行動網頁的體驗獲得提升，不再有速度落差。

+觀看詳細內容

APP設計新趨勢：參考微互動原則，讓使用者一試就成主顧

關鍵字：使用者介面、使用者體驗、UI、UX、APP設計、網頁設計、專案開發流程

也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈，有這樣條件的 app 可能還是無法鶴立雞群，還需要更多能連結使用者感受的元素。

+觀看詳細內容

ImageMagick內含可遠端執行程式的重大安全漏洞

關鍵字：ImageMagick、網頁設計、程式設計

研究人員指出該漏洞只要是允許使用者上傳圖像的網站都會受到影響，駭客可上傳惡意圖像迫使伺服器執行任意程式。包括PHP的imagick、Ruby的rmagick與paperclip或nodejs的imagemagick，使用了ImageMagick或受影響函式庫都會受到漏洞的波及。

+觀看詳細內容

「大數據」行銷正夯！ RTB廣告跨境成新亮點

關鍵字：大數據、RTB、網頁設計公司、專案開發

隨著網路時代的來臨，數位行銷已儼然成為市場上的「顯學」，其中，RTB(線上即時競價)近來更成為台灣數位廣告產業最熱門的話題，也是廣告代理商、入口網站、媒體採購到行銷人員關注的焦點，最近也有業者推出了可進行跨境投放的即時競價RTB數位廣告系統，可望打破市場上長期由代理商把持的扭曲生態。

+觀看詳細內容

Google與物聯網

關鍵字：物聯網、Beacon、EddyStone、程式設計專案開發

隨著各種低耗電電子設備的逐漸面市，物聯網的基礎建設逐漸完備，而各家軟體大
廠也開始磨刀霍霍，希望能夠藉由主導軟體的規格來主導整體的市場

對此Apple最早推出了iBeacon，隨後Google也推出各種物聯網的各種溝通規格，不
同於Apple的iBeacon希望藉由一封閉式的規格來獨享整體市場，Google則將所有的規格採取Open Source的方式來推廣，Google的規格主要有以下:

+觀看詳細內容

粉絲團辦活動要求回覆、標記好友，Facebook 認定違規[轉載於硬是要學]

關鍵字：網路行銷、促銷活動、Facebook

不少粉絲團為了在辦活動的時候讓更多人看到，因此會要求粉絲參加活動的基本條件必須留言並標記好友，或者在動態時報公開分享粉絲團的貼文，但是 Facebook 粉絲專頁條款明訂禁止使用個人動態時報或交友圈來進行活動，也就是說標記好友與分享粉絲團貼文到自己塗鴉牆的方式會被 Facebook 認定為違反條款，最嚴重的後果當然就是強制關閉粉絲團，各位粉絲團管理員們，要辦活動千萬要注意了。

+觀看詳細內容

Google AMP 超快4倍速提升WordPress行動版網頁載入

關鍵字：web、優化、速度、技術、性能、AMP、WPO、行動裝置、Accelerated Mobile Pages

Google新技術再次來到，這回推出所謂的AMP網頁技術，全名稱為「Accelerated Mobile Pages」，一般簡稱為AMP。當你的網站使用後，網頁載入速度會更省流量、更快速，這個AMP專案主要是Google針對在行動裝置上(手機或平板)，搜尋結果點入後載入速度將會比傳統搜尋快4倍，流量卻不到過去的十分之一，同時也將優先出現於Top Stories的區塊。

+觀看詳細內容

查詢網址在 Facebook 被按讚、留言與分享的次數統計

關鍵字：Facebook、按讚抽獎活動網站、程式設計、網頁設計

facebook 是現在最熱門的社群平台之一，大部分的網站、部落格都會提供 facebook 的分享按鈕，希望訪客們幫忙分享在 facebook 上，增加網站的人氣與知名度，而站長們通常都會關注網站被按「讚」、留言與分享的次數，雖然 facebook 的按鈕上面有一個數字可以參考，不過這個數字是所有按「讚」、留言與分享次數的總和，以下我們介紹各種查詢 facebook 網址分享統計的方法，以及如何查看個別的統計值

+觀看詳細內容

使用PHPMailer線上發信通過驗證的SMTP

關鍵字：php、SMTP、PHPMailer、php程式設計、php程式專案開發

在 PHP 中可以使用 mail() 函式進行信件的發送，但是前提是您必須使用一個不用驗證即可寄信的 SMTP。如果您必須使用一個需要帳號、密碼來通過驗證的 SMTP，就不能使用 mail() 函式了。如果您不想再額外的安裝 PEAR 函式庫，建議您可以採用 opensource 的類別：phpMailer。

+觀看詳細內容

Javascript新時代學習建議

關鍵字：JavaScript、網頁設計範本、程式設計、網頁設計

首先，你要先了解Javascript這個程式語言的應用領域，每個程式語言都有它比較合適的應用領域，這也會涉及它的語言的內容與特性。也與它經常會被應用的地方有關，但這並非一個完全絕對的，只是"相對合適"，與它一開始被設計或創造出來的針對應用範圍有關。

+觀看詳細內容

SQL Server服務規則則修改，微軟希望開發者積極進行累積性更新

關鍵字：SQL Server、SQL、微軟

微軟大幅修改了SQL Server的支援策略。
過去，該策略基本上是“除非你有問題，否則等待服務套件”。即使已經有了可用的累積性更新（CU），微軟也是強烈建議不要使用，並給出類似下面這樣的警示資訊：
“該累積性套件只在解決且僅僅解決此內容描述的問題。它僅能用於這些特定問題的系統。”
“微軟現在已經提供了一個受支援的累積性更新套件。不過，僅僅解決這篇文章中描述的問題。”
這種思路的缺陷是，當該CU解決了一個影響他們伺服器的問題時，DBA和開發者經常不知道。他們工作在任何性能退化或意外停機都是由他們自己的設計所導致這樣一個假設之下，他們可能會等待數月，直到有一個服務套件可以輕鬆解決他們的問題。
來自微軟的最新建議是，使用持續地、積極主動地安裝可用的CU。

+觀看詳細內容

Google 新工具 - Resizer

關鍵字：網頁設計、Resizer

Resizer能讓使用者直接線上即時測試不同螢幕解析度，或者測試在行動裝置直立、橫式的顯示狀況，有了Resizer，設計師能夠輕鬆測量在不同螢幕大小時頁面所呈現的樣貌，更容易處理使用者介面出現的問題，能夠創造出更好的用戶體驗！

+觀看詳細內容

別再讓網友迷失在點擊中，2015 年十大網頁設計趨勢

關鍵字：網頁設計

2015 年的開端，網頁設計師準備好今年怎麼大展身手了嗎？網頁設計師與作家 Amber Leigh Turner 於 The Next Web 發文，整理了 2015 年網頁設計十大趨勢，幫助你快速進入狀況。

+觀看詳細內容

為什麼介面設計中，使用者的 個人頭像 大多是圓形的？

關鍵字：使用者介面、使用者體驗、個人圖像、個人頭像、UI、UX

大家有沒有覺得有越來越多的平台或 App ，喜歡使用 “圓形" 作為使用者的 “個人頭像" 形狀。該不會是近期的設計風潮？還是大部分介面設計師的愛好？或有其他特別的原因呢？大舌頭藉由歸納網路社群中專家的討論，以及問卷調查的結果分析，逐步 釐清這個秘密，內容精彩不要錯過喔 ~

+觀看詳細內容

網路行銷不是靠一個廣告就能搞定

關鍵字：網路行銷 電子商務 網路廣告 中小企業 行銷策略

隨著電子商務蓬勃發展，促使傳統產業、服務業眾多中小企業，紛紛跳出來加入電商戰局。透過電子商務預期帶來快速化、低成本、高效益幫助，讓企業找到更多客戶與訂單。因此近幾年來「網路行銷」這個詞更加火紅，而市面上不少行銷公司或廣告代理商更不斷宣揚「網路廣告」的效益，最後演變成「網路廣告」就等於「網路行銷」的刻板印象停留在中小企業主的腦海中，「只要投廣告」就會「有訂單」成為大家對於「網路行銷」的最終解讀。

事實上，「網路行銷」不只是單純的投遞廣告，而是一個從上到下透過網路媒體傳遞訊息的行為，因此從一開始的「行銷目標」如何設定就很重要，目標確定後需要採用何種「行銷策略」吸引消費者參與，最後則是大家非常愛的「廣告媒體」，藉由哪種「網路廣告」媒介傳遞「你的訊息」給消費者，促使消費者完成你的目標。

+觀看詳細內容

Flash 動畫的弱勢及缺點

關鍵字：flash、網頁設計、網頁設計公司、活動網站設計、抽獎活動網站

1. 製作成本高，經濟效益低落
2. 無法顯示在行動裝置及手機上
3. SEO 效果差，搜尋排名難以提升
4. 網站內容不易修改，維護困難

+觀看詳細內容

MIT發表可縮短34%網頁載入時間的Polaris軟體系統

關鍵字：Polaris軟體系統

傳統的網頁載入過程是這樣的，當使用者輸入網址時，瀏覽器並不知道網頁的長相，因此必須先存取伺服器上的各種物件，像是HTML檔案、JavaScript或圖片等，並評估如何將所取得的物件載入網頁。由於物件之間含有連動性，光是單一網頁上的物件連動就可能有上千筆，使得瀏覽器在載入物件時通常採用保守的排序，提高了瀏覽器與伺服器之間的往來次數，並拖慢網頁的載入。

Polaris則會自動追蹤物件之間的所有連動，並建立該網頁的相依圖（dependency graph），對瀏覽器來說，載入網頁的所有元件就好比造訪所有的城市，Polaris會在你展開旅程之前就列出所有城市的名單，因而可加快瀏覽器的網頁載入速度。

+觀看詳細內容

加速網頁的小技巧，採用Wro4j，Minify

關鍵字：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

+觀看詳細內容

行動支付還是麻煩？Google Hands Free 讓你空手結帳！[轉載於INSIDE硬塞的網路趨勢觀察]

關鍵字：ios、Android、APP、行動支付

微信支付和支付寶的出現讓人習慣了使用行動裝置進行支付，但這兩者要求我們的行動裝置必須處於聯網狀態；Apple Pay 等的出現進一步簡化了我們的支付方式，不需要聯網，只要有一個手機驗證指紋即可完成之後。但 Google 覺得拿出手機還是麻煩，想進一步對此進行改善。

+觀看詳細內容

UI、UX 傻傻分不清？11 張圖讓你秒懂！

關鍵字：UI、UX、UI Design、Usability design、User Experience Design

UI 與 UX 有什麼不同？Conversion Lab 整理了網路上常見的 UI 與 UX 差異圖，一圖勝千言，讓我們用這些圖來看一下 UI & UX 不同之處吧，已經了解差異的讀者也可以來數數看自己曾經看過的圖有幾張。

+觀看詳細內容

MySQL 那些你不知道的 系统信息函数

關鍵字：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。

+觀看詳細內容

學習 Flexbox 版面配置

關鍵字：CSS Flexbox

Flexbox 是 CSS3 裡一個比較特殊的版面設計模式。最初被設計出來的主要原因是為了提供更有效率的方式來完成傳統 CSS 無法輕易達成的效果 (例如垂直置中)。 Flexbox 適用於小區塊的版面使用，因此，整體版面結構還是建議用傳統的 Grid 模式做調整。本文將簡介目前最新標準的 Flexbox 語法。

+觀看詳細內容

Mobile App 市場太過飽和，App 開發者如何應對？

關鍵字：Mobile App

在 web 上做生意要比在 mobile 上簡單多了。為什麼呢？以瀏覽器為基準的 web 生態系統已經發展了二十年以上，但 mobile app 生態系統卻只有短短六年。我們唯一能確定的一件事是 – 這絕對不是因為 web 的數量比 mobile app 少所造成的。

+觀看詳細內容

電子時鐘效果 ( CSS 偽元素的應用 )

關鍵字：電子時鐘、CSS、偽元素

電子時鐘效果範例 ( 使用 EZoApp，點選 preview 可以預覽 )
這是單純利用 CSS 做出來的時鐘，大量的應用了 CSS 裡頭的偽元素 ( ::before 和 ::after )，配合簡單的 JS 所作出的效果，以下就來介紹是如何做出來的。

+觀看詳細內容

Facebook將關閉其移動開發者平臺Parse

關鍵字：架構、設計語言、開發Facebook移动Parse社交網路

Parse是針對移動開發者的一套工具包和支撐系統，2013年被Facebook以8500萬美元收購。當時Facebook的思路是，希望有一天借此成為真正的雲供應商，與Amazon、Google和Microsoft競爭。目前看這一戰略已經失敗。

Parse的聯合創始人Kevin Lacker宣布，他們將於一年後，關閉Parse服務。他提到，他們為Parse曾幫助很多人構建出優秀的移動App而感到自豪，但是他們需要將主要資源投入到其他地方。

+觀看詳細內容

2015-2016的網頁設計趨勢

關鍵字：網頁設計、網頁設計趨勢、使用者介面、使用者體驗

現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同，相當有趣並值得探討。

+觀看詳細內容

Google Font API - 替你的網站加入豐富字體［轉載自inside網路趨勢觀察］

關鍵字：網頁設計、google font API

字型也是網頁設計的重要元素，但若使用者未安裝該字型仍然無法顯示，為了解決這個問題而出現的作法有：使用圖片替代或是上傳字型檔至主機，可是這樣做也會產生一些問題像是文字無法複製或是加載負擔加重等。現在有Google及Typekit聯手打造的免費Google font API提供設計師新的選擇，可以輕鬆使用好看的字型！

+觀看詳細內容

電子報入門必修：這四種電子報你肯定用的到

關鍵字：數位行銷專欄、行銷專欄、電子商務、電子豹、ecommerce

你是否曾經想過：已經邁入 2016 年了，社群行銷才是/這個時代的王道 ，誰會把行銷預算浪費在發送電子報上？根據 Convince and Convert統計，44% 的收件者每年都會因為促銷電子報而完成至少一次的購買行為。而這也代表了：在質量足夠的情況下，電子報有機會以極低的成本情況下，讓特定目標受眾完成購買行為。

+觀看詳細內容

事件回應與調查有效杜絕二次受駭

關鍵字：事件回應與調查

企業在IT日常維運工作中，勢必曾處理過用戶端電腦遭受病毒感染的問題，即使可運用防毒軟體來清除後門程式，但若要採取較嚴謹的作法，通常會直接重新安裝作業系統，以確保終端環境安全無慮。

雖然有助於清除惡意程式，實際上，卻無法防制循著同樣模式的再次攻擊行為。因為在長時間潛伏下，根本無法保存足夠的追蹤資料描繪出最初滲透進入的途徑，相對難以針對現行架構進行改善，可說是企業或組織單位目前資安方面最大的難題。

+觀看詳細內容

甘特圖套件

關鍵字：timesheet.js-甘特圖套件

相信大家在資訊領域待久了，一定會看過甘特圖，基本上，他是一種包含兩個時間 ( 開始與結束的時間點 ) ，以及事件名稱的特殊圖表
過去要實作出這種圖表可是很麻煩的，現在，我們有了新的選擇 timesheet.js。

timesheet.js 是一個OpenSource 的 JavaScript 套件，我們可以直接在葉面上面提供給他我們所需展現出來的資料集，其他的就交給它來自行實現
，是的!!，雖然你依然要懂一些HTML+CSS+JavaScript，但比起以往，這真是太簡單

+觀看詳細內容

IE瀏覽器舊版退場　微軟停止支援IE 8、9、10 [轉載於電子商務時報]

關鍵字：網頁設計、瀏覽器、ie、網路行銷

微軟Microsoft自2014年8月起即已宣布將計劃停止支援IE 8、9、10，但為了為數眾多的企業用戶的相關兼容性，時至近期才正式宣布，2016年1月12日推出最後一個升級patch後，往後將不再針對這三個版本推出path或安全更新。

+觀看詳細內容

手機體驗不好，你的網站在Google會被排到很後面

關鍵字：移動搜索算法將重大升級

RWD網站很重要、很重要、很重要，因為真的太重要了，所以我們必須說三次

為什麼我們一直不斷的說RWD網站真的很重要?

今天GOOGLE發表了聲明，手機體驗不好你的網站會被GOOGLE排到很後面

+觀看詳細內容

Facebook 新框架 React Native，一套搞定 App 開發

關鍵字：Facebook、新框架、ReactNative、APP、開發

React Native 是 Facebook 推出的一個用 JavaScript 語言就能同時編寫
iOS，Android，以及後台的一項技術，今年 9 月 發佈了 Android
版本，又在工程師裡面掀起了一波小高潮，不斷有喜歡嘗鮮的工程師投入到這個領域。
　　

+觀看詳細內容

PHP核心開發者告訴你PHP 7的五大效能密技

關鍵字：PHP7、php

PHP 7主要開發者惠新宸表示，PHP 7是近10年來最大的版本升級，他同時也使用Zend Framework、Drupal及Laravel等多種框架，分別在PHP 5.6及PHP 7兩種環境進行測試。 而測試結果顯示，使用PHP 7有顯著的效能成長，像是Zend Framework及WordPress的效能增進甚至達1倍之譜。

+觀看詳細內容

超威開源框架釋出》只要一行 Code，就能做出 VR 網頁

關鍵字：MozVR、VR、A-Frame

近日，Mozilla 旗下的 VR 研究團隊 MozVR 推出了一款 VR 網頁製作的開源框架 A-Frame。這套框架能夠降低 VR 網頁的製作難度，讓更多的人投入到 VR 網頁的開發當中，加快這項技術的普及

+觀看詳細內容

PHP 7 發表，效能較以前提升，一些新的運算子讓寫程式更簡單！

關鍵字：php

PHP 7 終於在2015年12初發表，比起以前的版本效能提升，也更省記憶體，還有一些新的運算子，像是太空船運算子""，以及空值預設值運算子"??"等等，讓寫程式更方便簡單！

+觀看詳細內容

免費用微軟官方工具打造 IIS網站日誌分析系統

關鍵字：Log Parser解析IIS紀錄檔

使用微軟官方提供的Log Parser免費工具程式解析IIS網站伺服器所產生的網站紀錄，然後透過ODBC連線方式將解析資訊儲存至遠端的MySQL資料庫主機，以便於分析及稽核。
一般而言，網站伺服器所產生的網站紀錄通常是用來維運分析之用，但從另一個角度而言，網站紀錄往往也是偵測是否有惡意攻擊的最佳利器。
不管要透過網站紀錄來做那種應用，均需要對網站紀錄進行有效的分析，方能解析出有意義的資訊。但就如同一般系統紀錄，網站紀錄也具有繁雜不易解讀，而且儲存在文字檔案內並不容易進行分析，也因此常使管理者茫然而不知如何下手。

+觀看詳細內容

如何解決inline-block元素的空白間距

關鍵字：inline-block

有關於使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行佈局，或者使用inline-block來實現元素的居中效果。前面《CSS3製作的分頁導航》一文中就是使用的inline-block製作的居中效果，不過留下了一上問題，就是使用inline-block的元素之間會存在“4px”的空白間距。那麼今天我們就一起來說說這個“4px”的問題。

+觀看詳細內容

SEO優化：讓蜘蛛(WEB SPIDER)喜歡你的網站 [轉載於科技空間 | TECHROOMAGE]

關鍵字：SEO、搜尋引擎、網路行銷

想要讓自己的網站被收錄，首先要弄明白搜索引擎蜘蛛(Web Spider)喜歡收錄什麼樣的內容，自己的網站建設哪樣的內容能夠讓搜索引擎蜘蛛經常來網站進行爬行。SEO公司進行SEO優化必定是要面對搜索引擎的，而只要搜索引擎收錄了網站，那麼網站的權重和排名才能上升。

+觀看詳細內容

App 使用者經驗設計五大地雷，小心別誤踩！

關鍵字：APP、使用者經驗、設計、手勢、圖標、創意、風格

從事 App 使用者經驗設計，偶爾參考別人的使用者介面設計和風格，其實是一種很好的啟發，雖然有人會說這會扼殺創意，甚至擔憂以後所有的 App 可能都會長得一樣。但前人走過的路，的確有許多值得借鏡學習之處。

+觀看詳細內容

Chrome將於2016年4月終止對Windows XP的支持

關鍵字：windews XP、Chrome、google、作業系統

近日，Chrome團隊技術官方Blog中宣佈Google將於2016年4月份終止Chrome對Windows XP的支持，這比原計劃延長了4個月。

+觀看詳細內容

【專訪PHP之父】PHP 7效能翻倍關鍵大揭露

關鍵字：php、PHP7、新功能

+觀看詳細內容

reveal.js：用網頁製作簡報的 HTML5 架構

關鍵字：reveal.js、HTML5

+觀看詳細內容

易犯的 RWD 網站製作失誤[轉載於 要改的地方太多了，那就改天吧]

關鍵字：網頁設計

響應式網頁設計(RWD)是讓同一個頁面可以顯示在行動裝置跟電腦，不會有兩個網址，後端程式只要寫一次，其他都是美工與前端的事情。本文介紹一些網頁設計人員在製作 RWD 網站時常犯的失誤。

+觀看詳細內容

自建數位資產管理系統 企業文件圖檔影音全列管(轉自網管人)

關鍵字：自建數位資產管理系統

在大多數企業IT人的眼裡，似乎只有在Linux平台下才有令人驚豔的開源軟體，然而實際上並非如此，因為打從Windows Server 2008開始，不僅有許多知名的開源軟體支援它，而且在部署與管理上也遠比Linux輕鬆簡單。以下就一同來學習如何在Windows Server 2012 R2的IIS 8.5網站平台上架設一個適用於企業數位資產管理需求的「Gallery Server Pro」網站系統。

+觀看詳細內容

想學大數據?你聽過 R ?

關鍵字：大數據、Big Data、R

R語言，主要用於統計分析、繪圖、資料探勘 ，是基於S語言的一個GNU計劃專案，
主要是以命令列操作，同時有人開發了幾種圖形用戶介面
R本身內建多種統計學及數字分析功能，具有強大的繪圖功能，所產生的圖型勝制
可直接用來當作出版品所需，同時也可以加入數學符號

+觀看詳細內容

瀏覽器的預設 File Input 不好用！我想自訂美觀實用的照片上傳元件怎麼辦？

關鍵字：File Input

+觀看詳細內容

跨屏行動消費時代：善用廣告工具創造轉換率 [轉載於TechOrange科技報橘]

關鍵字：網頁設計、RWD、響應式網頁設計、行動裝置、電子商務、數位行銷

由於現代人在一天當中會使用多種不同的裝置上網，有研究指出 40% 成年的網路使用者會從在一項裝置上開始瀏覽內容，最後又透過另一個裝置繼續完成活動。面對跨裝置的轉換行為日漸頻繁，Facebook 針對這個現象也開始提供廣告主使用者的跨裝置報表，讓廣告主了解行動裝置對達成廣告轉換的重要性；目前已有多項研究證實，跨裝置行為已成消費者的生活常態，甚至也是影響消費者購買模式的關鍵。

+觀看詳細內容

千古難題：設計優先 or 功能優先？

關鍵字：設計、功能、功能實現、工業設計、平衡、產品設計、妥協

所有的產品設計都應該產品功能服務。一項設計之所以是偉大的設計，是因為其目標用戶使用起來非常舒適。用戶這種對產品的好感部分來自於產品外觀，但是更多的還是由產品易用性決定。

+觀看詳細內容

W3C CEO ：Web支付工作組正式成立

關鍵字：企業架構、Ｗ３Ｃ、Ｗｅｂ、標準化

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網頁開發市場，開發工具商Rogue Wave買下Zend

關鍵字：php、Zend Framework

在Zend團隊加入後，Rogue Wave除了其原有加速C、C++、C#及Java程式語言開發的產品外，PHP也將被納入產品範疇中，
而Rogue Wave執行長Brian則表示，此次的併購Zend也將Rogue Wave的事業範圍擴展至PHP網頁開發以及行動應用程式開發。

+觀看詳細內容

[轉貼] iOS 9學習係列：UIStackView如何讓你的開發更簡單

關鍵字：ios9、xcode7

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介紹

關鍵字：PHPWord

最近發現了一個可以利用php動態產生word檔的工具，雖然可以利用html直接轉word，但是會受限於html的格式，此工具可以方便的利用程式的方式，即可產生出所需要的word內容，不過這個工具無法產生doc檔，可是現在的使用者大部分也都已經可以使用docx檔，所以這個工具應該還算是蠻不錯的，如果想了解更多，可以到以下網址進行更深入的了解：http://phpword.codeplex.com/

+觀看詳細內容

Apple iOS 9.0.2 App Slicing程式切割功能

關鍵字：Apple iOS 9.0.2

Slicing是一個可依據裝置種類建立與遞送不同程式包裝的程序，每個程式包裝只會含有特定裝置所需的執行架構與資源。開發人員能依據裝置的類型與資源遞送最佳化的程式，將能減輕裝置的負擔，包括儲存空間與運算資源。

+觀看詳細內容

使用scss來加速寫css吧!

關鍵字：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!

+觀看詳細內容

Docke虛擬化開發環境

關鍵字：Docke、虛擬化、Container

Docker 是一個開源專案，基於 Google 公司推出的 Go 語言實作，目標是實作輕
量級的作業系統虛擬化解決方案，能夠快速部署輕量、獨立的應用程式運作環境
。Docker 底層使用 Linux 核心中的功能，Namespace 及 Control Groups
(cgroups) 等，來達到建置獨立的環境及控制 CPU 、Memory 、網路等資源

不同於傳統概念的虛擬化技術(如VMWARE)是建構在硬體虛擬的架構之上，Docker
主要是建構在應用程式層(或是說核心層級)之上，
，此項概念使得Docker 容器的啟動可以數秒之內，這相比傳統的虛擬機方式要快得多

Docker 容器的執行不需要額外的虛擬化支援，因而對系統資源的使用率很高，一
台主機上可以同時執行數千個 Docker 容器

Docker使得開發者可以使用一個標準的映像檔(Image)來建立一套開發容器
(Container)，開發完成之後，維運人員可以直接使用 這個容器來部署程式碼
，這讓過去開發人員為了驗證開發與正式發布環境之間差異，花上大量的時間的噩 夢，將不再發生，而對於系統維護人員，當系統災難發生時，也可以快速重新佈署映像檔，而不必擔心重新安裝的系統環境，會導致原本正常的程式發生問題

+觀看詳細內容

網頁設計參考網站

關鍵字：網頁設計、網頁參考網站、響應式參考網站

設計網站的時候，參考網站常常可以是一個啟發靈感的地方，不管是參考視覺、動態效果，總是會有一些意想不到的收穫；在這裡推薦幾個覺得不錯的參考網站，有的不只有網頁設計，還有其它不同的設計參考：

+觀看詳細內容

Facebook與Google聯手推出行動網頁版推播服務，Chrome優先[轉載於TechNews 科技新報]

關鍵字：行動網頁設計、APP、推播、網路行銷、Android手機、Facebook、google

在凡事靠 App 的現在，大家都在智慧型手機裡裝了各種大大小小的社群服務 App，但對網路還沒那麼普及的開發中國家來說，透過行動版網頁使用各種社交服務，不但可以提高手機續航能力，還可以節省行動網路流量。看準開發中國家新 興市場需求，Facebook 也與 Google 合作，透過 Chrome 瀏覽器推出行動版網頁訊息通知服務。

+觀看詳細內容

你知道 App 開發什麼功能才能真正提升客戶留存率嗎？

關鍵字：App 開發人員、APP、開發人員、數據、圖表、開發產品、功能、客戶留存率、著力點、開發理念、參與度

App 開發人員經常會陷入到這樣一個錯誤之中，當各項後台數據表現不佳的時候，總是覺得再給 App 添加一個功能就能提升客戶留存率！但事實是這樣的嗎？是不是什麼功能添加進來都能提升客戶留存率？如果不是，那麼應該怎樣對 App 進行改良，才能讓後台的數據圖表變得好看一些呢？

+觀看詳細內容

谷歌、亞馬遜相繼宣佈遮罩Flash廣告，又一個時代行將結束？

關鍵字：flash、HTML、HTML5

谷歌已經正式宣佈，在預設情況下，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 新功能搶先看 - 動態資料遮罩 / 多重 tempdb 資料檔

關鍵字：SQL Server 2016、Dynamic Data Masking

動態資料遮罩（Dynamic Data Masking）是一項可以讓開發人員或未經授權的使用者查詢機敏資料時，事先定義好的遮罩來將資料模糊化，透過這項功能您再也不需要在測試階段自行撰寫程式或使用協力廠商的工具來產生或模糊化資料，就可以輕鬆保護機敏資料不外洩

+觀看詳細內容

[轉載]Responsive Web Design (RWD) 和 Adaptive Web Design (AWD)

關鍵字：RWD、AWD、Web Design、適應式網頁、響應式網頁

RWD和AWD的出現都是由於移動上網設備日益普及，針對不同設備(尤其考慮不同屏幕尺寸)及其使用條件(通常有比較低的頻寬，流量和性能等) 對網頁作出優化，以帶來更好的用戶體驗。

+觀看詳細內容

自建主機效能監控系統 從web緊盯遠端資源負載

關鍵字：sysstat監看系統資源

提供一個順暢且高效能的系統服務，相信是每個系統管理人員的首要之務，也因此系統管理人員往往需要時時地監控系統效能，以便即時監控系統效能，避免因系統負荷過大而造成系統效能低落，進而影響系統服務。

所以，一套能即時監控系統上的資源裝置（例如CPU、記憶體、磁碟機）效能的工具，就是系統管理人員迫切需要的。

在本文中，將為讀者介紹在開源碼社群之中頗富盛名的系統效能監控軟體sysstat，並且搭配可以利用網頁介面來監控系統效能的sargraph工具，讓系統管理人員能夠透過網頁的方式，隨時隨地監控所掌管之系統主機上各項裝置的效能情況。

+觀看詳細內容

2015 年 6 個最潮的網頁設計趨勢 [轉載於INSIDE硬塞的網路趨勢觀察]

關鍵字：網頁設計技巧

2015 年已經過了一半，網頁設計趨勢來來去去，有些落伍的風格已被刨除，實驗性的做法不斷冒出。唯一可以肯定的，是返璞歸真，還原基本，割捨一切不必要的功能。過去資訊零星散落雜亂無章的頁面的時代已經逝去，簡約與使用者介面取而代之。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前，最受歡迎的六個網頁設計趨勢。

+觀看詳細內容

給網頁設計新手的10條實用法則

關鍵字：網頁設計

一個主觀上很想多多學習的設計新手在工作中最常遇到的狀況應該是…沒人願意教！因此今天來分享１０個新手實用法則，一起來分享給你的同學吧！一起向上努力～
一、糾結的時候，讓自然為你做決定！
遵循自然規律的設計總是因為貼近萬物本源而受到更多人的寵愛，因此，當你舉棋不定的時候，你可以選擇將設計代入大自然定律中，讓自然為你做出最好的決定。比如，現實和自然告訴我們，光源來自天空，在人們也已經習慣了這種由上至下光線來源的時候，設計師需要做的應該是能順應用戶視線的光線設計。

二、脫離色彩誘惑，能真正看清佈局設計
色彩對人類視覺的衝擊力能產生最大的效果；一個網頁的用戶體驗是否合格，從色彩和佈局上就能看出一二。但在色彩的“陪同”下，佈局的好壞與否似乎就此被“矮化”。為了讓設計師在設計時能更加清楚的審視網頁佈局，去色或是“灰度模式”的使用也許更有利於新手的佈局設計工作。

+觀看詳細內容

PHP logging libraries:Monolog

關鍵字：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

然後在要使用的地方，將如以下範例，即可正常使用囉~~~

+觀看詳細內容

銷售不理想？電商常忽略的五大策略 [轉載於Business Next數位時代]

關鍵字：網頁設計、電子商務、虛擬通路、購物網站、網路行銷

雖然網路購物是未來購物的趨勢；然而實體店面至今仍是購物主要管道之一，由此可見其實未來實體店面也將持續在購物市場佔有一席之地。也許有人會認為，這是兩種全然不同的銷售管道，但事實上，這兩者在本質上的沒有太大的差異，同樣都將商品販售給「人」。因此，電子商務與實體通路的合作、相互借鏡，得以達成更好的行銷效果。

+觀看詳細內容

設計師必看的網站

關鍵字：設計資源、設計靈感

在設計任何事物時，總有遇到關卡的時候，或是平時想吸收一些設計相關的資訊時，由於網路實在太方便了，什麼資訊都能輕易找到，但也因為網路非常發達，有時候要找到很中意的網站反而沒那麼容易，在這邊分享一個，很適合任何設計師的網站：ㄇㄞˋ點子靈感創意誌http://www.mydesy.com/

裡面當然也有網頁設計師相關的文章，但有更多各式各樣設計的知識與觀點，當然一般很難一個人就是各式各樣的設計師，要能透徹某一個領域肯定是得身經百戰的；不過或許現在閱讀的並不是網頁設計相關領域的資訊，但知識是一點一滴累積的，設計的基礎與美感更是如此，你永遠不知道什麼時候會用到他們，重要的是，在你需要他們的時候，能在腦袋的資料庫中搜尋到相關的資訊，或是因為曾經看過的某個訊息而找到對應的靈感，那就太值得了！希望我們都能成為更好的設計師！

+觀看詳細內容

簡約之道 – 最小化介面設計的組成要素及可用性分析

關鍵字：材質、介面、簡約、設計、可用性、風格、配色、功能、訊息、干擾、空間、最小化

最小化設計的目標是移除界面當中不必要的元素或內容，減少干擾，使界面最大程度的支持用戶的任務流程。
將界面以恰當的方式簡化到只保留必要元素的程度，設計師需要對一系列與最小化策略高度相關的設計模式有所了解。
原文連結：http://www.nngroup.com/articles/characteristics-minimalism

+觀看詳細內容

利用JS在AWS上建構大規模彈性Web應用

關鍵字：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導入命令。

+觀看詳細內容

相容於MySQL的Amazon Aurora資料庫服務正式上線

關鍵字：Amazon Aurora、資料庫

Aurora是以開放源碼的MySQL資料庫針對雲端應用最佳化的雲端服務，是Amazon在去年11月的re:Invent年度大會所發 表的新服務，屬於Amazon關聯式資料庫（Amazon Relational Database Service）服務的一環，成為繼MySQL、Oracle、Microsoft SQL Server及PostgreSQL之後，第5種透過Amazon RDS供應的關聯式資料庫引擎。當時Aurora僅為預覽版，現在則允許所有位於三大地區的客戶使用。

+觀看詳細內容

[轉載] PDO (PHP Data Object) 簡易教學

關鍵字：php、PDO、MySQL、MySQLi、PDOStatement

PDO(PHP Data Object) 是PHP 5新出來的東西，在PHP 6都要出來的時候，PHP 6只默認使用PDO來處理數據庫，將把所有的數據庫擴展移到了PECL，那麼默認就是沒有了我們喜愛的php_mysql.dll之類的了。

+觀看詳細內容

Material Design:RecyclerView

關鍵字：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攻擊威脅的背後，其實隱藏兩個容易被企業忽略的重大含意。首先，當網路線上服務變慢之後，勢必會影響到網路銀行用戶，造成客戶抱怨，讓企業辛苦建立的商譽受損。其次，駭客會以聲東擊西的手法，誤導資安人員的防禦方向，再趁隙入侵銀行系統竊取龐大金額。
金融機構面臨的風險高低，基本上取決於駭客發動攻擊的難易程度、攻擊複雜程度，以及財務價值與商譽高低等等，資安人員不妨從上述幾點進行交叉評估，作為引進DDoS設備與服務的依據，讓有限的IT預算發揮最大效益。

+觀看詳細內容

18 個超實用 css 編寫技巧

關鍵字：CSS、技巧

一、使用CSS縮寫
使用縮寫可以幫助減少你CSS文件的大小，更加輕易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》，這裡就不展開描述。

二、明確定義單位，除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width=\"100\"，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注重，不要在數值和單位之間加空格。

三、區分大小寫
當在XHTML中使用CSS，CSS裡定義的元素名稱是區分大小寫的。為了避免這種錯誤，我建議所有的定義名稱都採用小寫。
class和id的值在HTML和XHTML中也是區分大小寫的，假如你一定要大小寫混合寫，請仔細確認你在CSS的定義和XHTML裡的標籤是一致的。

+觀看詳細內容

html動畫製作

關鍵字：Adobe Edge Animate、html動畫

大家應該都知道，Flash在網站上已經很少會去使用了，由於行動裝置不支援，除非必要，否則已經不太會去考慮Flash了。但還是想要使用動畫該怎麼辦呢?現在css3已經有寫動畫的效果，雖然還是沒有像Flash專寫動畫那樣方便，寫起來較為複雜，但如果只是要寫一些簡單的動態效果還是很ok的!
不過這次想分享的是Adobe軟體的Edge Animate，他可以像Flash那樣製作動畫，但厲害的是，他可以幫你將動畫產出html及js，所以就算在行動裝置上也能正常運作喔!不僅是動畫，還能做出一些互動的效果呢!
雖然Edge Animate無法像Flash有這樣多的功能供使用與選擇，但藉由介面的視覺化與直覺式設計，就可讓您輕鬆地就製作出HTML5動畫。

+觀看詳細內容

火狐瀏覽器已預設禁用 Flash [轉載於INSIDE硬塞的網路趨勢觀察]

關鍵字：HTML5、flash、firefox、火狐、網頁設計、動畫

就在Facebook新任首席安全官昨天呼籲放棄Flash技術後，Mozilla火狐瀏覽器也正式遮蔽了這種技術。
火狐團隊主管Mark Schmidt在Twitter證實，這款瀏覽器已經在最新的一次更新中關閉了所有版本的Flash播放器。

+觀看詳細內容

jQuery 3.0 Alpha版本發佈，開發人員需要在升級前充分測試

關鍵字：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 9.5來了，關聯式資料庫也要和NoSQL拼場

關鍵字：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效能及壓縮率 以TokuDB優化Log資料庫

關鍵字：MySQL效能及壓縮率

MySQL提供了各種資料庫引擎來達到不同的應用，例如某些應用需要保證交易成功，有的則要求快速的運算能力，而這裡所介紹的TokuDB，則可滿足有大量插入要求及有效縮小資料庫容量的需求。

在許多的企業中，為了能方便及集中管理Log資訊，常會架設集中式的Log管理系統，將許多主機或設備所產生的Log資訊集中到中央控管的資料庫內。

以致於要接收的資料庫主機無法承受大量的資料而發生預期之外的錯誤，最常見的是漏接Log資訊。並且，Log資料過於龐大，對於硬碟儲存空間也是一個挑戰。

TokuDB此種資料庫引擎的主要特性是著重在高插入（Insert）效能及高資料壓縮比率（可有效縮小資料容量），就適用於有大量的插入要求及有效縮小資料庫容量的需求。

+觀看詳細內容

[轉載]PHP讀寫Excel檔案

關鍵字：PHPExcel、Excel、PHP

PHPExcel類別的功能非常強大，支援各版本的Excel檔案、CSV、HTML及PDF檔案的讀寫，有這方面的需求，改用這套工具可以省卻不少自行撰寫工具的時間，對使用者來說，Excel檔案的親和性比起CSV檔案來說，好太多了。

+觀看詳細內容

網頁工程師必知：9 個超好用的 CSS 框架

關鍵字：CSS框架

前端開發是一項非常繁瑣的工作，你不僅需要擁有和別人不一樣的審美觀和設計觀，而且需要了解諸如 HTML、CSS、JavaScript 等錯綜複雜的技術，因此選擇一些優秀的 CSS 框架或許可以幫助你大大提高工作效率。
本文向你推薦了 9 個還不錯的 CSS 框架，希望對你有所幫助。

+觀看詳細內容

超方便的css運算式

關鍵字：css運算式、css3

css3出現了一個超棒的屬性，對我們這些數學不好的人來說完全是一大福祉!那就是calc屬性，加減乘除(+ - * / )完全都難不倒他，例如：calc(500px/3)，就直接幫你把500px÷3等分，更美好的地方在於，他可以將單位混合著用!!例如：calc(100%/3 - 4px)，就算是%、px混著用都不是問題，完全不用自己換算，直接幫你算好好囉!!!是不是超貼心的!

+觀看詳細內容

Google 開發 Tone 套件，用「聲音」就能傳送 URL 給附近電腦？

關鍵字：google、Chrome、tone、套件、網址

Google 新發布了一項 Chrome 擴充套件「Tone」，號稱用「聲音」就能傳輸訊息給鄰近的電腦，但目前只能傳送 URL 網址。想想看，在教室、會議室、家裡等小範圍內，按一鍵就能傳送訊息，比起還要點開通訊應用程式、複製貼上 URL、加入附檔……

+觀看詳細內容

客戶不愛你的電子報？試試這幾種方法

關鍵字：電子報、個人化、優化、電子報行銷、銷售能力、購物車、垃圾信

相較於七年前，零售業者寄出的電子報總量已經成長了一倍。「趕快買吧」，這類型無情的轟炸可能會造成訂閱者的疲勞，最後受不了而離開（取消訂閱）。以下提供一些不錯的改良方法，可以讓你的訂戶更忠誠。

電子報行銷有強力的銷售能力 – 在行銷工具中最高的 ROI。原因當然是比起其他通路，消費者偏愛透過 email 來接收促銷、折扣。然而，當你的訊息都是以銷售為主時，你的風險是非常高的。

+觀看詳細內容

Web性能API——幫你分析Web前端性能

關鍵字：前端、網頁、性能

開發一個現代化的互聯網網站是一項複雜的任務，需要各種職能的密切合作以應對用戶日新月異的需求。其中，網頁的性能直接決定了用戶的體驗，而隨著新型用戶端流覽設備的出現與網站功能的日益複雜化，對於性能的專注也達到了前所未有的高度。

傳統的網站性能監測通常有以下幾種方式：

‧借助傳統的開發者工具查看網路請求。基本方式是通過追蹤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

關鍵字：jquery、html2canvas、網頁快照、HTML5

要把網頁的畫面做成截圖，通常需要用到 canvas 才有辦法。但是這件事情在某種程度上面是不太符合需求的。因為我們可能是要把畫面存檔，例如交易畫面之類的，或是特定的文字圖片區塊，如果說這些東西都要進到 canvas 裡面不太合理。

而html2canvas提供了網頁截圖的功能，可以針對全頁或是局部來做截圖的動作。

延伸閱讀 http://html2canvas.hertzen.com/

+觀看詳細內容

PHP之父揭露PHP 7新版大變革

關鍵字：PHP7 PHP之父

PHP之父Rasmus Lerdorf來臺參加Modern Web大會時，介紹PHP 7許多新特色，效能是最大的變革，甚至在特定應用上的效能可以比前一代提升了一倍，媲美使用了臉書PHP效能優化技術HHVM後的效能表現。

過去PHP重視功能完整性，效能表現經常遭人詬病，而臉書自行開發的PHP版本HHVM，讓大家開始重視PHP的效能表現。不過，開發者還是在功能完整的傳統PHP，及超高效能的HHVM間抉擇。PHP 7兼顧功能及效能，未來使用者不需要在兩者之間取捨。

+觀看詳細內容

IOS推播服務

關鍵字：APNS

推播服務可使用在通知使用者有關APP的資訊，IOS的推播服務是透過APNS，就是Apple提供的推播通知服務，當我們要進行IOS的推播時，需要連結APNS，提供它Deveice Token及要推播的訊息，再透過它將訊息順利推播出去。

其中在進行推播的過程中，如果遇到推播失敗的裝置，IOS會將發生錯誤的裝置名單紀錄到Feedback中，我們就可以利用Feedback取得錯誤的Deveice Token並進行後續的處理。

+觀看詳細內容

讓舊型的手機支援 Android 5.0 Lollipop

關鍵字：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

+觀看詳細內容

[轉載]救星來了！靠「它」讓Google Chrome不再是吃記憶體的怪獸

關鍵字：Chrome

上個禮拜介紹最新版的Firefox 38時提到現在的Fireofx外型看起來新潮流線，而且記憶體佔用更少，相對的在舊電腦上效能更好。沒想到這個簡單的話題卻獲得大量的迴響，很多朋友提到他們就是因為Google Chrome是個吃記憶體的怪獸，而回頭改用Firefox。

然而，如果你還是需要使用Google Chrome，那麼有沒有駕馭這個記憶體怪獸的方法呢？在Google的正式說明文件裡教我們要：「盡量減少開啟的分頁數量，關閉不再使用的分頁。」但這不是廢話嗎？而且我們就是要研究大量資料才打開分頁，如果為了順暢而關閉這些分頁，那又如何進行工作？

幸好，有「The Great Suspender」這個Google Chrome擴充套件可以幫我們自動暫停不使用的分頁，讓他們進入睡眠狀態，同時釋放出大量的Google Chrome記憶體佔用。

透過這個自動釋放Google Chrome記憶體但是又「不關閉分頁」的功能，我們就可以照著原本的工作習慣打開大量分頁查資料，但是又能保持順暢工作速度，讓Google Chrome不再是吃記憶體怪獸。

+觀看詳細內容

響應式表格

關鍵字：響應式表格

為了因應行動裝置大量增加而出現的響應式網站，能夠在不同的裝置上提供最佳的視覺體驗，畫面的設計也十分彈性，對於現在架設網站的趨勢來說已經是非常普遍了，但有一些資訊的呈現，會因為響應式的考量而受到一些限制，像是最常見的就是表格問題了，該怎麼讓表格在手機這麼小的螢幕上，也能完好的呈現？讓使用者有良好的閱讀體驗。最近發現了兩個很不錯的網站，都是製作響應式表格的方法，在這裡提出來跟大家分享：

+觀看詳細內容

巨量資料的時代 — 2015 年大數據的四大發展重點[轉載於INSIDE硬塞的網路趨勢觀察]

關鍵字：大數據、資料庫、雲端、資料挖掘

2012 年時《紐約時報》的一篇專欄文章「The Age of Big Data」正式宣告大數據時代的來臨，到了 2015 年，大數據一詞已經可以說是耳熟能詳，然而在現今網際網路跟雲端技術的發達，加上智慧型產品、行動裝置的普及下，以下四點將會是大數據的發展重點

+觀看詳細內容

JavaScript平臺Platypi悄然登場

關鍵字：JavaScript Platypi

幾個月前，一個新的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、電商、數位行銷、廣告優化、點擊率、廣告、即時追蹤、成本

數位行銷發展至今，衍生許多不同的平台、管道與方案，但是最終經常只能倚賴「點擊率」與「提升率」作為效益評估的數據，無法全然反映商業成果。

Facebook 今年初推出 Conversion Lift Tool（轉換率提升工具），協助行銷人員在決定大規模投放廣告之前，先行以少數使用者測試，以利之後更有效的進行廣告優化與投放比例，最重要的是，能夠精確知曉 Facebook 行銷的用處到底多大。

+觀看詳細內容

Google推出NoSQL雲端資料庫服務Bigtable

關鍵字：NoSQL、Cloud Bigtable

Google宣佈推出雲端資料庫Cloud Bigtable，將原本用於Google 搜尋、Gmail等自家服務的技術推向市場。Google指出，Google Cloud Bigtable延遲性僅個位數毫秒，每美元的效能為其他非代管NoSQL產品的2倍。由於可透過標準化開放源碼Apache HBase API存取，因此能和許多既有大資料及Hadoop技術整合使用，並支援Google的大資料產品，也能以簡單的大資料擷取工具從現有HBase叢集匯出、匯入資料。

+觀看詳細內容

[轉載鴨米血]Photoshop之霹靂167小技巧

關鍵字：PS、photoshop、技巧

1、快速打開文件
雙擊Photoshop的背景空白處（默認爲灰色顯示區域）即可打開選擇文件的瀏覽視窗。

2、隨意更換畫布顔色
選擇油漆桶工具並按住Shift點擊畫布邊緣，即可設置畫布底色爲當前選擇的前景色。如果要還原到默認的顔色，設置前景色爲25%灰度（R192，G192，B192）再次按住Shift點擊畫布邊緣。

+觀看詳細內容

[轉載36氪]Google優化移動搜索展示頁，用“網站名稱+麵包屑導航”替代功能變數名稱

關鍵字：google搜尋、google演算法

Google發佈聲明稱，其將優化移動搜索展示頁，不再直接展示功能變數名稱，而是結合用戶搜索的內容，以“網站名稱”+“父類別”+“子類別”的結構呈現，清晰地顯示了每一條結果的大致內容。
Google還宣佈，其移動端搜索網頁還將推出支援schema.org結構化資料的演算法，以網站真實名稱替換功能變數名稱，並將URL位址結構化，形成“麵包屑導航”的效果。

+觀看詳細內容

[轉載於科技新報]Dropbox網頁版與Office Online深度整合，線上直接編輯Office文件

關鍵字：dropbox、office

雲端儲存服務競爭激烈，去年微軟（Microsoft）旗下的 Office，與 OneDrive 競爭對手的 Dropbox 達成合作，使得 Office 應用和 Dropbox 之間有更好的連接。近日雙方再宣佈，深度整合 Dropbox 網頁版與 Office Online，可在 Dropbox 網頁版直接編輯任何 Word、PowerPoint 或 Excel 文件。

+觀看詳細內容

[轉載infoQ]IE瀏覽器時日無多

關鍵字：ie、Internet Explorer

據微軟透露，為了支援正在開發的新一代網頁流覽器技術，該公司長期以來的IE網頁流覽器（Internet Explorer）將會被廢棄，該專案代號為斯巴達（Project Spartan）。微軟在2015年Convergence大會上談及了這一消息。

+觀看詳細內容

[轉載科技報橘]台灣的 Google 開發者有福了，中文教學頻道正式上線 YouTube

關鍵字：google、開發者

Google 在 Blog 上宣布，YouTube 上的Google 開發者視頻中文頻道正式上線。這個頻道將持續更新中文原創內容或帶有中文字幕的英文內容。英文內容的中文字幕由南陽 Google 開發者社區的志願者們提供。英文內容包括 Android 應用，網頁應用還有其他軟件項目。

+觀看詳細內容

[轉載企業IT]資料類型質量巨變 巨量資料分析應開發專門技術

關鍵字：data mining、Big Data

由於資訊化應用的普及，導致資料量的規模已經龐大到無法透過人工，在合理時間內達到擷取、管理、處理、並整理成為人類所能解讀的資訊，而且這些數據資料不僅巨大而且不同，如何優化資料，方便且容易的搜尋到所需要的資訊，也變得更加困難。因此，如何將資料採礦(Data Mining)的技術有效的應用在巨量資料(Big Data)中，快速萃取出未知且有價值的潛在資訊，進而找出市場趨勢，創造新的商機，會是未來企業競爭中一項重要的優勢與目標。

+觀看詳細內容

[轉載網管人]以新世代UTM為核心 Fortinet提供完整閘道安全

關鍵字：Blastware

在UTM（Unified Threat Management，整合型威脅管理）領域耕耘多年，能以單一設備提供防火牆、入侵偵測防禦、防惡意軟體、網頁過濾等功能而獲得不少企業青睞的 Fortinet，隨著全球資安威脅快速轉變，除將自家產品升級為可以阻擋未知型態攻擊的次世»£UTM之外，亦藉由FortiGuard安全防護中心持續收集與分析全球各地威脅訊息，並且每天發佈建議預防措施給全球客戶，協助資訊人員抵禦新型態的網路威脅。

+觀看詳細內容

基於JSON的地理空間數據交換格式-GeoJSON

關鍵字：GeoJSON、LBS、JSON、MongoDB

GeoJSON是一種基於JSON格式之下的延升格式，用以表示各種地理數據結構，支援
點、線、面、多點、多線、多面和幾何集合，因採用JSON格式來表示，所以各種主流程式均能夠予以處理，並可用於在各種系統之間交換數據

+觀看詳細內容

[轉載Fundesigner]如何製作浮動式的回到網頁頂部按鈕？（JQUERY 動態效果）

關鍵字：jQuery 動態效果

在很多網站的右下角或右方常常都會有一個往上的箭頭，按下去就可以回到網頁頂部。這麼做，一來可以讓使用者回到頂部去瀏覽其他的分頁，當網頁較長時，要回到網頁的上半部也比較容易，就不需要滾滾輪或者是去拉捲軸。而我們這次要做的就是這樣的效果，可以讓使用者很方便的回到網頁頂部。

+觀看詳細內容

上傳檔按鈕美化

關鍵字：input type=＂file＂、上傳檔按鈕

是不是常常覺得上傳檔案的按鈕＜input type="file"＞很單調，而且跟自己設計的網站不是很搭呢？最近發現了一個可以好好美化它的方法！

+觀看詳細內容

[轉載於Inside] Google 將在搜尋結果中優先顯示企業公關稿

關鍵字：google搜尋

Google 近日對搜尋結果的排列順序做了小小的調整，當使用者搜尋商業資訊的時候，出現的第一則會是公司發布的公告。分析者評論道，這次調整可能會導致新聞媒體流量下降，並可能誤導使用者。在此之前，只有得到認證的新聞網站和電視台的新聞才會出現在新聞板塊的搜尋結果主頁面。

Google 發言人說道：

「我們的目標是盡可能讓使用者在每一次搜尋中快速準確地找到他們想要的資訊——這就意味著使用者們可能需要從一個頁面跳轉至一個主流媒體或小型新型媒體的主頁，有時候他們需要的資訊可能只是來自一篇新聞稿。」

同時發言人補充道，Google 並未向搜尋結果中顯示的公司收費。

本週一，蘋果公司發布 Apple Watch 的新聞就出現在 Google 新聞搜尋結果的最上方。然而蘋果公司並未對此作出評論。

Chartbeat 的首席數據科學家 Josh 稱，公司將可能利用搜尋引擎的技術優化來使他們在搜尋的結果中處於前段。新的搜尋結果可能會讓瀏覽者摸不著頭緒，將他們引向公關稿而不是新聞報導。同時，這也增加了依賴 Google 和其他搜尋引擎來引導流量的新媒體的運行風險。

「『in the news』模組是一個為網址引流的有力助手，可能導致新聞網站流量下降。」Schwartz 說。

+觀看詳細內容

[轉載inside]把握互動設計的五個核心原則，打造令人流連忘返的網站

關鍵字：網頁設計、網頁互動

瀏覽網站已是現代生活中普遍的行為，每天醒著的時間我們大概都在上網，讓人們「看得爽快、用得愉快」是設計師當仁不讓的責任。出色的互動設計是留住使用者的不二法門，但是，該怎麼把人與機器之間的互動，變得跟人與人之間的互動一般自然，並不是簡單的課題，答案也不是非黑即白。UXPin 內容戰略 Jerry Cao 提出五個互動設計的支柱，把握這五個核心原則，讓你的網站脫穎而出吧！

+觀看詳細內容

[轉載infoQ]PHP Session可能會引起開發問題

關鍵字：session、AJAX技術

在進行Web應用程式開發的時候，人們經常會用Session存儲資料。但可能有人不知道，在PHP中，Session使用不當可能會引起併發問題。印度醫療行業軟體解決方案提供商的高級工程師在個人部落格上對這個問題進行了闡釋。

+觀看詳細內容

[轉載科技報橘]韓國砸 450 億台幣讓 5G 在 2017 年啟用，台灣政府說還要等 10 年

關鍵字：行動通訊技術、5G、4G、網路效能、行動上網、通訊產業

第五代行動通訊技術（5G）：中國華為、南韓三星正加足馬力研發，據估計，5G 的網路效能將較 4G 提升 100 至 1000 倍。
從行動通訊進化史可知，新代技術醞釀期縮短，連線速度卻大躍進。現在 4G 還在台灣建設中，5G 的研發與應用已迫不及待上路了！

+觀看詳細內容

[轉載ithome]歷時16年！新一代HTTP/2傳輸協定終於拍板定案，支援多工也載入更快

關鍵字：HTTP/2

HTTP/2是繼1999年HTTP/1.1發行後即將推出更新的新一代HTTP傳輸協定標準，由HTTP工作小組以SPDY為基礎進行開發完成，SPDY為一個網路內容傳輸的應用程式層協定，最早是由Google於2009年發表的一開放源碼專案，並於2010年開始支援SPDY使用於Chrome瀏覽器中。

+觀看詳細內容

[轉貼] IOS APP Auto Layout

關鍵字：Apple、ios、AutoLayout、Objective-C、Swift、APP

Auto Layout 使用者介面自動佈局的功能很早就被廣泛運用，像是在設計網頁時為了應付不同解析度的視窗，多半都會使用相對位置取代絕對位置來佈局，Auto Layout 也有異曲同工之妙，但是它總是讓人又愛又恨，它的好處是在眾多不同解析的 iOS 裝置下，不管你的畫面是直的還是橫的，介面上的物件總是可以找到自己的位置，但討厭的是，Auto Layout 設定起來相當複雜與瑣碎，儘管如此，官方還是強烈建議應用程式都能支援 Auto Layout 的功能，尤其是那些發佈於不同 iOS 裝置平台的應用程式。

+觀看詳細內容

before實例 (以下拉選單為例)

關鍵字：before偽元素、純CSS下拉選單

不知道大家記不記得之前有寫過的，純CSS下拉選單、以及純CSS三角形，這次要結合這兩種方法，還有:before偽元素的效果，以前下拉選單想要有三角形的效果，需要額外再設定一個div，還要切圖，相當麻煩，現在只要設定:before就可以輕輕鬆鬆把三角形放在想要的地方囉!

+觀看詳細內容

資安攻防前哨 決戰在郵件

關鍵字：資安、郵件安全

現在駭客攻擊層出不窮，手機App、行動訊息、惡意網站、外接裝置等都可能成為駭客置入惡意程式碼的管道，但是透過電子郵件的新型態APT攻擊依然是最主要的攻擊方式，在市場高度需求之下，熟悉在地各種行業訊息內容模式的郵件管理及安全業者，便成為企業組織第一道防線阻擋APT與魚叉式攻擊的要角，並提供完整的郵件安全可用、稽核治理、法規遵循與外洩防護解決方案。

+觀看詳細內容

CSS 垂直置中的三個方法

關鍵字：CSS、垂直置中

我們在編輯一個版面，通常都會用到水平置中和垂直置中來設計，而水平置中很好處理，不外乎就是設定 margin:0 auto;或是 text-align:center;,就可以輕鬆解決掉水平置中的問題，但一直以來最麻煩對齊問題，都是「垂直置中」這個討人厭的設定，以下將介紹三種單純利用 CSS 垂直置中的方式：「設定行高」、「添加偽元素」、「calc 動態計算」，其實一點也不難 ( 當然跟水平置中比起來難了一點 )，只需要觀念正確就可以解決。

+觀看詳細內容

Android Wear開發模式快速簡介

關鍵字：穿戴式裝置、Wearable Device、Android Wear

2014年可以說是穿戴式裝置(Wearable Device)年，各個電子廠商分別都推出了應用於各種場合的產品，對於這點，GOOGLE也針對穿戴式裝置推出了新的Android Wear OS

+觀看詳細內容

[轉載數位時代]2015年你一定要知道的3個社群行銷趨勢

關鍵字：Facebook、廣告、行銷、演算法、粉絲專頁

2014年社群網站已成為企業品牌的行銷戰場。其中，Facebook不管是在用戶數或廣告效應上，早已穩站社群網站龍頭，超越其他網站效益。面對即將到來的2015年，有3件你一定要知道的Facebook行銷趨勢。

+觀看詳細內容

[轉貼至inside] Facebook 測試新功能，要把社團變成購物團！

關鍵字：facebook社團、Facebook行銷、網路趨勢

Facebook 正在測試一個新功能，要讓使用者在社團裡除了貼文時，多一個「賣東西（Sell Something）」選項！

+觀看詳細內容

Origami：基於組件的Web應用程序

關鍵字：Origami、JavaScript、HTML5、CSS

在Velocity Europe 2014大會上，FT Labs的 總監Andrew Betts為與會者展示了由他們自行開發的一套用於web開發的標準與工具，目標是以它來應對創建與維護總數超過800個的*.ft.com網站的開發中 的挑戰。FT Labs的主要策略是將web頁面分解為多個元件，以定義的規則來構造這些元件。

+觀看詳細內容

[轉載inside] 再出新功能！Facebook 的野心：網路出版商將離不開臉書

關鍵字：Facebook、網路行銷

Facebook一直關注著出版商們的意見與回饋，希望能夠更有效地幫助出版商藉由 Facebook 與世界各地的人們做連結。因此我們為出版商設計了一些新功能，在很多細節做了改善，並且增加更多資源跟溝通管道給出版商們。

+觀看詳細內容

JSHint：自動檢查 JavaScript 程式碼，偵測錯誤的線上工具

關鍵字：JSHint

由於 JavaScript 這個程式語言的語法與結構非常彈性，不管怎麼寫都可以執行，但是當整個程式發展到一定規模的大小之後，JavaScript 這樣鬆散的結構會讓程式很容易出現一些 bugs。JSHint 就是為了解決這樣的問題而設計的工具，它可以在 JavaScript 程式設計初期，就自動偵測程式中可能潛在的問題，它會鉅細靡遺的告訴程式設計者所以有能出現問題的地方。

+觀看詳細內容

[轉貼]Swift 語言入門

關鍵字：Apple、ios、Swift

Apple在WWDC2014發表新的程式語言Swift之後，讓許多曾學習Objective-C但又因複雜語法卻步的開發者看見一絲曙光。Swift是一種適用開發iOS與Mac OS應用的全新語言，架構在C與Objective-C之上，但又沒有C的兼容性限制，語法混合了Objective-C、JS、Python語言，簡單、方便、易學等特性在發佈不久後就吸引全球的開發者投入研究。

+觀看詳細內容

方便的光箱-iLightBox

關鍵字：iLightBox

iLightBox是一款很實用的光箱套件，可以支援各種裝置，也支援響應式網頁，並且提供圖片、網頁、影片等功能，非常的方便輕鬆就可以使用的套件。

+觀看詳細內容

新的APP設計概念:Material Design

關鍵字：APP、Material Design、設計

在2014年Google I/O 大會上提出了新的作業系統 Android L，並提出 Material
Design，希望重新統一Google的設計語言，並藉此確立未來 Google APP的UI設計方向。

+觀看詳細內容

position:fixed定位問題(以top鈕為例)

關鍵字：position:fixed定位

由於定位的效果，不受其他區塊影響，等於寫了定位效果之後，定位的區塊在html裡面就是獨立的個體了！

+觀看詳細內容

CSS3 transition 屬性

關鍵字：CSS、transition 屬性

CSS3 transition 屬性是一種 CSS3 的轉場效果，網頁設計師可以透過 CSS3 transition 屬性的效果來調整網頁元素變化的特效。

+觀看詳細內容

css3 calc()功能

關鍵字：calc、100%-px、CSS3

之前，我們想要實現一個完美的寬度響應式的輸入框好麻煩，曾經也被作為對前端技術的一個挑戰。類似的常見場景還有100%寬+邊框的容器等。遇到這些情況，我們不得不分外小心，因為各個瀏覽器的表現可能不一致。

+觀看詳細內容

[轉載硬塞inside] SEO搜索引擎優化二十八條經驗建議

關鍵字：SEO、關鍵字優化、網站優化

網站優化最重要的是網站內容要準確定位客戶，這一點是網站是否能吸引您真正期望的訪問者的直接因素。

+觀看詳細內容

[轉載yahoo網路行銷]四個讓你的電子報行銷存活的解藥

關鍵字：EDM、epapaer、電子報、網路行銷

電子報仍然在商用通訊領域中扮演著重要的角色。「即使消費者們有像 Facebook 、 LinkedIn 和 Twitter 這樣的工具，且過著依賴行動裝置的生活，他們仍然需要 Email 。行銷人員只需要考慮消費者行為和期待來決定如何與他們接觸。」

+觀看詳細內容

[轉載硬塞inside] 搶救購物車！當客戶線上購物中途放棄結帳，你該怎麼辦？

關鍵字：自動化行銷購物車、電子報、電子報策略、網站、社群平台、線上購物

客戶有越來越多的管道可以與他們喜歡的品牌公司溝通。這些多樣性的選擇，也使得公司變得更容易失去客戶的關注。

如果無法有效製造對消費者的推力，想在網路上複製店內行銷的特定元素可能會變得非常困難。想像一個客戶在一間傳統店面購物時，如果使用者突然放棄購物並離開，員工可能有機會了解他所面臨的問題。他們可以設法解決這些問題，讓消費者繼續購物，並透過營造良好的消費體驗，增加客戶對店家的滿意度。

+觀看詳細內容

[轉載InfoQ]Android 5.0為了安全而“關門”

關鍵字：Android5.0、手機安全性

Google曾對Android的安全性持有因為安全而不“關門”的態度，而本月中旬發佈的Android 5.0是Android 史上最大的一次更新，該版本不僅帶來了很多引人注目的特性，如在視覺上引入了全新的Material Design設計語言，還引入了新的電池模式，以及實現了對64位處理器的支持等。

+觀看詳細內容

Awesome Video Background Plugin with HTML5 and Youtube API - YTPlayer

關鍵字：YTPlayer

部份網站在製作網頁的過程中，會在背景中放置一張圖片讓網頁看起來豐富，
現在我們就可以利用HTML5+JQuery將Youtube視頻以全螢幕方式呈現在網頁背景上。

+觀看詳細內容

[轉載]利用TweenMax針對HTML頁面製作動畫

關鍵字：TweenMax、jquery、動畫、GreenSock

首先GreenSock一開始真的是針對Flash的Tween（補間）寫了許多好用的Class供設計師們使用，在不斷的更新和強化之後，目前已經出到v11（第十一版）了，但只要熟悉網路平台的朋友應該都知道，近幾年Flash在網頁上的應用，除了遊戲之外正在減少中

+觀看詳細內容

使用 Nginx+uWSGI 於精簡型電腦開發動態網頁

關鍵字：Raspberry Pi、Python、WSGI

對於網頁程式開發人員而言，網頁的開發環境直覺的會想到的，應該會是Apache+PHP吧，但對於ㄧ些精簡型電腦使用環境如(ARM系統，Raspberry Pi)，Apache+PHP則顯得過於沉重，如果你有這種需求，可以選擇另一種環境配置 Nginx+WSGI

+觀看詳細內容

以sagan解析網站Log 即時監控惡意存取行為

關鍵字：sagan解析網站Log

現在駭客肆虐，網站被攻擊已經是常有的事，但是該如何發覺自己的網站被攻擊並且進行防護的工作，相信大家都是利用Log的記錄進行確認，現在介紹一款解析Log的工具可以快速的發現惡意攻擊的行為，讓大家在確認是否被攻擊的時候可以更加的省力
sagan是一套利用即時監控系統Log紀錄來與所設定的規則（Rule）比對，並記錄符合規則樣式的主機型入侵偵測系統，但是它只支援syslog格式的紀錄，所以當我們成功網站紀錄轉換成syslog格式後，就可以利用sagan進行解析用以監控網站是否被攻擊。

+觀看詳細內容

[轉載]為什麼要做網頁呢？網頁可以幫我賺錢嗎?

關鍵字：網站製作、網站建置、網站規劃

網路媒體逐漸串起，由於長年來租用網路價格逐漸下降，頻寬逐漸變大，2012年家用網路普及率已達75%，這也說明有75%戶家庭有上網的需求，相對的網路商機因此得以持續拓展，很多實體商店由於網路商場的興起，逐漸被取代，商業型網頁已經是個現在不做以後會後悔的商業行銷規劃。

+觀看詳細內容

div水平、垂直置中

關鍵字：div水平、垂直置中

在網頁製作中，常常會遇到需要圖片水平、垂直置中的情況，
水平置中還算簡單，但垂直置中就麻煩得多了！
垂直置中的解法其實也不少，但常常都會讓階層變得很多，
像以前也常用的display:table-cell;的做法，就需要在區塊外面多包一層。

+觀看詳細內容

[轉載] CSS3欲速則不達—Background新屬性以及多背景

關鍵字：CSS3、Background

CSS3中為新增Background幾個新屬性值：：Background-size、Background-clip和Background-origin以及Background的多背景使用—— Multipls Backgrounds

+觀看詳細內容

[轉載硬塞]我願意為你朗讀——善用網路與行動平台的年輕世代

關鍵字：網路行銷、網路社群、網路趨勢

《Cheers》雜誌舉辦「2014 亞洲人才創新論壇：社群世代，創新溝通」，在「社群世代的數位關鍵報告」主題部分邀請到 Facebook 大中華區旅遊及金融行業總經理余怡慧、Yahoo 亞太區消費者研究及數據分析部資深總監季妙發，以及騰訊網絡媒體事業群市場部總經理韓志傑到場為觀眾分享來自網路巨擘對社群與新世代溝通的看法。

+觀看詳細內容

C3.js -- 零學習曲線建構強大圖表的開發庫

關鍵字：JavaScript、D3、C3.js

c3.js是基於D3開發的JavaScript庫，除了建構出可重複使用的圖表外，還提供了良好的互動性在圖表上。通過C3.js，只需要在generate函數中傳入數據資料就可以輕鬆的繪出圖表。

+觀看詳細內容

[轉載於inside網摘]未來網站策劃五大趨勢

關鍵字：網頁設計、網站製作、網站企劃

網站策劃是成功網站平臺建設成敗的關鍵內容之一。在中國真正普及全職的網站策劃人員嚴格講是2002年，在之前更多是由技術性人才（軟件項目經理、網站美工等）擔任此項職位，隨着中國互聯網環境轉晴，網站的高競爭使網站策劃的地位突顯。我們可以看到，許多真正處於領軍性地位的網站平臺90%具有一個特點——網站策劃思路清晰合理，界面友好，網站營銷作用強；因此專業的網站策劃是未來網站成功的重要條件之一。

+觀看詳細內容

[轉載inside]拆解 iPhone 6 帶動電子錢包新革命

關鍵字：電子錢包、蘋果、IPHONE、智慧型手機、O2O、online to offline

據電信業者預估，年底前，台灣 iPhone 6 的使用者將突破百萬大關！蘋果與信用卡產業達成共識，整合手機軟硬體、打通行動購物付款機制的「最後一哩」，任何消費行為都能在手機完成，一支手機就能搞定你的生活。

+觀看詳細內容

什麼是jQuery Flot?

關鍵字：Flot、jquery

Flot是一套用Javascript寫的繪製圖表用的函式庫，專門用在網頁上執行繪製圖表功能，由於Flot利用jQuery所以寫出來的，所以也稱它為jQuery Flot

+觀看詳細內容

jquery tag cloud - jQCloud

關鍵字：jQCloud、jquery、JS

現在有很多網站喜歡加上標籤雲，用來統計網站中的文章分類排行，也可以讓使用者了解哪些分類有比較多的文章，並加速使用者尋找分類相關的文章。
現在介紹一個標籤雲的套件，jQCloud是一個在使用上蠻方便的標籤雲套件，可以快速製作出自己想要的樣式，如果想了解更多可以去查看相關的document。

+觀看詳細內容

[轉載InfoQ] JQuery動畫插件Velocity.js發佈：更快的動畫切換速度

關鍵字：Velocity、JS、jquery

Julian在其GitHub上發佈了Velocity.js。Velocity.js是一款動畫切換的jQuery插件，它重新實現了jQuery的$.animate()方法從而加快動畫切換的速度。

+觀看詳細內容

O2O?了解NFC與iBeacon

關鍵字：O2O、NFC、iBeacon

在2000~2010年之間網路時代爆發後，B2B，B2C, C2C, Web1.0, Web2.0，各種新的
商業模式跟應用模式隨著科技生活不斷演進，然後到了近期(2014)智慧型手機時
代+手機上網時代+社群網路時代一個新的名詞O2O，悄悄地出現在我們的生活之中

+觀看詳細內容

不需圖片，純css也能做出三角形ICON

關鍵字：純css三角形、CSS

製作網頁的時候常會使用一些icon，像是照片輪播效果，前後常常會使用三角形箭頭來表示上一張與下一張照片，在這邊分享一個不需要使用圖片，css設定就能做出的三角形icon!

+觀看詳細內容

[轉貼]我的網頁需要規劃哪些功能?

關鍵字：網頁規劃、網站功能、網站企劃

一、是否需要歡迎頁動畫，動畫種類有哪些?
​二、我的網頁需要的語言是？
三、網頁建置的功能與單元分類?
​四、後台建置的功能與單元，讓網頁更新維護自己來? ​

+觀看詳細內容

[轉貼]【CSS新手筆記】小探position: absolute應用

關鍵字：CSS

position: absolute的定址基準，不一定是整個網頁，也可以相對於父元素；另外，定址依據並非只有top及left，還有right及bottom。

+觀看詳細內容

[轉載於科技報橘]網路開店好簡單？不搞清楚這 7 個觀念，損失的不只是訂單

關鍵字：網路開店、電子商務、網路行銷

電子商務也迅速竄成人們偏好的購物方式。事實上，根據 UPS 的調查，百分之七十的消費者表示他們比較喜歡在網路上跟自己喜歡的賣家買東西。

然而，創造電子商務並不是成功的保證，藝術電子商務網站 UGallery 的執行長 Stephen Tanenbaum 以在他自己公司的八年經驗，要傳授一些成功電子商務應該避免的錯誤。

+觀看詳細內容