8個免費工具幫助簡化前端開發的工作
本文將介紹幾個前端開發的工具：Chrome 開發人員工具、Brackets、Sublime Text...
歐斯瑞官網全新上線！專業團隊持續為您服務！
在您的網頁中新增 Google+ 追蹤按鈕
Google+ 追蹤按鈕可在您的網頁上新增一個簡單小型的條件按鈕，讓訪客可將您的個人資料或專頁快速加...
jQuery特效:Parallax Scrolling 視差滾動
視差滾動(Parallax scrolling)是電腦圖學中一種滑動特效技巧，讓2D畫面產生多層次的...
響應式圖片的解決方案：利用html5 標籤在不同裝置載入不同解析度圖片
html5 有針對響應式網頁的標籤、可以針對不同解析度的裝置、設定載入不同的圖片。既可以更符合設計、...
利用jQuery Scroll Depth追蹤使用者的閱讀情形
購物網站如何申請超商取貨付款？(7-ELEVEN、全家、OK、萊爾富四大超商)Astral web...
【教學】Google Code Prettify 幫您的程式碼上個色吧!
Google Code Prettify 是一個好用的語法上色工具、用法相當簡單 (...
從前端設計的角度來實踐SEO！
本文將提供您SEO-friendly的幾項HTML設置方針：結構化頁面，正確使用H 標籤，設置Mic...
如何在網頁中新增Google+ 徽章？
將您的 Google+專頁連到相關網站，可在 Google 搜尋結果中，為您的網站爭取更多推薦，吸引...
如何利用jQuery來讓錨點連結有滑動的效果？
當單一網頁的內容很多的時候，可以將內容分成數個段落，在每一段內容前面插入一個錨點，利用超連結的功能，...
利用Google的Structured Data Testing Tool檢查schema標記是否正確
繼上篇文章善用SCHEMA 標記，讓搜尋引擎更容易了解你的內容！後，我們針對Schema做了延伸文章...
如何使用Brackets 擴充功能 “Extract for Brackets (Preview)”，直接從psd檔取出設計資訊？
本篇文章將介紹如何使用Brackets擴充功能 “Extract for Brackets (Pre...
如何用CSS自訂網站反白文字？
如果來到Astral Web歐斯瑞的網站，按下左鍵選取文字(反白)時，出現的不是預設的背景色，而是鐵...