自己當了工程師這些年
總是覺得自己的工作流程進步得很慢
雖然知道很多東西
似乎實踐的速度太慢了
所以寫篇文章來督促自己成長
(閱讀全文…)
分類: 前端
-
我的網站開發流程【17/366】
-
CSS background 背景屬性【11/366】
這幾天遇到背景屬性
究竟要分開寫還合在一起寫好
所以就查了一下
(閱讀全文…) -
jQuery 3.0 alpha1
jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released
7/13 released 3.0 alpha 1了!!
看來3.0今年應該有機會出現
文章提到3.0支援IE9以上的版本
有提供compat版本，支援IE8，也支援Yandex Browser
詳細的修改特性，大家就看看開頭的連結文章吧 -
外掛更新就掛掉!!
Images Lazyload and Slideshow
睽違快一年的更新
結果一更新就壞掉XD
只好找別的外掛先頂一下 -
[前端]中文urlencode,urldecode的問題-純js
這問題真的挺少見的
筆記一下問題情況：
有某中文字串，經過urlencode過，需要使用urldecode，
但是原始字串編碼並非是UTF-8，所以不能直接使用js 的urldecode function
但是又不能使用後端解碼，只能用js處理網路上搜尋過後，
最常見的解法
就是在JS裡面寫一段解碼表，把utf-8(en) -> big5(de)
找到一段轉換code 連結
網路上也有轉換的線上站 連結
但是不能用這麼多的js code
於是，另外找了其他作法
(造福中国前端界）纯前端Js完美解决各种汉字urlencode,urldecode，编码解码问题，不借助任何字库，内码表，轻松一行，兼容IE8+，chrome，firefox，safari等主流浏览器
範例網址
github source code link
(閱讀全文…) -
圖片垂直方向的對齊
今天遇到一個情況
整串文字裡面，有穿插一張圖片
要設定這張圖片的對齊
於是google一下CSS的做法
找到了一個屬性CSS vertical-align 屬性
連結：CSS vertical-align 屬性 – Wibibi因為要讓圖片向上對齊
就用了vertical-align : super;
讓圖片對齊到上標的位置
-
手邊可以使用的開發資源
今天看了一篇文章 【8個免費工具幫助簡化前端開發的工作】
就來整理一下手邊有的資源
其實平常找工具都是透過Google
但是有些真正好的工具，其實是藏在民間
但是曾經看過卻沒有整理的資料
往往就會遺忘掉了https://uiuxlink.hackpad.com/
這上面有很多UI/UX的資源整理
由於是hackpad，也可以補充更多資源上去之前寫了篇Github上面的資源整理
也是可以快速找到開發資源的方式
(閱讀全文…) -
有趣的網站研究 Day 2
點到這網站的時候
只是想說這兩個卡通角色竟然有特展
於是就進來看了
但是切換頁面的時候發現
竟然可以用loading的變更
切換頁面不用全部讀取
而且可以平順的切換網址
跟FB很類似的效果網站：http://mmts40.tw/ticket/
看了一下code
網站是wordpress架設的
用到wp的一個theme的修改
叫做 Bridge，是在 themeforest 上面販賣的
仔細找一下
平順轉頁的功能是這個theme的公司自己寫的功能gist：https://gist.github.com/Barneybook/3ad781b965264b34ee7a
theme引用的其中一個js檔，應該就是ajax換頁的功能
我貼到gist上面，其實寫的挺好的
看來需要另外找時間去把code研究研究 -
有趣的網站研究 Day 1
開始寫新的主題
把別人網站拿來研究也是不錯的主題網站連結：http://p5jsbrush.yannest.com/
gist：https://gist.github.com/Barneybook/836248c800f5dbc0cefaPS:避免code被刪掉，備份到gist了!!
有用到一個p5.js，感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白，點選左鍵就會塗黑的範例