使用SelectBoxIt.js自訂你的下拉選單
CSS無法影響下拉選單展開的選項，如果希望自訂選項的樣式，我們需要使用一些外掛來改變下拉選單的結構，...
AI 自動化專案／電商快速上線專案，歐斯瑞專業團隊免費提供諮詢中！
如何使用 Varnish 來增加你的網站速度
網站的瀏覽速度會大大的影響使用者體驗，進而影響到他對你的網站評分，本文將介紹如何用Varnish優化...
如何修改Google Analytics 網站速度的取樣率
Google Analytics 有個網站速度的功能可以追蹤單一個網頁從點擊連結到在瀏覽器上...
2016下半年QA必測清單
2016年已悄悄地過一半了，在這段時間歐斯瑞也測試了許多不同的網站，每個網站所想要的需求也都不太...
使用bootply測試您的Bootstrap 網頁
您正在學習 Bootstrap 嗎？或是需要測試某個 Bootstrap javascript ...
Bootstrap Carousel (Bootstrap廣告輪播器)使用上的小技巧
這篇文章要跟你分享幾個使用Bootstrap的小技巧，包括：取消換頁的箭頭及按鈕、改變幻燈片停留的時...
當只有一張圖片的時候、隱藏Bootstrap Carousel 的箭頭和按鈕
現今有許多網站都會使用輪播圖片的方式來傳達訊息，網頁瀏覽者也可自行左右移動圖片，但如果在圖片...
在行動裝置上避免點擊輸入框時畫面放大
您有沒有遇過這樣的情況：當使用手機瀏覽網頁時，點擊輸入框準備輸入文字時，畫面放大了。若是不希望畫面放...
如何解決網站圖片在iPad和iPhone上方向不正確的問題
您有沒有遇過這樣的情況、上傳到網站的照片明明在各種裝置都能正常顯示、偏偏在iPad和iPhone...
SASS: 如何幫產生的css指定編碼為UTF-8
( 繼續閱讀… )
Github如何在二階段驗證啟用時進行版本庫的更新
因為網路安全性越來越受重視，當然各種網路服務也都為了加強而增加各式各樣的防護，就例如二階段驗證。...
讓網頁連線加密(https)！如何讓網頁伺服器取得免費SSL憑證(Let’sencrypt)
HTTPS是Google 搜尋結果排名考量因素之一，Chrome 64 版本更把沒有HTTPS的網站...
HTTPS 跨時代的網路資安新方法
在數位世界中，如何確保個人隱私的保密及安全一直是大家都非常關注的議題。同時，電商經營者也希望...
幫你的sass專案加上Autoprefixer功能
Autoprefixer是一個自動幫CSS加上前輟詞的工具，如果你習慣使...
防止網站被嵌入別人家的網站裡(使用iframe內嵌)
今天歐斯瑞要跟大家分享二種防止網站被別人使用iframe內嵌的方法！
響應式網頁測試工具-Resizer使用介紹
Resizer是由Google所推出免費響應式網頁測試工具，他的呈現方式是模擬真實網站在不同的裝置上...
快速上手色碼寫法，丟掉你的色碼表吧!
相信大家在寫CSS時，都曾使用過網頁色碼表查詢顏色的代碼，但是否有些時候會遇到某些顏色想調淡或調深，...
SASS的二種註解方式 /* */ 與 //
SASS的註解方式有二種：多行註解及單行註解 多行註解 使用...
如何購買與安裝SSL憑證
StartSSL是一個申請SSL的方式，本文將介紹申請與安裝的流程！
Magento二三事，你不該使用套版的三大理由
試想，當你在逛街的時候，看到一間裝潢乾淨大方、動線分明、商品整齊陳列的店面，跟另外一家裝潢花...
電商網站常見錯誤Top 10
在前幾篇分享文章裡和大家分享了一些有關在測試電商網站時，可能會偵錯到或是較常見到的各種錯誤，不管...
電商網站的整合測試
系統整合主要是把在不同系統和設備上的不同功能串連起來，形成一個資料往來的交流管道。簡單來說就好比...
掌握開發無障礙網頁的基本原則
無障礙網頁的立意是讓身障者也能瀏覽閱讀網站內容，並與網頁互動，對前端工程師來說，無障礙網頁的開發基本...
WordPress 4.4 版本開始支援響應式圖片
新釋出的wordpress4.4版本開始支援srcset 及 sizes標籤的使用，這使得wor...
網頁版面快速調整工具：快速移動瀏覽器物件
今天astralweb要與大家分享快速更改網頁上物件的位置，可以省去PS的時間，也很快速，一起來...
Sass的註解功能，讓除錯工作變得更簡單
如果Sass生成的CSS檔案、不如你所預期的，你要怎麼知道是哪邊出問題了呢？Sass有一個註解功...
如何修改Sass的輸出樣式
在網站的開發階段、我們通常會將CSS樣式表展開、方便查找代碼。但是當網站要正式上線的時候、我們又...
網頁錯誤排名大拼比！(網站測試)
當完成一個電商網站後，最主要的便是測試網頁內容是否一致、功能是否正常運作，以及測試在使用不同的作...
如何在wordpress網站使用自訂維度進一步分析您的網站
如果您本身也有經營wordpress網站，是不是曾想過這個問題：在您的網站中、那一類的文章比...
如何使用CSS(border-radius)畫出圓角DIV
在使用CSS排版時，div預設的形狀都是方形，因此今天就要教大家如何使用border-radius將...
如何確認結帳流程的QA測試
當一個電商網站完成時，勢必都一定要測試整體結帳流程是否有問題產生，從挑選商品一直到完成結帳這一整...
如何在magento商店加上Google Analytics (分析)的追蹤碼
如果要在magento商店加上Google Analytics (分析)的追蹤碼，您不需要懂任何...
電商網站實戰測試篇—基本功能幾大常見錯誤
在上一篇電商網站實戰測試篇—版型幾大常見錯誤，談到了版型就好比是房子的基底，那麼功能可以說是房子...
網站測試-功能篇(下)
當一個電商網站完成後，並不是完成就好。對網站而言，每個元素及功能都是需要不斷被測試與驗證的。...
視訊影像新革命！720度全景錄影新技術
360影片是指利用全景錄影機以一個位置錄下周圍環境的所有角度後，將影片透過程式編碼，產生可以隨意轉動...
如何設定Google 分析內容分組的條件規則
當您網站的內容愈來愈多、查看網站分析數據就變成一件很累人的事，這時候我們...
匯出CSV的0都不見了？ 三個步驟找回來！
你有過曾經打開匯出的CSV檔案，發現欄位內容的許多0都消失了嗎?像是原本產品編號為"00234"，但...
如何在Magento的首頁上增加最新產品的列表
這篇文章要為您介紹如何在Magento的首頁上增加最新產品的列表，全部的操作都可以在管理後台...
電商網站實戰測試篇—版型幾大常見錯誤
撰寫一個電商網站，就好比是在蓋房子一樣，要先蓋好基底，基底蓋穩了，才能搭配水泥與磚頭或是其他...
使用字型製作網頁圖標【SVG匯出篇】
今天Aastralweb與大家分享使用AI儲存SVG向量檔案格式的圖標，將它轉成網頁字型檔，應用於網...
網站測試-功能篇(上)
當完成電商網站時，要如何預防使用者在使用的過程中在某個階段發生錯誤導致失敗，而失去繼續使用該...
HTTP2的好處
HTTP2已經釋出有一段時間了(今年2015年的5月正式釋出RFC 7540)，新的HTTP...
WordPress！什麼樣的網站適合用WordPress製作?
Wordpress這套系統在現今被廣泛使用在各種類型的網站上，像是公司入口網站、旅館訂房網站、電子商...
QA人員你做對了嗎？- QA 測試表單大解析
當工程師完成一個電商網站時，身為一名QA工程師，可能都會經歷過相同的問題。那就是該往哪個方向開始進行...
如何使用XENU查找網站的失效連結
當您需要檢查網站失效連結的時候，可以使用免費工具 - XENU，請看以下範例。
電子商務網站內需要被QA測試的元素
首先，我們先來簡單介紹一下電商 什麼是電子商務？ 電子商務又可簡稱為電商，它能廣泛地在各個地...
解決Nginx與php-fpm發生504 Gateway Time-out問題
我們可以對Nginx與php的設定參數進行適當的調整，讓504 Gateway Time-out在正...
網站測試-單元篇(下)
上次跟大家分享了測試網站的字型大小、顏色、圖形、拼字、位置...等的測試範例 欲了解網站測試小...
Mysql 設定綁定IP
今天要介紹的在Mysql設定檔中修改bind-address的設定，如此一來在我們有需要分開主機，以...
變更Magento後台網址
今天要來介紹如何快速的變更Magento後台網址，其實很簡單，只要打開local.xml設定檔修...
如何確認您的網站是否適合行動裝置瀏覽
當使用者透過行動裝置瀏覽您的網站時，他們能否輕鬆閱讀網頁內容並找到需要的資訊，或是會覺得難以使用...
幫Contact Form 7(WordPress外掛)聯絡表單 加上 Google event事件追蹤碼
Contact Form 7 是一個相當愛歡迎的 Wordpress 的表單外掛，這篇文章要教您如...
用三句話說明你的專案目標
許多大型專案因為包含了太多的變更以及新加入利害關係人的期望，專案進行中往往會因為忘記專案萌芽時定下的...
網站測試-單元篇(上)
今天來跟大家分享網站測試的單元測試其中一部分，測試範圍包含了字型、字型大小、顏色、圖形、拼字、位置等...
電子商務網站的基本測試
當我們完成一個電子商務網站時，就能馬上啟用上線嗎？答案是否。 因為當電子商務網站完成後，並不能...
Magento 如何增加後台列表欄位 – 使用合併查詢(Join)
Magento擁有非常完整的後台功能，可以讓我們盡可能的進行網路商店的操...
修改設定，隱藏版本提高伺服器安全性
之前有提到有關如何設定META TAG，管理你的網站可見度，今天要針對Apache與Nginx，再跟...
自訂您的網頁圖示字型(icon font)
如果您需要一個專屬於自己的圖示字型，可以試試Fontastic這個線上圖示字型產生器，請看以下示範！
使用adapt.js快速將您的網站變成響應式網站
響應式網站是目前建站的趨勢，但如果您原本已經有個網站了，又暫時還不打算另外建立新站，您可以考慮使...
調整系統設定，再進一步增進Magento效能
之前提到的Magento設定優化，是在Magento系統中已整合好的設定功能，因此我們可以簡單的...
Centos-PHP環境下設定Mssql連線功能與啟用
在預設的PHP環境下，是沒有對microsoft sql server支援連線功...
利用htaccess設定301 redirect
有時網站會有舊站翻新、舊的內容移除，想要讓使用者轉移去瀏覽新的內容。 這時我們可以簡單的透過設...
Centos環境下，安裝Epel擴充資源庫
在Linux系統上的資源庫(repository)就像一份清單，紀錄著哪些資源可以去哪邊下載更新，跟...
寫出適當的專案週報格式
專案狀態報告的週期應該依整個專案時間來決定適當的頻率；適當的頻率可以幫專案經理跟贊助人更有效率的掌握...
你必須知道的設定，快速優化Magento效能
今天要告訴大家快速優化Mgento效能的方法，Magento已經有很多提供在後台的功能，只是...
如何設計響應式的電子郵件
響應式的電子郵件在編碼上比響應式的網頁更加麻煩，因為我們必須同時考慮各種郵件軟體及各家線上郵件平台的...
如何規劃網站測試流程
一般來說，測試不外乎是兼容性、功能性、可用性等等；在開始測試之前先了解架構，擬定出一個大方向，如此一...
利用Javascript，自製清理網頁元素工具
相信不少的網頁工作者，都會有類似的經驗，尤其是在需要重新整理網頁內容，或是重構網站時，看到一...
選對合約類型，讓專案更順利
在之前的文章中，我們提到溝通對於專案成功的重要性；當雙方對於專案的交付物達成共識之後，將買賣雙方...