2016年1月7日 星期四
2013年7月10日 星期三
最近認識的新工具: bitbucket
最近因緣際會下認識了這個好工具叫做Bitbucket
其實他跟Github非常的相似,但5人以上團隊開發是要收費的。
不過我非常喜歡裡面的介面,自從看過JIRA介面之後才知道Atlassian這間公司,產品實在是很優秀,bitbucket理面的管理方式跟設定也很容易上手,是github的另一種選擇。
有興趣的話馬上註冊一下吧!
註冊方式除了可以直接註冊之外,也可以使用g+, facebook, twitter跟github,可以說是非常親民且容易上手,不過若跟我一樣使用github直接註冊的話,記得以後要git clone一個專案之前先換密碼,因為在git clone的過程很有可能出現request URL returned error,到時候只需要更新bitbucket帳號的密碼就可以了 ,參考。
[此圖截自:https://bitbucket.org/]
這是我的bitbucket專頁,呵呵,註冊後馬上開了兩個repo,另外repo也可以跟JIRA做結合。
對於所有的工具實在很難有個詳盡的解說,多用就是了。
Keep Coding!
2013年2月16日 星期六
Grunt- Javascript Project的建置工具
Grunt- javascript project的建置工具
(不知道這樣翻會不會很奇怪~"~)
英文是: Grunt is a task-based command line build tool for JavaScript projects
這是我最近在網路上看到的一個工具,想說來了解一下,看看之後發現想要用這個工具其實需要一定的門檻,雖然我很想嘗試不過我好像沒這個機會...只好了解先!
上面的官方網站點進去之後發現頁面很單純,要嘛就是去參觀github,不然就是看看他們的Document, 左邊攔可以看到"Getting Started"的小標,裡面寫著你可以用npm去安裝,看到npm就讓人想到node.js javascript...,如果我的推斷沒錯的話Grunt就是以node.js去建立的,被包成一個package,經由npm(Node package manager)將它下載下來。
蒐集的教學&介紹連結:
相關影片:
(上面這部非常基礎 約4分鐘)
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=LdqUiDyhzt8
(這片我覺得還不錯!)
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=LoStSbRRA3I
這一部有講到Grunt的部分比較少,雖然片長很長,但是也很精采
此影片引用自:http://www.youtube.com/watch?v=vDbbz-BdyYc&list=PLg9HYGREnFM72iFbTWcRQeU44Wi2mLwLi&feature=player_embedded
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=q3Sqljpr-Vc
20130513補充:
Grunt.js用在前端開發上 作者:vitaminx
(不知道這樣翻會不會很奇怪~"~)
英文是: Grunt is a task-based command line build tool for JavaScript projects
這是我最近在網路上看到的一個工具,想說來了解一下,看看之後發現想要用這個工具其實需要一定的門檻,雖然我很想嘗試不過我好像沒這個機會...只好了解先!
上面的官方網站點進去之後發現頁面很單純,要嘛就是去參觀github,不然就是看看他們的Document, 左邊攔可以看到"Getting Started"的小標,裡面寫著你可以用npm去安裝,看到npm就讓人想到node.js javascript...,如果我的推斷沒錯的話Grunt就是以node.js去建立的,被包成一個package,經由npm(Node package manager)將它下載下來。
蒐集的教學&介紹連結:
- 初學者可看的getting start
https://github.com/gruntjs/grunt/blob/0.3-stable/docs/getting_started.md
- Meet Grunt: The Build Tool for JavaScript
http://net.tutsplus.com/tutorials/javascript-ajax/meeting-grunt-the-build-tool-for-javascript/ - Introducing Grunt
http://benalman.com/news/2012/03/introducing-grunt/ - Introducing Grunt
http://weblog.bocoup.com/introducing-grunt/
相關影片:
(上面這部非常基礎 約4分鐘)
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=LdqUiDyhzt8
(這片我覺得還不錯!)
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=LoStSbRRA3I
這一部有講到Grunt的部分比較少,雖然片長很長,但是也很精采
此影片引用自:http://www.youtube.com/watch?v=vDbbz-BdyYc&list=PLg9HYGREnFM72iFbTWcRQeU44Wi2mLwLi&feature=player_embedded
此影片引用自:http://www.youtube.com/watch?feature=player_embedded&v=q3Sqljpr-Vc
20130513補充:
Grunt.js用在前端開發上 作者:vitaminx
2012年5月14日 星期一
網頁照相的好工具
如果我沒記錯的話我明天應該是要上班。
但是現在精神有點好,來發個文好了。這個工具非常適合網頁工作者,不管是設計師還是工程師,我們都會需要把網頁的畫面擷取下來,如果用瀏覽器放大縮小,畫面可能會因為字體的比例而很難看(圖還好),然後就要很辛苦地先截一部分的圖,再截令一部分的圖,然後再接起來,然後再轉存成jpg還是png等等,總之,過程就是麻煩兩字的可以形容相信任何再做網頁作品還有做畫面demo的人應該都會用到。廢話不多說 ,就是這個網站 :![]() |
(因為我沒有其他瀏覽器... 所以不是使用google chrome的可以試試看?)
按下下載後會先到google webstore 線上應用程式商店
然後再選擇加到chrome
成功加入後你的瀏覽器就會跟我一樣出現這個小icon

操作很簡單就不多說明,
網站跟google webstore都會說明。
不過這個工具可能要使用google chrome瀏覽器的樣子
2012年4月30日 星期一
自動產生CSS圓角語法網站
http://border-radius.com/
就是這個網址!
操作非常簡單,就是分別在四個角輸入要的角度,code會自動產生在中間的區塊,下方的三個選擇也可以分別選擇要不要-webkit 或是-moz的前置詞。
就是這個網址!
操作非常簡單,就是分別在四個角輸入要的角度,code會自動產生在中間的區塊,下方的三個選擇也可以分別選擇要不要-webkit 或是-moz的前置詞。
2012年4月29日 星期日
好用的程式碼編輯工具-notepad++

官方網站連結 : http://notepad-plus-plus.org/
notepad++是自從我開始學php的時候才見識到的編輯器,用了之後覺得真得蠻好用的。
使用其他的語言來開發感覺如何我是不太清楚,但是就以php及html來說,notepad++我倒是覺得很順手。
對我來說它就像是一個...恩 非常高級的筆記本,而且還可以FTP。
網頁這個東西呢,人生第一次碰的時候是國小五年級,那時候電腦老師就教我們用
frontpage來做網站,我還記得老師是怎麼解釋烘培雞的。但是這麼久遠學的東西誰會記得呢?
後來大學通識課,大約前年的時候,學到Dreamweaver,(其實高三的時候就有看了一下工具書,不過看不懂就是了),但是想想那時候學Dreamweaver根本不太會去管程式碼的部分,畢竟dw的好處就是方便美工人員去排div不是嗎?
好不容易現在進階到想要學PHP了,開始用notepad++去編輯,才發現他的好,再回去看dreamweaver所產生的程式碼,真的不是很習慣,不習慣的是他的排版,還有程式碼產生的地方
但是dw還是有它的好,邊學用key程式碼的方式跟邊學用dw連資料庫做繫結的方式兩面夾攻,我覺得效果蠻好的,一方面是程式碼有時候很抽象,你根本不知道自己在打甚麼,跟機器人依樣一直坐在電腦前,捫心自問剛學的時候真的知道網址後面為甚麼要有?然後=什麼參數又&什麼參數的嗎?
dw的好處就是有個設定的介面,用中文的邏輯引導你,這時再來對照程式碼的地方,有時候才會恍然大悟,"原來這行是這個意思....."。 總有開竅的一天。
訂閱:
意見 (Atom)
Vue multiselect set autofocus and tinymce set autofocus
要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...
-
有一次我在開branch的時候: $ git checkout -b winwu/dev 發生了這個錯誤: fatal: Not a git repository (or any of the parent directories): .git 不過,起因不是重...
-
最近工作常常在 windows 跟 Mac, Linux 上切換來切換去,發現在 Mac 掛磁碟機近來的 Repo 莫名其妙都進 git status 變成需要 diff 的檔案,明明也沒修改什麼,也有可能是因為用 afp 掛進來的,然後我也完全忘記有檔案權限這件事情,還好同事英...
-
繼上次我寫過一篇筆記 : HTML製作edm的技巧與問題 最近發現即便我遵守一些製作edm或是email信件的規則,一樣會有在各大mail system(各大信箱,ex:Microsoft outlook, gmail, hotmail, Yahoo mail....)出現各...






