2014年2月28日 星期五

Uniform Map 制服地圖- 制服名家

制服名家

制服名家是之前就一直想做的頁面,沒有這些熱血的朋友就沒有制服地圖,這裡有攝影師,有達人,有專欄作家,有導演,有插畫家,除了把這些朋友列出來外,之後也會替各個名家製作頁面,只是表現跟 UI 上就要想過才會做了,目前完成的只有高校制服之(非)情色研究,雖然這樣寫網頁辛苦了點,但我覺得好內容就應該有適合的架構跟視覺上的呈現才是好網站。

制服名家

也做了簡單的 RWD ,這一頁當時想不到比較好的名字,如果有更好的名稱也歡迎提供給我們,雖然這頁擺明了就是制服控列表阿..
Read more

2014年2月23日 星期日

2014年2月20日 星期四

2014年2月19日 星期三

My Weather 我的氣象台- UI 調整及新增日夜變化效果

My Weather

先說再幾年前,我就有做過依時間變換背景的功能,創意這種東西說值錢也不值多少錢,重點都還是要把東西做出來才是最重要的。

這次在My Weather 我的氣象站也把這個功能加了進去,現在變換的時間是寫死的,之後再看要不要根據真正的日出日落時間變換。
Read more

2014年2月17日 星期一

上線沒多久馬上調整的 My Weather 我的氣象台

說實在我喜歡把半成品丟到網路上讓大家批評(?)說,沒次接收完批評就覺得自己又學到很多東西,因為My Weather 我的氣象台本來就是一個只花兩天不到的時間就弄出來的東西,不過即使我花更多時間,也不見得會好多少就是了 :p

My Weather

這次幾個重點,一個是後來發現氣象局的網站上顯示的天氣狀態是當時的預報,於是我就把 36 小時的預報放到及時天氣旁邊,再來是聽網友的建議不用半透明的png,直接用 rgba ,用這個方法真的方便很多。

調整了天氣敘述的部分,把標題跟內文分開,另外加了防呆,不然會有 -99 這種奇怪的資料出現。

Read more

重整氣象局的資料- My Weather 我的氣象台

My Weather

My Weather 我的氣象台


因為覺得氣象局的資料很雜很亂,一直就很想把他的資料抓回來,重新安排一個更適合瀏覽的介面,去年看到氣象局開放 open data 後就更躍躍欲試,講了三年,卻因為上禮拜一篇有人重新設計氣象局的網站的文章,讓我花了三天不到,就和 fripig 把這個一直想做的東西的雛型給弄出來了。


一直沒動工的原因是因為想做鋼鐵人的 UI,操作的介面也要像電影一樣看起來很酷,現在要用 js 來實作都不是問題,困難的都還是操作跟介面上的安排,才一直沒動工。

鋼鐵人 UI 之前有做過一個桌面板的在這邊
Read more

FF23 Day 2

看天氣不錯就去台大一趟,人還滿多的,今天最受歡迎的就是初號機的 cos ,有擠到還不錯的位置拍了好些張,旁邊的兩個 coser 都是日本人,感覺很酷,會知道是日本人是因為在拍的時候有人說"先給日本記者拍一下",回來有再確認應該是日本人沒錯。

P1260188P1260189P1260190P1260191P1260192P1260193P1260194P1260195P1260196
Read more

2014年2月14日 星期五

Uniform Map 制服地圖- 學校頁增加簡介,並使用 RWD 優化行動裝置瀏覽

Uniform Map- 瀑布流瀏覽
最近花了一點時間把制服地圖的頁面改成 RWD ,這樣如果有行動裝置瀏覽就會更順手了。

這次調整的地方有兩個,一個是學校列表頁,如果是在一般電腦上看會像上面那樣,但如果縮小視窗,或是用手機開啟,則是會像這樣。

Uniform Map 制服地圖
Read more

2014年2月13日 星期四

RoboInfo- 科幻風格旋轉圈圈

RoboInfo

好久沒更新的 RoboInfo 又來更新功能啦,這次是之前一直想做的科幻風格會一直旋轉的圈圈,在很多科幻電影都會看到,像鋼鐵人裡面的就很經典:



