Open in app
Sign inGet started

前端開發｜小分享

JS小分享｜來SpriteSpin用圖片組成360°效果吧！

JS小分享｜來SpriteSpin用圖片組成360°效果吧！

Use SpriteSpin to make images 360 degrees and 3D Model Viewer
Go to the profile of Anna Hsiao
Anna Hsiao
EXIF小分享|取得你的照片資訊+旋轉IOS的照片預設角度！

EXIF小分享|取得你的照片資訊+旋轉IOS的照片預設角度！

Use EXIFJS to get your photo infomation
Go to the profile of Anna Hsiao
Anna Hsiao
Zeplin小學堂｜ Charpet2. 結合Photoshop Plugin輕鬆上傳至Zeplin

Zeplin小學堂｜ Charpet2. 結合Photoshop Plugin輕鬆上傳至Zeplin

Zeplin｜Charpet2. Exporting designs from Photoshop
Go to the profile of Anna Hsiao
Anna Hsiao
Zeplin小學堂｜ Charpet1. 專案建置及版面介紹

Zeplin小學堂｜ Charpet1. 專案建置及版面介紹

Zeplin Building & Introduction
Go to the profile of Anna Hsiao
Anna Hsiao
JS小分享｜AOS滾動框架動畫

JS小分享｜AOS滾動框架動畫

大家在製作網站時，是不是常常碰到網站需要有滑動的動態效果呢？當然手刻js並不會很麻煩，但如果碰上時間緊迫加上網站有大量的不同方向切入時的動態，AOS就此而誕生了！
Go to the profile of Anna Hsiao
Anna Hsiao
JS小分享｜Youtube全螢幕背景＆api教學

JS小分享｜Youtube全螢幕背景＆api教學

影音化或是遊戲類型的網站是不是常常會碰到客戶要求網站的背景要是影片播放呢？今天要來介紹一支JS可以支援Youtube全螢幕背景也可以支援新的360度背景影片！除此之外，也有Youtube api的簡易教學喔！
Go to the profile of Anna Hsiao
Anna Hsiao
JS小分享｜當Google試算表遇上Chart.js

JS小分享｜當Google試算表遇上Chart.js

上篇帶大家了解如何將Google試算表轉換成線上資料庫，那麼當Google試算表遇上Chart.js會發生甚麼有趣的組合呢？本篇就來實際使用Google試算表，來建立一個簡單的圖像數據圖吧！
Go to the profile of Anna Hsiao
Anna Hsiao
JS小分享｜讓panzoom 放大/縮小你的元件視野

JS小分享｜讓panzoom 放大/縮小你的元件視野

panzoom是一支當在製作地圖或是需要放大商品視覺時候的好幫手，不只支援一般的按鍵縮放，同時也支援滑鼠滾輪的放大縮小、行動裝置的觸碰縮放、元件拖曳、SVG畫布細項拆解的移動
Go to the profile of Anna Hsiao
Anna Hsiao
JS小學堂｜HTML to PDF轉存頁面

JS小學堂｜HTML to PDF轉存頁面

你是否碰過在建立表單類型的網頁時，客戶要求要將頁面另存成PDF在裝置上也能離線瀏覽呢！？我們要如何將網頁轉成PDF下載，讓你無痛另存你的網頁樣版呢？
Go to the profile of Anna Hsiao
Anna Hsiao
Share
JS小分享｜Isotope自動排序與搜尋

JS小分享｜Isotope自動排序與搜尋

當產品列表頁或是需要製作圖片排列的效果，同時必須支援RWD及自動排序/搜尋時，你會怎麼處理這個需求呢?這次要來介紹一個好用的jQuery套件—Isotope
Go to the profile of Anna Hsiao
Anna Hsiao
切版小分享｜Zeplin前端與創意的福音

切版小分享｜Zeplin前端與創意的福音

在團隊討論合作時，最需要的除了溝通就是詳細的資訊了，相信大家多少都有聽過Zeplin，Zeplin是一款帶給前端與創意的福音，無論是開發網頁還是app都能帶來非常便利的切版功能！
Go to the profile of Anna Hsiao
Anna Hsiao
HTML 5| PNG/JPGE TO SVG

HTML 5| PNG/JPGE TO SVG

今天要來帶大家認識SVG的簡介與轉換方式，相信大家對SVG一定略有耳聞，看到W3C的編碼是不是跟我一樣對轉換成SVG有種深深的恐懼呢！？那些點對點的計算…如果客戶一個icon大翻版看到那堆編碼們臉都綠了…
Go to the profile of Anna Hsiao
Anna Hsiao
JS小分享｜Slide輪播套件

JS小分享｜Slide輪播套件

Slide是一個非常常見的網頁功能，在這一個區塊上也有非常非常多編譯的相當完整的JS套件，除了特殊情況下有輪播套件做不到的事情需要靠自己編譯外，基本上Slide的製作上我都會選擇使用各個前端前輩的Slide套件~
Go to the profile of Anna Hsiao
Anna Hsiao
About Anna.Hsaio｜前端開發記Latest StoriesArchiveAbout MediumTermsPrivacyTeams