2014年1月26日 星期日

安裝奇怪程式到chrome怎麼辦?




最近收到奇怪的信, 也被安裝奇怪東西






要移除也很簡單

點開右上角的工具列> 工具 > 擴充功能, 點開



找到剛剛奇怪的程式, 直接按下垃圾桶



就解除了



2014年1月25日 星期六

匯入google 日曆 到 ical 出現 您必須從Google 取得應用程式特定密碼

自從mac系統換成Makvier 後,

似乎就不需要clandercombitor 將google 日曆和 ical 結合起來 

所以, 趁假日來研究看要怎麼完成這件事情


前面就不贅述了, 請參考 重灌達人詳細說明


重灌達人很輕鬆達成任務, 但是自從google 更加注意資安後,

出現這段話

「您必須從Google 取得應用程式特定密碼」






Google 自己產生的問題, 當然要回頭問Google 

所以就將這段話回問Google 

Google 說:點開帳號> 安全性> 應用程式密碼, 然後一步步跟著做...





再將產生的密碼貼上


就能在左邊, 看到成功匯入的帳號囉!






2013年11月27日 星期三

Inkscape 擴充功能無法在Mac lion 下運行

Inkscape 擴充功能看起來有很多可以玩

但是在lion 底下都無法作用

它會顯示



翻來覆去找limb2....後來找到youtube 這篇影片





將 Resource , bin 資料夾打開

再用任何編輯器將 inkscape 打開

再第35行貼上

export VERSIONER_PYTHON_VERSION=2.6



案照影片所述, 就能順利使用擴充功能囉!

最近在思考有沒有可能一個團隊都用免軟做開發

我想大部分功能免軟都能應付

所以只需要買一組licence 應付特殊要求, 應該就足夠了

但前提是, 免軟和ph illustrator 要能無縫接軌

所以, 下一次要試的是無縫接軌illustrator 和 Inkscape









2013年11月3日 星期日

Uncaught TypeError: Cannot call method 'play' of null 是什麼意思

好不容易解決keyCode 問題

又冒出這一個東西




原本script 放在head中, 將script 放到 body 中試試看

解決....

這不太對勁, 但只能先這樣子囉!


Uncaught TypeError: Cannot read property 'keyCode' of undefined 是什麼意思?

之前忘了流版本

就很爽一直打下去, 等到意識到要修復版本時, 才發現問題大了


回頭看一下keyCode 的定義

只有在keydown && keyup 時候, 才能定義keyCode

檢查一下, 果然沒有寫道keyDown 

補上

document.onkeydown=function(){

}

就解決問題了

2013年10月28日 星期一

模擬小米盒子的畫面練習




應可能要求, 我嘗試將小米盒子的畫面做成網頁版

看來我需要先解決背景問題

所以我先用css gradient 寫下

在css 部分

.gradient{

background:-webkit-linear-gradient(-110deg,#000000 25% ,rgb(25,95,87),#0099FF);
position: absolute;
top:0px;
left:0px;
z-index: 0;
width:2000px;
height:900px;


}


在html 部分

<div class="gradient"></div>

得到如下圖



阿...中間還是有點綠色的樣子, 而且是斜過去的綠, 但是這個綠實在不知道編碼...

只好用Apple的Digital color來抓抓看

抓出的是RGB(25, 95,87)

Css 改成

background:-webkit-linear-gradient(-135deg,#000000,rgb(25,95,87),#0099FF);




好像有點像...但是角度怪怪的, 改成-90度


右邊應該沒有綠色, 所以我們需要做一塊遮蔽

在建立一個div 

然後css設定如下

.gradient2{

background:-webkit-linear-gradient(-110deg,rgba(0,0,0,1) 50%,rgba(11,125,175,0.8));
position:absolute;
top:0px;
left:500px;
z-index: 1;
width:1500px;
height:900px;
}


rgba(紅色, 綠色, 黑色, 透明)

rgba(0,0,0,1) 就是不透明的黑色

然後rgba(0,0,0,1) 50% 的50%是佔畫面的比例, 代表黑色會佔畫面50%


湊出如下圖


好像有點接近(自己騙自己


不管了, 先將上層方塊建立起來吧!

在html 中用div 包 圖案

<div id="block" ><img src="image/a.png" width="300" height="400"></div>
<div id="block1" ><img src="image/c.png" width="800" height="400"></div>

因為是做模擬, 所以就先包兩塊圖案


有點像了, 底下背景好明顯啊!...之後再來改

先將圖片鏡射效果做出來

在css部分貼上


img {
    -webkit-box-reflect: below;
}

得到如下圖


某個連身怪物嗎?

再加上這一段

img {
    -webkit-box-reflect:below 0px
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5,    
      transparent), to(white));
}


好像有點樣子

加上上排的字

在html貼上如下

<header>熱門推薦</header>

在從css定顏色大小

header{
position: absolute;
top:150px;
left:250px;
width: 800px;
height: 400px;
z-index: 2;
font-size: 50px;
color:white;
}

得到如下....亂碼



忘了加上UTF8

在<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>test</title>
</head>

得到如下


中文可正常顯示了

需要空白字元語法

就加上&nbsp;

如下


<header>熱門推薦&nbsp;&nbsp;&nbsp;熱門推薦</header>


這樣子就結束了, 接下來工作只是細微調整

總共花我3.5hr, 包含寫網誌, 下班去!




sublime text 2 多重選擇, 一次修改

sublime text 2 有個很吸引人功能

就是多重選擇, 一次修改

可以看官網介紹,

http://www.sublimetext.com/

會發現, 選擇多個同樣的變數後,可以一次修改完成

看了介紹說是這樣子的

http://baelabs.duapp.com/Sublime/multiple_selection_with_the_keyboard.html

後來試知道

應該先匡選一個變數, 如 right



按住command, 在匡選下一個變數, 再匡選下一個變數

然後點選修改位置, 發現兩個游標點再閃動, 就可以多重修改了