yaya-coding - Tumblr blog

yaya-coding · 4 years ago

Text

macOS 更新後無法使用 command line

當更新了 mac 後，有時候會遇到在終端機要下指定的時候噴出

xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

這時候請在終端下

xcode-select --install

你的終端就會活過來了（遠目）

ref:

https://stackoverflow.com/questions/52522565/git-is-not-working-after-macos-update-xcrun-error-invalid-active-developer-pa

#command line #macos

0 notes

yaya-coding · 5 years ago

Text

使用 git 發生的蠢事

最近為自己的部門規劃了一段 git flow，在設計要開出新分支時，是採用「Feature_#票號_功能名稱」這樣的命名方式。

但當同事推上這個 branch 後，我卻怎麼樣都拉不下來，我一直在想是不是我拼錯打錯指定或是弄錯了什麼。直到我想照著這個命名邏輯自己開一個新的分支來修改東西的時候發現，原來當中的 # 會讓這個指定變成註解，我必須要用引號把它包起來，終端機才會認得這個指定...

到底，我為何如此瞎搞自己呢。

#git #git-sitcom

0 notes

yaya-coding · 6 years ago

Text

用 js 保護信箱防垃圾信

原來可以用 js 來保護放在網站或公開頁面的信箱，來防止爬蟲或機器人等等的對信箱寄垃圾信。做法還蠻簡單的，可以參考下面幾個教學。 https://ultimatecourses.com/blog/email-address-spam-protection-with-javascript

http://joemaller.com/js-mailer.shtml#finished

也有 no script 的對應做法。

#javascript #email

0 notes

yaya-coding · 8 years ago

Text

Prototype Tool

以前 invision 和 balsamis、axyre 都是常見的 prototype 工具，但隨著大家開發的 app 越來越花俏，不一樣的 transition 和 animate, motion 想要被呈現。我覺得現在也真是 prototype 工具的戰國時代啊... 以前出一款新的我都會去下載來試用看看，現在我都懷疑我試用的速度跟不上新的工具出來的速度啊...

最近剛好看到這個可以幫忙做決定的小工具 http://www.prototypr.io/prototyping-tools/ 可以透過左手邊的條件塞選出符合本次需求的工具。點選各個工具也可以看到詳細的介紹，在初期還不太有個頭緒要選哪個工具時，我覺得是個不錯的建議工具可以幫助大家選擇 prototype 工具。

#ui ux design #ui ux developer #prototype

0 notes

yaya-coding · 9 years ago

Text

JavaScript Equality Table

好用的對照表。

0 notes

yaya-coding · 10 years ago

Text

IE 嵌入 iframe 無視 z-index

IE8 在嵌入 youtube 影片的時候，嵌入的 ifame 會無視 z-index 的排序，所以當頁面有個下拉選單就在影片上方，下拉時，可能就會被這個 iframe 擋住選項，就算你對下拉選單使出黑魔法 z-index: 9999 !important，這個 iframe 還是會臉不紅氣不喘的擋住選項...

google 了一下在 iframe 上加入 wmode 參數可解，詳情請參考這裡

$(document).ready(function (){ $('iframe').each(function(){ var url = $(this).attr("src"); $(this).attr("src",url+"?wmode=transparent"); }); });

但是！！！

如果你遇到嵌入的 youtube 影片不僅僅是個影片，是個播放清單的時候，用上述的方式加入 wmode 參數，會導致播放清單點擊播放時產生 “影片不存在” 的窘況。所以建議將 wmode 參數放在前面，就不會影響播放清單的播放了（詳情可參考這裡）

$(function(){ $("iframe").each(function(){ var ifr_source = $(this).attr('src'); var wmode = "wmode=opaque"; if(ifr_source.indexOf('?') != -1) { var getQString = ifr_source.split('?'); var oldString = getQString[1]; var newString = getQString[0]; $(this).attr('src',newString+'?'+wmode+'&'+oldString); } else $(this).attr('src',ifr_source+'?'+wmode); }); });

然後我原本以為這東西只會在 IE8 遇到，因為當時測試了win7 IE11 並沒有遇到這個問題，但沒想到過幾天，有人測試發現會遇到跟 IE8 一樣的問題。抽絲剝繭之後發現，我原先測試的版本是 win7 IE11 18XXX 版本，確實不會有這個 z-index 問題，但是在 win7 IE11 17XXX 和 16XXX （推測 18XXX 以下版本可能都有這個問題吧...）卻有這個 z-index 的問題。

那就...改判斷式，保險起見讓 IE 家族都加上 wmode 參數好了...(._.a)

第一次知道會有這種隔代遺傳的 bug…IE 總是能讓我跪下

#IE bug

0 notes

yaya-coding · 10 years ago

Text

tumblr 自訂網址

1.首先要買個網址

可以上 http://myname.pchome.com.tw 介面全是中文的，跟著操作就可以了。（如果真的有問題，PChome 也做了很多圖文教學）

2.設定DNS

在類型的部分選擇「CNAME」，然後地址的部分輸入“domains.tumblr.com.”（要記得 com 後面要有 . 喔）

3.設定 tumblr 的網址

在 tumblr 的設定頁當中，把 Use a custom domain 打開，輸入你購買的網址，儲存，就完成了。

tumblr 真的蠻方便的，custom domain 是不需要額外的收費，然後設定上又挺容易的，沒遇到什麼的困難。啊，我會選用 PChome 買是因為想要買 .tw 的網址，如果想要買國際的網址，也可以看看 namecheap 或是 GoDaddy 之類的網站。

參考資料： https://www.tumblr.com/docs/en/custom_domains

#tumblr #custom domain

0 notes

yaya-coding · 10 years ago

Text

如何在 Finder 中快速分辨白背景和透明背景

要來說個秘訣了！XD

當在使用 Finder 預覽圖檔的時候，常常會不曉得這張圖片是真的”透明“的背景，還是”白色“的背景（上圖是使用“預覽程式”開啟圖片查看的），因為 Finder 並沒有像 photoshop 一樣，會像上圖用格子來表示透明背景。所以，實不相瞞，我之前還是用一種非常土法鍊鋼的方式來看到底是不是透明背景...就是用 photoshop 開圖檔，看到格子透明背景就覺得安心（這方法弱爆了…）