手機版網站小健檢

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

請參考下列的狀況,如果貴司的官方網站有下列幾樣問題,那手機版網站就是您非先執行不可的項目囉!

RWD網頁設計

  1. 您的官方網站使否有特殊或複雜的機制,而這些機制只能限制在電腦版網站上順利操作。
  2. 您現有的官方網站有使用到會員系統、購物系統,而這些系統可能內的會員可能數量龐大…且持續有會員在使用,中段服務會造成營業上的損失。
  3. 您的官方網站使用率高,且官方網站內容資料量非常龐大,即便重新建置網站可能也要 花很多時間做資料的建立,為了讓行動裝置的使用者能夠順利瀏覽官方資訊。
  4. 官方網站有串接一些特別的系統(EX: ERP、CRM或是會計財務相關的系統),而這些系統的資料庫位置不容易轉移時。
  5. 官方網站在電腦版上有不得不使用的flash動畫或是一些其他華麗的視覺效果,而不希望這些效果未來在電腦版網站上被取消。

振作網頁設計

參考資料:https://www.wakeup.com.tw/mobileweb/

手機版網站小健檢

美國移民局新網頁 查詢身分申請更方便

網頁設計公司   台北網頁設計公司推薦  台中網頁設計公司推薦

美國公民及移民服務局(USCIS)3月22日公布,啟用一個測試版新系統,(網站:https://egov.uscis.gov/processing-times/#mainContent )用以查詢移民申請表格的處理時間。

其中包括:N-400表格(歸化入籍申請)、I-90表格(更換綠卡申請)、I-485表格(綠卡申請或調整身分申請)以及I-751(移除居留條件申請)等。

記者實測新系統的網頁,在第一欄表格申請選N-400歸化入籍申請,第二欄地區選紐約市後,可以看到顯示的處理時間是10個半月到17個半月。

時間較短的數字是指移民局完成50%申請個案所需要的時間,而較長的數字則是完成93%個案所需的時間。

值得注意的是,處理時間是從移民局收到申請的日期開始計算。

移民局表示,新網站系統自動更新、數據更準確,移民局將在兩週內公佈處理申請的時間,而舊系統則需要六週運行數據。

振作網頁設計

參考資料:http://www.ntdtv.com/xtr/b5/2018/03/26/a1368946.html

美國移民局新網頁 查詢身分申請更方便

Google推「手機優先」政策:以行動版網頁做優先索引與排序

網頁設計公司    台北網頁設計公司推薦      台中網頁設計公司推薦

資訊爆炸的時代,走在路上人手一機,也因此,對於網路的使用習慣早已從過去的電腦,轉而依賴手機和平板等等工具。面對這樣的現象,Google也有所察覺,於近日宣布推出「手機優先」(mobile-first)政策,以行動版網頁做優先索引,取代目前傳統桌面網站便利先行的排序方法。

Google於今年一月更改了行動裝置搜尋結果的演算法,將網路載入速度納入考量,意即載速較慢的網頁,其顯示結果將會被往後移。近年來,Google已逐漸將重心轉至行動網路上,更早於2016年開始試行讓行動搜尋和桌面搜尋顯示不同結果。

Google於官方文章中表示,該次更新意味著,Google將以行動版網頁做優先索引與排序,取代目前傳統桌面網站便利先行的排序方法,盼能協助行動裝置的用戶更加容易找到需要的資訊。

Google還表示,這項新政策只與Google蒐集內容的方式有關,並不涉及內容的排序,若網站僅提供桌面版的內容,一樣會出現在Google的搜尋索引當中,不過他們更希望這項措施能突顯出優質的行動網頁。

而現在Google也因Facebook大幅度更改動態消息演算法,成為媒體的最大流量來源;日前,Facebook爆出史上最大的個資外洩風波,股價應聲下跌外,也被預期其新聞市場業務將呈現收縮狀態,而這樣的契機卻給Google帶來更大的機會,Google將有可能繼續坐大成為諸多新聞網站的主要流量來源。

振作網頁設計

參考資料:https://n.yam.com/Article/20180328506069

Google推「手機優先」政策:以行動版網頁做優先索引與排序

快速網頁截圖,一鍵搞定捕捉整個畫面

網頁設計公司   台北網頁設計公司推薦  台中網頁設計公司推薦

當在網頁註冊了重要訊息,或是有什麼相關資訊想要儲存下來,但又想把整個頁面儲存下來時,不妨可以試試這次介紹的工具唷!可以快速將網頁截圖,還可以選擇要捕捉整頁,或是特定區塊,而且還能存成 PDF!

快速網頁截圖的好處

曾經填寫過的資料,或是瀏覽到喜歡的畫面時,或是有頁面是需要列印的。那為什麼不要透過 Chrome 內建的列印功能呢?直接透過內建的列印除了版面及畫面會跑掉之外,而且也無法特定區快選取儲存成PDF。

如何快速一鍵網頁截圖

透過 Chrome 擴充功能快速一鍵捕捉想要儲存的畫面。
進到擴充功能頁面後,點擊右上角的「加入Chrome」,再點擊一次「新增」。

快速捕捉網頁整頁截圖

何謂捕捉整個畫面,顧名思義就是將整個網頁可視的部分截圖下來,包含滾動後的畫面。以蘋果仁的網站為例,小編想要將這個網頁截圖整頁,只需要將畫面右鍵選取「捕捉網頁截圖」並選擇「捕捉整個頁面」。

當點擊「捕捉整個畫面」,就會發現畫面竟然開始自己捲動起來了!這時其實是工具正在幫你整頁截圖唷!當自動滾動完成後,將會自動新增截圖後的分頁。
左側就是將整個畫面捕捉下來的結果預覽,而右側可以選擇將網頁截圖另存成圖片或是 PDF 檔案。另外還可以直接發送 Email,或是再次透過 Chrome 列印的功能將畫面列印。
那為什麼不直接使用 Chrome 列印功能就好呢?
讓我們看看比較圖:左側是直接使用Chrome 列印,右側是先完整捕捉網頁後在列印的樣子。
明顯可以發現左側將許多網頁的模樣都文件化,失去了原先網頁的模樣;而右側因為先完整捕捉,所以畫面是原汁原味的截圖。

快速捕捉可見頁面

除了整頁完整的捕捉下來之外,也是可以直接快速捕捉可見的畫面,不包含滾動後的畫面。

使用方法一樣:右鍵選取「捕捉網頁截圖」並選擇「捕捉可見部分」。

快速捕捉可見頁面

那如果只想要截取特定的區塊也沒問題!

使用方法一樣:右鍵選取「捕捉網頁截圖」並選擇「捕獲的選擇」。這時鼠標會變成「+」的樣式,就可以選取想要的區塊囉!

 

振作網頁設計

參考資料:https://applealmond.com/posts/9365

 

快速網頁截圖,一鍵搞定捕捉整個畫面

下一代Chrome將主動消音網頁中自動播放的影片

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

讀者們應該都有類似的體驗,當你打開某個網頁或新聞網站時,往往會被自動播放的影片嚇到,在Google Chrome 64當中最顯著的改變,就是會能夠指定消音某些網頁上自動播放的影片,而新一代的Chrome 66則是主動增加自動播放影片的限制,提升使用者體驗。

Chrome 64與Chrome 66的主要區別在於Chrome 64並非默認消音自動播放影片,而是需要使用者為每個網站設定,一旦設定完成,該網站中的所有自動播放內容都將被Chrome消音,也就是全站式影片消音,除非使用者手動打開。

20

▲在Chrome 64版本,使用者需點選網址欄左方的網站設定處(資訊i或綠色鎖圖案),在Sound處開啟全站式靜音設定。/新聞照來源:CNEWS

而新版本 Chrome 66則是會直接靜音自動播放的影片,直到使用者手動點擊才會開啟聲音,Chrome也會進行自動判別,若是使用者經常打開該網頁的聲音,就不在Chrome的消音名單中;此外,在Chrome 66 當中,具有以下特性的影片仍會自動播放,包括原本就不具有聲音的影片,或者該網站已被添加至Android手機主頁中。

預計新版本的Chrome 66將在4月推出,屆時Chrome將自動更新。目前使用者已可下載Chrome 66的beta版本。

 

振作網頁設計

參考資料:https://n.yam.com/Article/20180325673222

下一代Chrome將主動消音網頁中自動播放的影片

美移民局新網頁 快速查詢四類申請處理時間

網頁設計公司   網頁設計公司推薦   台北網頁設計公司推薦

為協助移民更精準掌握各類申請案件的進度,美國公民及移民服務局(USCIS)22日開始測試一個新查詢系統網頁,設計更容易閱讀的方法,顯示四大類移民申請的處理時間。

根據USCIS公告,新網頁提供以下四大類移民申請者,查詢移民局所需要的處理時間。

N-400表格,申請歸化;

I-90表格,更新永久居民卡(綠卡);

I-485表格,申請永久居留或調整身分;

I-751表格,請求移除居留條件。

新網頁的設計可以讓任何人都能更輕鬆地查閱USCIS的處理時間,幫助申請者掌握聯繫及詢問USCIS的時間點,以及確定所提出的案件是否已超過正常處理時間。

新網頁提供自動更新的功能,允許USCIS在兩週內發布有關處理時間的數據,過去的更新週期是六週。

USCIS根據收到這四類移民申請案件的日期,更新處理時間。在這個頁面選擇這四類移民申請的其中一項,以及處理入籍申請案件的USCIS辦事處,即可顯示所需要處理時間的區間。

例如選擇N-400入籍申請以及紐約市,顯示的區間是10.5個月到17.5個月。移民局說,第一個數字係指完成紐約市50%入籍申請案所需要的時間,第二個數字是完成93%申請案所需的時間。

圖為測試在紐約市提出歸化申請的結果。(USCIS網站截圖)

移民局表示,這四類以外的移民申請,仍按照過去的運算模式(加計30%的時間)計算處理時間。移民局將依測試階段使用者的反饋,評估是否要將新方法擴大到其它移民申請。

 

振作網頁設計

參考資料:http://www.epochtimes.com/b5/18/3/24/n10246375.htm

 

美移民局新網頁 快速查詢四類申請處理時間

什麼是RWD響應式網頁設計

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

RWD 全名為 Responsive Web Design(響應式網頁設計)
又稱作適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計

簡單來說RWD(響應式網頁設計)是透過覽器的解析度來判斷要給使用者看到的樣貌,
用CSS的百分比方式來設計,讓網站可以符合各種瀏覽裝置,也不用擔心手機版和官方網站有兩個後台的問題。
透過選單樣式的調整、圖片的縮放比例、文字的放大及段落的排版對應來給使用者最佳的瀏覽體驗,
而視覺效果也是透過我們前端設計師優秀的空間比例設計,不會因為畫面變大變小而影響到整體視覺的美感。
這項技術在這幾年已經慢慢成為網站設計主流方式之一。

透過下面的範例圖片,您可以更清楚RWD(響應式網頁設計)的呈現邏輯。

RWD網頁設計
參考資料:https://www.wakeup.com.tw/rwdwebdesign01/

什麼是RWD響應式網頁設計

YouTube 網頁版 浮動視窗 進入測試階段 近期有望推出

網頁設計公司   網頁設計公司推薦  台中網頁設計公司推薦

在播放 YouTube 網頁版 影片時,有時會想上下瀏覽視窗內的留言或其它資訊,但又想同時觀看影片內容怎麼辦?目前官方開放少數用戶測試這項「浮動視窗」的新功能,或許不久後將開放給所有用戶使用。這功能其實與現行 Facebook 的播放器有些相似,並加入了播放清單控制,在使用上更為方便。

來自外媒 9to5Google 的消息, YouTube 目前針對小部分用戶正開放浮動視窗新功能的測試,只要開啟這功能,影片就會出現一個小型的浮動視窗在畫面右下角:

▲圖片來源: 9to5Google

可支援基本的播放/暫停與播放清單的前後段影片切換,但這功能看似與 Facebook 浮動小視窗類似,僅能在單一視窗進行浮動顯示

與目前 macOS 的「子母畫面」功能相似,但更接近 Facebook 的浮動小視窗

現階段在 macOS 的 Safari 和 Chrome 瀏覽器上,早已可使用 YouTube 的「子母畫面」讓影片可跳脫原始視窗框架,以不受視窗限制的方式進行播放,但子母畫面僅能支援「播放/暫停」,並無支援更進階的影片功能操作。因此,使用者若想操作播放清單仍要回到原始的影片視窗

在工作時想同時瞄一下影片的時候,子母畫面就是可同時滿足娛樂與工作需求的一種瀏覽方式,也是筆者平時工作經常使用的模式。

而 YouTube 這次測試中的「浮動視窗」新功能與目前在 macOS 上所支援的「子母畫面」有所不同,在功能上更接近 Facebook 的浮動小視窗

目前 Facebook 的「浮動小視窗」可支援影片播放/暫停、音量調整、按讚與分享。雖然它是浮動在畫面上,但畫面顯示仍受限於在視窗,若使用者切換至其它視窗將無法顯示影片。

 

振作網頁設計

參考資料:https://www.kocpc.com.tw/archives/188513

YouTube 網頁版 浮動視窗 進入測試階段 近期有望推出