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]

找出符合你需求的JS框架-JavascriptOO

你知道目前JavaScript的框架有多少嗎?大約是四百多個!
最近有個有趣的網站JavascriptOO,將這些網站整理起來~您可以依據想要的功能性做勾選及排序,去找出您想要的框架。

 

JavascriptOO網站 http://www.javascriptoo.com/

 

2013年流行CSS framework

  • Skeleton

網址: http://www.getskeleton.com/

Skeleton- Beautiful Boilerplate for Responsive, Mobile-Friendly Development

  • Pure

網址: http://purecss.io/

  • Foundation

網址: http://foundation.zurb.com/

Foundation - The Most Advanced Responsive Front-end Framework from ZURB

  • 960 Grid System

網址: http://960.gs/

  • Less Framework

網址: http://lessframework.com/

  • Blueprint

網址: http://www.blueprintcss.org/

  • Bootstrap

網址: http://getbootstrap.com/

功能完整的純文字編輯器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