技術就有興趣就可以去研究一下 css3 的 Animation ,簡單的說就是寫一個類似一般程式 function 的東西。

  1. @keyframes rotate1 {   
  2.   0%   { transform: rotate(0deg);   
  3.         transition-timing-function: ease-in-out;     }   
  4.   50%   { transform: rotate(30deg);    
  5.         transition-timing-function: ease-in-out; }   
  6.   100% { transform: rotate(0deg);    
  7.         transition-timing-function: ease-in-out;   
  8.     }   
  9. }  

之後再加到要放動畫的元素上就好了。
  1. animation:  rotate1 2s infinite;  


Read more

2014年2月9日 星期日

Uniform Map 制服地圖- 高校制服之(非)情色研究

高校制服之(非)情色研究

Uniform Map 制服地圖去年被報導後沒多久,我就找了宅宅的一萬個為什麼談好把文章放到制服地圖的事情,不過去年忙了好久,今年過年才有時間把這塊給完成,也是在有靈感來的情況下一鼓作氣完成的。

格主非常的有內涵,對寫這塊也是以撰寫論文的態度下筆,看過他桌上的書就知道他真的很認真,雖然他說他寫認真的文章比較多人看(他本身也有在寫一些講時事跟經濟的專欄),不過我好喜歡他這塊不認真的部分阿,如果喜歡這塊的內容,也歡迎給格主一個鼓勵,他寫下去會更有動力。

此外技術方面,這邊有用到 RWD (Responsive Web Design),中文比較常見的翻譯是響應式網頁設計,簡單的說就是網頁會根據你是用電腦或手機,在不同解析度下會有不同的呈現,達到閱讀最佳化的效果,所以有興趣也可以把視窗縮小,或是使用手機來看看這一系列的文章。

大概會長這個樣子。
高校制服之(非)情色研究


高校制服之(非)情色研究

內文的方面這次沒有用到資料庫,不過還是有用 php 做樣板,再把動態的內容放進去,之後要改版也會輕鬆很多。

網址方面也有做一點變化,不會看到 get 帶變數很多?跟&的符號,看起來也順眼多了。

Read more

2014年2月8日 星期六

制服控(?)的聚會

制服達人小聚


年假要結束的時候跟一些做制服地圖後認識的朋友一起聚餐,雖然之前彼此都見過面,但這次是第一次所有人第一次一起聚在一起,有文筆很好的紳士宅男(少女心),最近出攝影集的史旺基,還有影片拍很好的山怪,唯一的女生是山怪的朋友,來找紀錄片題材的。


還有一個沒入鏡,先走掉的是高校誌的社長,不過社長走之前我們有先合照。



湊在一起總覺得可以做一些有趣的東西,就期待一下吧。
Read more

Uniform Map 制服地圖- 資訊頁整合活動資訊 增加下拉次選單

Uniform Map 制服地圖

因為主選單太擠,今天把一些之前規劃就放次選單的項目調整了一下,現在移到地圖的選單,就會有下拉選單可以直接選台灣或香港地圖,另外活動頁則是把之前的出版資訊放了進去。

接下來把之前放在主選單的內容整合到Uniform Map 制服地圖資訊頁,之後做了新功能就會再想怎麼把內容整到這一頁。
Read more

2014年2月7日 星期五

iAngel 幸福額度 台灣本土的創新金融資訊服務品牌

iAngel 幸福額度

『幸福額度』,由一群熱心與勇於創新經營的基督徒所發起組成,我們盼望導入國外蓬勃發展並已臻成熟的線上借貸媒合服務,讓創業者與經營者更容易籌到資金,也讓小資族群實現厚植資本可能!由於是創新產業,台灣並無類似美國JOBS法案或日本貸金業法等法規可循;2010年迄今,將近四年的時間,我們經歷重重的困難,但從未有鬆懈!也感謝在這期間從未支薪分文的創業團隊爆肝血汗的付出!我們在重重的法規環境與質疑中,不斷創新與突破,但因著世界趨勢與法規的逐漸鬆綁,讓『幸福額度』的最後一哩「第三方支付產業」面市見到了曙光,期盼政府加速為創新產業鬆綁不合宜法令,帶來陽光!

