顯示具有 好用的工具 標籤的文章。 顯示所有文章
顯示具有 好用的工具 標籤的文章。 顯示所有文章

2016年1月7日 星期四

Samsung Galaxy S6 edge 使用三個月的心得




這支手機我用了快三個月才寫文,用過才寫得出東西啊.. XD

文章故意寫個開箱圖,因爲我不太會寫文 XD 只好放放照片過過癮。iphone5 我用了兩年多,碰上續約可以剛好換支手機,被店員慫恿後,決定換個 Android 系統玩玩看。定價大約要 26000 其實不比 iphone 便宜,當初買的時候也被身邊朋友噓了好久...

2013年7月10日 星期三

最近認識的新工具: bitbucket

[此圖截自:https://bitbucket.org/]

最近因緣際會下認識了這個好工具叫做Bitbucket
其實他跟Github非常的相似,但5人以上團隊開發是要收費的。

不過我非常喜歡裡面的介面,自從看過JIRA介面之後才知道Atlassian這間公司,產品實在是很優秀,bitbucket理面的管理方式跟設定也很容易上手,是github的另一種選擇。

有興趣的話馬上註冊一下吧!
註冊方式除了可以直接註冊之外,也可以使用g+,  facebook, twittergithub,可以說是非常親民且容易上手,不過若跟我一樣使用github直接註冊的話,記得以後要git clone一個專案之前先換密碼,因為在git clone的過程很有可能出現request URL returned error,到時候只需要更新bitbucket帳號的密碼就可以了 ,參考


[此圖截自:https://bitbucket.org/]
這是我的bitbucket專頁,呵呵,註冊後馬上開了兩個repo,另外repo也可以跟JIRA做結合。


如果不清楚怎麼git流程,Bitbucket 101  也有非常詳盡的教學~
對於所有的工具實在很難有個詳盡的解說,多用就是了。
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

2012年5月14日 星期一

網頁照相的好工具

如果我沒記錯的話我明天應該是要上班。
但是現在精神有點好,來發個文好了。這個工具非常適合網頁工作者,不管是設計師還是工程師,我們都會需要把網頁的畫面擷取下來,如果用瀏覽器放大縮小,畫面可能會因為字體的比例而很難看(圖還好),然後就要很辛苦地先截一部分的圖,再截令一部分的圖,然後再接起來,然後再轉存成jpg還是png等等,總之,過程就是麻煩兩字的可以形容相信任何再做網頁作品還有做畫面demo的人應該都會用到。廢話不多說 ,就是這個網站 :
http://www.webpagescreenshot.info/


(因為我沒有其他瀏覽器... 所以不是使用google chrome的可以試試看?)
按下下載後會先到google webstore 線上應用程式商店
然後再選擇加到chrome
成功加入後你的瀏覽器就會跟我一樣出現這個小icon





















操作很簡單就不多說明,
網站跟google webstore都會說明。
不過這個工具可能要使用google chrome瀏覽器的樣子

2012年4月30日 星期一

自動產生CSS圓角語法網站

http://border-radius.com/
http://border-radius.com/
就是這個網址!
操作非常簡單,就是分別在四個角輸入要的角度,code會自動產生在中間的區塊,下方的三個選擇也可以分別選擇要不要-webkit 或是-moz的前置詞。

2012年4月29日 星期日

好用的程式碼編輯工具-notepad++

http://notepad-plus-plus.org/

官方網站連結 : http://notepad-plus-plus.org/


notepad++是自從我開始學php的時候才見識到的編輯器,用了之後覺得真得蠻好用的。
使用其他的語言來開發感覺如何我是不太清楚,但是就以php及html來說,notepad++我倒是覺得很順手。


對我來說它就像是一個...恩 非常高級的筆記本,而且還可以FTP。


網頁這個東西呢,人生第一次碰的時候是國小五年級,那時候電腦老師就教我們用
frontpage來做網站,我還記得老師是怎麼解釋烘培雞的。但是這麼久遠學的東西誰會記得呢?
後來大學通識課,大約前年的時候,學到Dreamweaver,(其實高三的時候就有看了一下工具書,不過看不懂就是了),但是想想那時候學Dreamweaver根本不太會去管程式碼的部分,畢竟dw的好處就是方便美工人員去排div不是嗎?


好不容易現在進階到想要學PHP了,開始用notepad++去編輯,才發現他的好,再回去看dreamweaver所產生的程式碼,真的不是很習慣,不習慣的是他的排版,還有程式碼產生的地方

但是dw還是有它的好,邊學用key程式碼的方式跟邊學用dw連資料庫做繫結的方式兩面夾攻,我覺得效果蠻好的,一方面是程式碼有時候很抽象,你根本不知道自己在打甚麼,跟機器人依樣一直坐在電腦前,捫心自問剛學的時候真的知道網址後面為甚麼要有?然後=什麼參數又&什麼參數的嗎?

dw的好處就是有個設定的介面,用中文的邏輯引導你,這時再來對照程式碼的地方,有時候才會恍然大悟,"原來這行是這個意思....."。 總有開竅的一天。 


Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...