春暖花開好時節 北市推遊山玩水樂

臺北市兼具自然山景與河岸生態,由觀光傳播局出刊的最新一期《DISCOVER TAIPEI》英、日文雙月刊,特別企劃「臺北遊山玩水樂」,包括五大山系登山步道行程,以及淡水河系沿岸風光,市區遊逛賞花趣,感受台北城市的明媚春光,邀請民眾盡享春日浪漫風情。觀傳局表示,3月到4月是春暖花開好時節,除了名聞遐邇的竹子湖海芋季、士林官邸玫瑰展外,不少親山步道,包括露營和賞鳥勝地─貴子坑親山步道,還有「水管路步道」的天母古道親山步道,以及座落「老地方觀機平臺」的劍潭山親山步道等,都很值得一遊! 閱讀更多

嘉義市 以檜木、文創「藝」起打造新形象

嘉義市 以檜木、文創「藝」起打造新形象.

許多外地民眾對嘉義市的印象為何呢?因為《KANO》棒球?火雞肉飯?茶葉?還是過往的伐木事業?嘉義市曾因阿里山伐木事業的興起,留下了近百年歷史的北門驛、營林俱樂部、製材場、貯木池等林業特色,且在嘉義市區之中擁有28棟日式建築,為林業開發所當年的官方宿舍,建材大部以檜木為主,當時的「檜町」,經時空轉移,現在都孕育著不同現代的文創產業,成就了現在的「檜意森活村」。而現在於檜村歷史建物群之T25棟設置「阿里山林業史舘」並辦理「阿里山-百年記憶展」!檜意森活村中不僅擁有若大的日式建築,在日式建築中還有荷花、九重葛、芒果樹盛開之下點綴其中,而白鷺鷥也會穿梭其中,為這塊百年的風華起落留下現代的影像,裡頭不僅有許多不同的文創藝術,還有咖啡、美食,甚至還有KANO裡近藤教練宿舍場景化身為嘉義故事館,甚至有招財貓及蜂蜜館裡可以感受一下龍眼、荔枝、百花、櫻花、紅柴等蜂蜜香氣等,一間又一間的文創,正等候民眾走進欣賞!另外還不能錯過建於1914的營林俱樂部,這是一座英國都鐸式建築,已作為藝文展覽空間!另外,「阿里山林業史舘」的現場,現在佈展為「台灣林業機具文物」,並播放「阿里山百年記憶」及「檜町林業情」等動態影像,活動直至12月31日止,民眾可免費參觀。「阿里山-百年記憶」主要展示內容,有大家熟悉的阿里山森林鐵路照片、紀念用品等,呈現過往阿里山鐵道豐富燦爛的歷史風貌,還有林業照片、伐木工具如萬字鉤、各式伐木鋸子等,除了有固定的展覽外,將以每3個月為一個主題輪展,並將搭配微電影方式之多媒體,述說阿里山百年記憶,後續將以「檜町林業」不同主題展示。另以往每週六上午10:30至11:30定時在檜意森活村「營林俱樂部」的「嘉林故事屋」,為了讓群眾有更舒適寬敞之聽故事環境,自14日起一併改在T25棟林業史館進行。嘉義市許多默默付出的市民,努力積極在打造嘉義的「形象」與「定位」,不僅協助介紹、開創文創產業。民眾在走訪檜意森活村的同時,不妨順道拜訪一下「森林之歌」,這亦是出至蘭潭「月影潭心」同一個藝術家-王文志之創作,森林之歌運用嘉義縣林務局所提供的漂流木、廢棄阿里山鐵路鐵軌,並以藤編及石頭來創作,打造出高約14公尺、寬約55公尺的藝術地景,不僅打造一處市民日、夜的休閒之處,也為嘉義市締造一處新打卡地標!

閱讀更多

HTML5 UP! 免費 HTML5 + CSS3 響應式設計網頁模版下載

HTML5 UP! 免費 HTML5 + CSS3 響應式設計網頁模版下載

還記得去年底找到一個很棒的 HTML5 網站模版下載網站 Templated,真的是網站開發者的好朋友,至少我們不用從無到有、從頭到尾來打造一個網站,而是直接就現有的樣版去做修改或調整,讓建置網站難度降低許多,也減少花費的時間和開支。

之前網友推薦我一個名為 HTML5 UP! 的網頁設計下載網站,提供大量 HTML5 模版,而且這些模版都支援響應式網頁設計(Responsive Web Design, 簡稱 RWD),也是俗稱的「自適應網頁設計」,透過自動彈性調整畫面設計,以改變佈局方式來使不同大小螢幕皆能正常瀏覽,達到最好的使用體驗。

因為自適應網頁設計在開發上較為繁瑣,一般很少免費提供下載的網站,但 HTML5 UP! 收錄一系列共 28 種網頁設計,通通都是 HTML5+CSS3 並有響應式設計功能,網站採用的授權方式為 Creative Commons 姓名標示 3.0,也就是說你可以自由分享、修改這些模版,唯獨需要保留網頁裡的姓名標示(Attribution)。

如果你喜歡這位設計師的作品,那可在 Pixelarity 網站找到更多模版下載,不過這網站是採用訂閱計費方式,最便宜方案為每三個月 $19 美元,可自由下載所有的網頁設計。

網站名稱:HTML5 UP!
網站鏈結:http://html5up.net/

使用教學

STEP 1

HTML5 UP! 網站提供的模版都具有一定的品質,使用的圖片大多為免費圖庫而來,採用的是 CC0 授權,一般來說要放在網頁上、或者置換掉都沒有問題。從網頁裡可以點選任何一個設計的 Live Demo 進行即時預覽,或者 Free Download 免費下載。

HTML5 UP!

STEP 2

HTML5 UP! 的即時預覽(Live Demo)功能蠻好用的,除了可以讓你即時操作網頁、查看整體效果外,從左上角還能切換不同大小螢幕裝置,例如桌面、平板電腦、手機,就能即時看到「響應式網頁設計」效果。

這是其中一個模版 Strata 在桌面瀏覽器的呈現效果:

HTML5 UP!

切換到平板電腦時,螢幕寬度雖然縮小,但可以發現網頁設計沒有太大變化。

HTML5 UP!

一旦切換到手機大小,網頁就自動縮成一行,不過依然保持原有的設計,並且能夠正常顯示網頁上的內容,這就是自適應網頁設計的特色。在 HTML5 UP! 裡提供的樣版皆支援自適應設計,喜歡的話點選右上角的 Download 即可免費下載!

HTML5 UP!

STEP 3

下載時不用註冊、也無須登錄任何資料,可以的話,記得順手幫 HTML5 UP! 按個讚,或是加入追蹤,讓這個網站可以被更多人看到。

HTML5 UP!

喜歡<a target="_blank" 閱讀更多