『幸福額度』是發展於台灣本土的創新金融資訊服務品牌,也是台灣第一個線上社群借貸服務媒合平台,我們致力於為微型企業或新創團隊打造友善的資本募集與經營環境。我們一直很小心翼翼的開發維護我們的商譽與運作我們的營運系統!我們關心且不斷擴充帶給使用者更好的服務與支援。從系統開發、市集企劃、群眾監理制度、線上實名化推行、社群信評建置、我的天使圈等等,以及日後社群經營輔導、最新的資訊提供等,『幸福額度』的每ㄧ位會員、都是同仁細心呵護的寵兒!

Read more

2014年2月5日 星期三

Uniform Map 制服地圖- 香港制服地圖上線

Uniform Map 制服地圖

Uniform Map 制服地圖 香港制服

過年期間花了一些時間整理制服地圖的後台,就開始放香港制服的照片了,新增的過程發現香港的制服跟台灣還滿不一樣的,大多都是連身裙,而跟宗教有關的學校也很多,因為香港小台灣很多,這次要補完應該不會花像台灣那麼多時間,不過接下來好像會忙了,就隨緣吧.. 但總有一天會放完的。


Uniform Map 制服地圖

再新增的過程中也微調了學校頁的呈現,讓大家回到原本的地圖更方便。

Read more

贏家樂透猜 HBL百倍獎金大放送

贏家樂透猜 HBL百倍獎金大放送

贏家樂透猜 HBL百倍獎金大放送

過年期間完成的專案,感覺好精實阿 XD

這次是 HBL 的活動,主要是做登入 FB 後投票的活動,用 FB id 來檢查重複投票感覺還滿不錯的,沒有帳號系統要辦投票活動就有點麻煩。

還有做檢查是否有加入粉絲頁的機制,還有是否可以投票的判斷,評估後也只在後台檢查,少了前端要寫檢查機制的時間。

不過像這種網站要經過 FB 機制的,寫起來就常會有奇怪的問題,這次又沒什麼封測的時間,只希望活動期間可以順利阿..

Read more

判斷是否登入 facebook 以及是否為某粉絲頁的粉絲

要判斷使用者是否登入或是否加入某個粉絲團的作法。

使用 php 的話先下載php sdk

然後像這樣,再把 PAGE_ID 換掉就好了
  1. <?php   
  2. require '../src/facebook.php';   
  3.     
  4. // Create our Application instance (replace this with your appId and secret).   
  5. $facebook = new Facebook(array(   
  6.   'appId' => 'APP_ID',   
  7.   'secret' => 'APP_SECRET',   
  8. ));   
  9.     
  10. $user = $facebook->getUser();   
  11.     
  12. if ($user) {   
  13.   try {   
  14.     $likes = $facebook->api("/me/likes/PAGE_ID");   
  15.     if( !emptyempty($likes['data']) )   
  16.         echo "I like!";   
  17.     else  
  18.         echo "not a fan!";   
  19.   } catch (FacebookApiException $e) {   
  20.     error_log($e);   
  21.     $user = null;   
  22.   }   
  23. }   
  24.     
  25. if ($user) {   
  26.   $logoutUrl = $facebook->getLogoutUrl();   
  27. else {   
  28.   $loginUrl = $facebook->getLoginUrl(array(   
  29.     'scope' => 'user_likes'  
  30.   ));   
  31. }  

粉絲頁要填 page id,可以到這邊查詢

也可以用 REST API 或 javascript 去檢查,可以看這篇寫得很詳細。
Read more

2014年2月4日 星期二

Uniform Map 制服地圖- 新增資訊整合頁

Uniform Map 制服地圖


趁過年期間完成了 Uniform Map 制服地圖資訊整合頁,本來是想要做首頁的,後來想想都叫"地圖"了,首頁還是進來就看到地圖吧。


這頁的功能是整合一些制服地圖上更新的資訊,目前是有功能更新的部分和部落格的新文章,之後會再擺上學校的新照片的更新資訊,還有預計要做的制服寫真集的更新部分,部過過完年就比較沒有那麼多時間可以寫了,這點就再隨緣了。


Uniform Map 制服地圖
另外也更新了網站的 logo,過年期間畫了幾張 Q版制服美少女這次就派上很多用途。

如果對新功能有建議的,也歡迎聯絡我一起聊聊。
Read more
Related Posts Plugin for WordPress, Blogger...