Google Map panto試做

[javascript]
function Move2NextMarker1(){
var marker=markers1[tempMarker1];
map.panTo(markers1[tempMarker1].getPosition());
scontent = ‘<div id="iw-container">’ +
‘<div class="iw-title">’+markers[tempMarker1].title+'</div>’ +
‘<div class="iw-content">’ +markers[tempMarker1].description+
‘</div>’ +
‘<div class="iw-bottom-gradient"></div>’ +
‘</div>’;
infoWindow.setContent(scontent);
infoWindow.open(map,markers1[tempMarker1]);
setTimeout(Move2NextMarker1,5600);
tempMarker1=(tempMarker1+1)%(markers.length);

}
[/javascript]

功能完整的純文字編輯器Notepad++

Notepad++是壽山最常拿來編輯PHP、HTML、CSS、JavaScript的文字編輯器。

這套軟體也算是台灣之光,是由台灣人侯今吾基於Scintilla編輯元件所撰寫出來的!在功能上可以取代系統內附較陽春的記事本(Notepad),也可以解決無法打開超過64K檔案以及支援Unicode,在中文搜尋、取代也做的很好!也提供程式語言上色以及高亮功能。真的是原始碼編輯的好幫手!

延伸閱讀:

Notepad++ 官網

Scintilla

 

免費Bootstrap管理介面後台模板

網站不可或缺的就是後台程式,不過後台其實不用像前台如此麻煩,我都喜歡直接找現成的使用,這邊就跟大家分享我喜歡用的二種基於bootstrap的後台模板,提供大家做為參考選用!

Metis

網址:http://demo.onokumus.com/metis/index.html

Metis-admin-templates-bootstrap

charisma

網址:http://usman.it/themes/charisma/

charisma-admin-templates-bootstrap

 

美觀的標籤雲插件 Muki Tag Cloud

WordPress自從新版本後,就內建了標籤雲的功能。可以到外觀→小工具中拖拉標籤雲到側邊欄欲放置的位置就可以,並且可以透過點選標籤跑到自己想看的文章去。聽起來感覺不錯!不過內建的標籤雲真的單調了一點,除了字型大小會不同外,字體的顏色是單一顏色,少了些炫麗的元素。

台灣一位很年輕但鑽精於CSS的設計師Muki在部落格中教導大家「製作不規則形狀的 WordPress 標籤雲」不過還是太複雜了!佛心來著就跟朋友一同將它實作成Wordpress的外掛Muki Tag Cloud 

結果就如下圖,不規則的排序加上質感且漂亮的顏色,不愧是設計師出身。

更多介紹就請自己轉台到原作者的介紹網頁「漂亮的 WordPress 標籤雲外掛: Muki Tag Cloud」。

muki_tag_cloud

 

 

延伸閱讀:

Muki Tag Cloud插件

PHP合作設計者Mesak-[Plugin] WordPress 標籤雲外掛: Muki Tag Cloud

原作者Muki漂亮的 WordPress 標籤雲外掛: Muki Tag Cloud

作者facebook粉絲頁-Muki Space

 

 

中國大陸淘寶首頁彩蛋

螢幕快照 2013-09-30 下午7.45.04

 

因為是攻城獅的關係,看到網站第一個動作就是 右鍵 →顯示網頁原始碼 。不過在淘寶的中國大陸站中,看到很特別的程式碼,將其中一段的JavaScript排版成正妹的圖片。

 

除此之外,在中國大陸站首頁右側尋找入口輸入”土豪女”,會出現彩蛋,大家不妨來試看看。

螢幕快照 2013-09-30 下午7.51.25

 

螢幕快照 2013-09-30 下午7.51.37

 

螢幕快照 2013-09-30 下午7.52.22