Ming Apps

Archive for 四月 2011

Blog了一個月了!

實在估不到能在一個月內有一萬人次瀏覽!

當然Anti-force Like功不可沒!~

再次多謝朋友的宣傳哈~

小小統計(From WordPress內建統計及Google Webmaster Tools):

  • 打了53篇文章
  • 127個Tag
  • 5個FeedBack
  • 12,243個瀏覽量
  • 單日最高瀏覽量: 2,488@April 21, 2011
  • Top Referer: XANGA@3797
  • Second Referer: Facebook@2910
  • Google Search Engine:
  • 曝光率: 15000
  • 點擊率: 500
  • 連至Ming Aps的Website: 13個
  • Google Reader訂閱者: 14個!

暫時得著:

  • 還在摸索著如何找一些資料寫Blog
  • 學懂了使用Google WebMaster Tools查看自己網站流量及更新在Google Search Engine的資料
  • sitemap和feed和rss都很有用: sitemap for google crawler, feed/rss for google/rss reader~
  • Yahoo, Bing的搜尋很久也不crawl我的網頁,即使我已register as webmaster以及提交sitemap…
  • Xanga和Facebook的宣傳效果很不錯,但從xanga進入的流量很好,因為是直接連結到我網站,同時因為有三篇文章與我的plugin有關~
  • facebook進入的流量比xanga少真的很surprise~ 看來是因為大家在facebook share的時候,多指向另外兩個Plugin的網頁,所以相對我的Blog瀏覽量低了些哈~
  • 學懂了寫一些簡單的Chrome和Firefox的Extension and Addon
  • 寫一個實用性強又簡單的東西比甚麼SEO更能帶起瀏覽量
  • 嘗試建立中文版的cocos2d tutorial但很花時間
  • 新技術每天在推出,學也學不完哈
  • 朋友真好!

New Chrome Logo

Link: http://www.google.com/chrome/

Chrome 11 已經推出了!

筆者亦都好奇每個Chrome的Version更新速度這麼快,

今次有甚麼改變呢?

第一個明顯的改變是 – LOGO!

大家可能比較喜歡舊的那個立體和現代化些少的Logo吧~

但這個新Logo正可以方便打印在不同的Poster, 卡片上,

而不失Chrome Logo的獨特之處~

大家可以試想像一下Logo Design並不是亂來就可以,

一定要同時考慮顏色, Poster, 卡片,

黑白單色的時候表達的方式,

不同大小的顯示方式等等~

這個Logo仍具鮮明顏色,

簡單化的Logo更表現 Chrome的原意 – to make the web quicker, lighter, and easier for all.

第二個改變,筆者發現的是:

新分頁顯示的常用的八個網頁Thumbnail(縮圖),

不再是使用全版的縮圖,

而是利用了網頁放大了的左上角的顯示做縮圖~

好處嘛筆者最多只想到網頁的設計上,

已經有了一個通俗設計: Logo請放左上角吧~

所以左上角縮圖能更表達分頁縮圖的意思對吧?

第三個改變: Speak and translate!

朋友在Facebook share了一些有趣的廣東話翻譯

一直好奇為何Google Translate看來作出了一些重大更新?!

原來還有這個重大更新!

我想是為了配合Chrome 11的Speak and translate功能!

google translate speech now

右下角的一個Speak便可以錄下的聲音作翻譯!

其實是將Android的Speech Function移植入PC/Chrome吧~

不過更有趣的不是這個,

是Google連港式文化也包含其中吧?

是香港人suggest翻譯建議後走出來的嗎?

layout design tools - balsamiq

網址:http://goo.gl/6pDkM

最近無暇更新Blog~!

因為筆者在忙Mobile Comp的Project: M-cinema Apps哈哈~

話說要將Layout Design畫在Report中,

但用小畫家畫上iPhone Apps的設計很煩惱吧~

上年實習的時候正好找來了一個很有趣的Tools用來畫Layout Design!

找來的正是balsamiq.com所設計用來設計的設計工具:P

入面可以Drag and Drop一個iPhone的介面,

再拖拉一些元件到Canvas中便成~

其實不只是iPhone的,

裏面亦有不少Browser常用的Design Pattern噢,

隨意的拖拉便可以畫上你的網頁設計或是Apps設計,

Menu中選擇Export as PNG,

快捷輕鬆~!

上面的Screenshot是筆者的同學設計的介面,

看來能有好成績吧?

今日很忙,本想分享shorten url的方法~

所以今天先分享一小段Einstein的名言吧:

“Try not to become a man of success, but rather try to become a man of value."

「不要試圖去做一個成功的人,要努力成為一個有價值的人。」

繼續做Project哈~ :P

網址: CSS3 media queries

css3 media queries screenshot

編寫行動版的網頁上,

一向的做法多是利用兩個domain,

例如yahoo.com以及m.yahoo.com這種方式,

跟著便著手設計兩邊的網頁介面~

有些人覺得麻煩,

何解mobile version的網頁,和本來的網頁要分開設定和設計,

何不將之合併?

CSS3 media query應運而生了~!

大家試到以下的網頁~

http://hicksdesign.co.uk/journal/finally-a-fluid-hicksdesign

http://colly.com/

http://www.edmerritt.com/

http://2010.dconstruct.org/

然後試試將你的瀏覽器(Browser)的闊度(Width)縮小。

你會發現,

他們每一個介面都會隨著不同的大少而改變Layout Design!

有的將Menu移位由右到頂,

有的索性將背景圖片隱藏,

整個頁面變成只可上下拉動~

是否很有趣呢?

原來他們正運用了CSS3 Media Queries的技巧,

在瀏覽器不同闊度的情況下顯示不同的CSS~

聽起來Concept很簡單,

但,

辛苦了UI Designer了吧?

教學方面大家可以到這個中文教學:QK-style的網站!~

英文的則可以到這個Fun with Chameleon~

寫的教學簡單清楚~

馬上試試看~!

標籤: , , ,

NOWJS!

Posted on: 2011/04/25

網址: http://nowjs.com/

ming apps nowjs logo

今天一口氣出了三篇Blog!

這個nowjs 是以Javascript(又是Javascript!)的技術,

設計不同的WebApps~

最重要的是Server Side和Client Side的處理都變得更輕鬆了~

看到以下的Create a chatroom in 12 lines of javascript的影片更是嚇倒了筆者哈~

筆者朋友曾經說過在一個Project中,

可以只需利用JS,不用在Web server開Socket,

便可以處理到兩個Browser之間的同步互動!

但做法很奇怪呢,

還是HTML5 websocket好吧?

噢看來筆者的Programming Language Study List上又多了個JS Framework了~

標籤: ,

畫說筆者在2011年1月找到了這一個Projection的效果,

是一間大學的倒數Party!

以上的Video利用了3D  Projection Mapping的技術,

配合音樂和不同的聲音效果,

為現場人士帶來一個震撼的體驗~

暫時筆者只找到了以下的Video~

但足夠讓大家帶來有趣的視覺享受吧~

不過在現場看一定比Youtube好看!


%d 位部落客按了讚: