分類: 網路資訊

後台網頁設計　RWD網頁設計　網頁設計推薦

說到瀏覽器上整理分頁的工具，我目前使用的是在電腦玩物介紹過的「Toby 這是 Chrome 最佳分頁群組套件！好看順暢整理大量分頁」， Toby 有著好看的介面、時尚的拖曳操作，不僅能整理自己開啟的大量分頁，也能當作順眼的首頁使用，確實有助於提高生產力。（你還可延伸參考：15 款生產力擴充套件改造 Google Chrome 變成辦公室工作平台）

不過，最近我正在嘗試另外一款最新推出的 Chrome 分頁整理工具 All Tabs ，他有點另類，介面是接近白底黑字的純文字編輯風格，也很有個性很好看，且因此運作的速度非常快， 甚至事實上他真的可以用「純文字編輯」的方式快速的整理、分享大量網頁標題與網址

我是一個資料整理與研究為主的工作者，「 All Tabs 」的風格與功能正是投我所好！

比起花俏的介面或功能，「 All Tabs 」除了幫我快速收藏大量研究資料網頁外，還能讓我一次剪貼所有網頁標題、網址的功能，更符合我的需求。（這一點有些類似我之前介紹過的：網站編輯必備 TabCopy 一鍵複製所有分頁標題與網址）

在 Google Chrome 安裝 All Tabs 後，同樣的在打開大量分頁資料，或是工作告一個段落時，可以按下「 All Tabs 」按鈕進行收藏。

網動廣告科技

參考資料：https://www.managertoday.com.tw/columns/view/54942

網站建置　網站改版　客製化網頁設計

台北網站設計　網頁設計公司　網站設計公司

勞動部今天發布新聞稿指出，為提供民眾最新的資訊及優質操作模式，勞動部勞動力發展署全球資訊網已經換新裝上線，讓民眾可依身分及類別快速找到需要的資訊。

勞動部表示，勞動力發展署新版網站採用單欄式頁面設計方式，可將民眾想知道的資訊完整呈現在單一頁面上，同時使用了目前最熱門的「響應式網站」設計技術，讓民眾無論使用電腦、平板或手機都可以方便的閱讀及操作。

此外，新網頁貼心設計了「分眾導覽」專區，包含青年、婦女、身心障礙者、中高齡（45歲以上）、原住民、新住民、失業勞工、外國人才及勞工等，民眾只要選擇自己的「身分別」，就能以一站式服務模式，取得整合服務。

新版網頁加入「搜尋抬頭顯示」及「熱門關鍵字」等元素，讓搜尋變更簡單且有效率，民眾也可利用分享功能，將發展署資訊分享給社群網站上的朋友。

勞動部表示，勞動部勞動力發展署的業務包括職業訓練、就業服務、身心障礙者及特定對象就業及外籍勞工等，與民眾有著緊密關係，民眾可多利用網頁獲得資訊。

網動廣告科技

參考資料：https://udn.com/news/story/7314/2681238

網頁設計　網站設計　台北網頁設計

這次突發的全台大停電事件，再次掀起發電與環保之間的紛爭。電力與民生息息相關，究竟便利與環保該如何兼顧？這一直都是難解的課題。

在台中，有一群理念相同的年輕人成立了喬義司網頁設計公司。除了開業至今擁有廣大的客戶支持與迴響，在業界中也擁有不錯的人氣。不過這群年輕人卻在公司業績蒸蒸日上的同時，發現了一個更值得關心的課題，那一天，正是2016年奧斯卡頒獎典禮當天。

好萊屋知名男演員李奧納多狄卡皮歐，除了以精湛的演技風靡全球以外，他另一項更為人所知的義舉，便是10多年來致力於全球暖化、石油能源、海洋保育等議題的環境保育。

當他在2016年「奧斯卡頒獎典禮」上，以電影《神鬼獵人》奪得奧斯卡影帝時，致詞感言即深刻傳達出他的理念，期望透過自己的電影，吸引更多年輕世代一同關心環保議題。而這段激勵人心的演講，不僅傳遍世界，也深深打動了喬義司網頁設計公司的成員們。

因此，「坐而言不如起而行」，雖然礙於公司經營抽不開身，無法走上第一線擔任環保志工，但透過其他方式，這群夥伴決定要為環保盡一份心力。於是喬義司召開內部會議，訂下「做網站、救地球」的方針，決定將每一筆合作案所獲得的酬勞捐出3%，給需要幫助的環保協會。在走訪捐款對象時，他們發現默默為環保努力的台灣環境資訊協會，長期苦於經費不足的問題，因此他們選定目標後，即自2016年正式啟動捐款計畫，致力為協會伸出雪中送炭的援手。

網頁設計　網站設計　台北網頁設計

後台網頁設計　RWD網頁設計　網頁設計推薦

用純 CSS 開發 RWD 網頁

首先不管你要用純 CSS 還是 CSS framework 開發，都要先加一下這一行

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”>

加這一行的目的是要強迫網頁的內容，以裝置目前的寬度來做呈現

以下示範加與不加的效果

假設有一張圖在電腦版上看到是這樣 (下圖)

如果不加下面這行

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”>

直接用手機瀏覽 (模擬iphone 6)，就會變這樣…..擺明了把自己當桌上型

加了剛剛那行之後就會變成這樣

關於 ViewPort 的一些說明可以參考一下這個

https://developers.google.com/speed/docs/insights/ConfigureViewport

網動廣告科技

參考資料：http://sweeteason.pixnet.net/blog/post/42130394#c0

台北網頁設計公司　台北網站建置　套版網頁設計

▲世大運官網。（圖／台北市政府資訊局提供）

體育中心／綜合報導

距離2017年台北世大運還有90天，為提供民眾完整賽事資訊，即日起轉型成賽會型網站，本次改版重點採用響（適）應式網頁設計與UI設計，結合新的視覺意象，展現運動家的「專注」、「力量」、「熱情」及「毅力」四大精神，歡迎民眾多加利用，一起迎接今夏運動盛事。更多精彩內容盡在世大運官網：https://2017.taipei/。

素有「小奧運」之稱的世大運將在8月19日點燃戰火，台北市政府資訊局指出，以歷屆各國舉辦國際大型綜合運動賽會，皆於開賽前3～6個月將活動網站轉換為賽會型網站，提供整體賽會相關資訊服務，重點在於介接賽事系統，提供選手與民眾即時賽會成績及完整賽會新聞。

資訊局進一步指出，為配合賽會期程，網站將分兩階段內容呈現不同面貌，第一階段包括台北世大運介紹、文化、賽事、場館、代表團、媒體、新聞發布，並整合空汙、氣象即時資訊，改版後設計更加輕鬆活潑且多元；第二階段則著重在賽會期間，即時提供賽會系統整合資訊，讓民眾於首頁就可以看到顯示的累計獎牌資訊及當日賽程，放送最精彩、最熱血的賽會與活力，讓民眾與參賽選手在網站上找到所需資訊。

網動廣告科技

參考資料：http://sports.ettoday.net/news/928202

後台網頁設計　RWD網頁設計　網頁設計推薦

NCC在昨（21）日推出「視覺化圖資系統服務電腦版」。（圖／翻攝自NCC「視覺化圖資系統服務電腦版」網頁）

網站建置　網站改版　客製化網頁設計

▲內容遞送網路服務商Akamai香港與台灣地區總經理張福玲。（圖／業者提供）

記者洪菱鞠／台北報導

瀏覽網頁的速度快慢，會影響使用者的停留意願，根據內容遞送網路服務商Akamai Technologies, Inc.發表最新《線上零售效能現狀報告》，網路效能每一毫秒都是關鍵，只要延遲0.1秒，就足以影響使用者的注意力和參與度，以及線上交易的營收狀況。

根據《線上零售效能現狀報告》分析結果，半數消費者透過智慧型手機瀏覽產品和服務，但僅5分之1的人會使用手機完成購買，網站載入時間只要延遲0.1秒就會損及7%轉換率；網頁載入時間只要延遲2秒就會增加103%跳出率；當網頁載入時間超過3秒時，53%的行動網站訪客就會離開；透過行動電話的消費者跳出率最高，平板電腦的跳出率最低。

該份研究報告為每半年發布一次，主要分析線上零售網站的效能，過往由 SOASTA發表，但該公司已於今年4月被Akamai併購。此次發表的內容包括頁面載入時間的「關鍵數字」、加速或延遲一秒對轉換率與跳出率的影響、以及效能對工作階段長度的影響。Akamai也以旗下服務客戶阿里巴巴全球速賣通在線交易平台為例，網站降低36%載入時間之後，發現訂單數量因此提高10.5%，新客轉換率增加27%。

使用者體驗是電子商務的成功關鍵，網頁速度會影響參與度和轉換率。Akamai香港與台灣地區總經理張福玲提到，研究指出，不論購物、訂房、預訂航班，有48%的人會透過行動裝置瀏覽網站獲得資訊，建議應考慮行動優先，因為即使速度慢0.1秒，都會導致消費者立即離開網站，影響到整體營收。

網動廣告科技

參考資料：http://www.ettoday.net/news/20170817/991174.htm

後台網頁設計　RWD網頁設計　網頁設計推薦

智慧型手機和濾鏡 App 的問世，不僅代表攝影門檻大大降低，一般人隨便拍拍也能修出大師級的藝術照片，但除了手機端有著多款濾鏡 App 外，近期國外也有位開發者 Lauren Waller，針對網頁平台製作出 CSSCO 濾鏡功能，不僅有 14 種濾鏡可選，且都是不限次數免費用到爽。CSSCO 目前已經開放下載，但原理採用 CSS 語法，一般人恐怕是有看沒有懂。

▼CSSCO 以 CSS 語法為設計骨幹，只要將特定濾鏡套用至網頁中，就能直接呈現濾鏡效果。（圖／翻攝自官網）

看到 CSSCO 這個名稱，不難發現是以 VSCO 濾鏡 App 為致敬對象，且內搭濾鏡如 ACG、HB1 等取名也相同，而網頁設計師在下載後，就能利用代表不同濾鏡的語法，不需藉由其他濾鏡 App，在網頁上就能直接呈現濾鏡效果，但目前不適用 IE、Edge 與 Opera Mini 等瀏覽器。

▼CSSCO 採用非破壞性的濾鏡使用方式，不怕降低照片畫質，但對不支援功能的瀏覽器來說，就只會看到照片原圖（圖右處）。（圖／翻攝自官網）

網動廣告科技

參考資料：http://www.ettoday.net/news/20161102/803728.htm