Monthly archives May 2006

MacBook | MacBook Pro

mac1

因為家裡的電腦已壞了很久, mac book 的推出燃起了我買mac機的衝動, 其實我一向對mac都不太了解, 只是覺得mac的介面很美和很快, 只有單按等……(無知少女 =u=|||)

最近幾天不斷搜集mac的資料, 不斷煩擾公司mac博士問有關mac的事, 最後同事mac博事給我煩死了(阿門), 見我苦無頭緒便帶我到cwb的mac專門店畀我親身摸摸它, 感覺良好呀, 呵呵。 (雖然有點不習慣)

因為得知mac機可用wndow xp, 所以已經下定決心買amc機了, 但是卻不知買MacBook還是MacBook Pro, macbook很小很輕便, 但mon太小畫圖不方便, 而mbp 比較快畫面大有17串但很重……1516, 不知選mb/mbp 好….

之後又覺得, 其實我很少機會會帶著macbook四處走, 所以最終決定了 —> imac, imac 比mbp 平很多, 有20串mon, 2gb ram, 250gb harddisk, keyboard和mouse手感都比notebook 好, 價錢都只不過$16xx, 而差不多system的mbp就要$2xxx了, 都只不過的100gb harddisk, 而且還不能用太久…..所以對我來說還是imac比較好。

其實我還沒有買, 懂mac的人可以給我一點意見嗎?

mbp VS imac

COMMENTS CLOSED

“FAIbum” How To

FAlbum 0.6.5早陣子upgade了wp2.02和 FAlbum 0.6.5,發現FAlbum0.6.5多了templates的功能, 可以製作自己的templates。

Fix – Incorrect 404 header statuses from WordPress 2.0+ (Fixes IE 404 issues)
Fix – Cleaned up pages to validateagainst XHTML Strict 1.1
New – Flickr comments – added the ability to display Flickr comments on the photo page
New – FAlbum styles – added the ablility to select from multiple display styles and templates
New – Post helper / Inline post macro to dispaly and link to FAlbum photos within posts – Initial work (still buggy)

其實我對php一點都不在行, 我主要都是修改了css的部份, 主頁都改動了一點,加上主圖和update sets, 其實本來想把tag 放在主頁的, 但整了好久都整不到 , 所以giveup了。

介紹一下falbum.css.php, 其實很易明 :

falbum的闊度, 我的闊度是 width 100%

.falbum {
padding: 0px;
margin: 0px;
clear: both;
width: 100%;
min-width: none; }

我加上description和日期的css, 原本是沒有的 :

.falbum-album-description{
color: #666666;
font-size: 10px; }

.falbum-date-taken{
color: #999999;
font-size: 9px;
}

thumbnail加上 mouse over 效果

.falbum-thumbnail:hover {
background-color: #EAEAEA; }

thumbnail之間的闊度和高度

.falbum-tn-border-s {
float: left;
width: 100px;
height: 103px; }

writing….

COMMENTS CLOSED

Flickr from “Beta” to “Gamma”

flickr1

前天到flickr時發現flickr 由「BETA」變成「GAMMA」了!

介面 (GAMMA)改變幅度非常大,主頁方面, 上面的menu bar變成下拉式選單, 可以放進更多功能, 不用再到頁底找, 很方便呢, 但是不能 one-click 就到要去的畫面了。搜尋功能亦加強了、還有新功能Buddy Icon。

另首頁檢視原本2X5有10張,現改為3X6 有18張, 可以顯示更多相片。

Organizr 的功能改變最大, 令人激賞, Organizr終於不是用 flash 的了 , 完全使用 Ajax 技術. 單張相片網頁改變幅度不大. Photostream 的瀏覽變成 3 columns 式, 同一頁可看到更多照片, 便用全畫面, 版面更見用了。

org

Flickr from Beta to Gamma


New Navigation
We’ve rationalized the site’s navigation, cleaned it up and (hopefully) made it much easier for both new users and experienced users. The new system breaks down into: You, Your Contacts, Your Groups & The World (aka Explore).

Aside from that, there are some other large changes in the new release:

New Search
Search has been greatly improved (with full booleans and multiple tags, you’ll be AND, OR, NOT and +ing and -ing your heart out), We’ve also added a search box to the top of every page and redesigned the results pages, so you can search for anything from anywhere.


New and Improved Organizr

We’ve given the Organizr a complete overhaul, aiming for maximum speed, more flexibility in searching and browsing while making your workspace bigger.


Person Menu

The pink balloon? Popped! Now you can mouse over anyone’s buddy icon and get a useful menu which lets you jump directly to their photos, profile, favorites and more.


More Photos

In our continuing efforts to show you the millions of photos on Flickr, we’ve bumped up the number of photos you can see on most pages around the site. (And, when you’re searching, you can toggle between seeing thumbnails or a larger version of each photo with some extra information.)

snap944 snap943 snap941 snap940 snap939 snap938

COMMENTS CLOSED

DIY Wallpaper

wall01

介紹一個有型又好挽的diy, The Rasterbator 1.2
原理係把一張圖分成好多格, print在a4紙上, 而耐心把圖合併, 就能做出巨大poster,wallpaper..好有型o架。

如果有時間可以用卡紙表起會更好睇。

你只要用家里的printer print出圖圖的部分,就可以拼成幾米X幾米的poster,打多少張A4來拼沒有限制。快d試下啦!



The Rasterbator is an application which creates rasterized versions of images. The rasterized images can be printed and assembled into enormous (or smaller, if you prefer) posters. Enter the online Rasterbation Gallery to see what the images look like.

The Rasterbator originated as a web application at homokaasu.org, but it has gained so much popularity that the web server occassionally cannot handle the load and a standalone version was in place.

The standalone version is the same as the web version, except that downloading images from the web and image cropping are not supported, and you have to set the output size numerically (number of pages wide/high) rather than using a fancy drag handle. The results are exactly the same.

wall02
wall02

More example :
I rasterbator-ed my wall Vanity Rasterbator in the living room close Vandalism [Detail] "Blam" rasterbation Me on my bike rasterbation IMG_2506 I've Been Rasterbating All Day Rasterbated Samurai New office art, thanks to the Rasterbator Detalle del ojo El poster de Andy Warhol I Rasterbator Giant Head Rasterbation farther New office art, thanks to the Rasterbator

COMMENTS CLOSED

OK Go – A Million Ways

okok OK GO, 由聽佢第一隻歌Get Over It _start( ‘order=56′,’mode=1′) 已經開始鍾意佢地,心情唔好時必聽! 等左咁耐終於有新碟喇(雖然出左好耐, 我今日先發現) 新歌 mv超級超級超級正, 一部DV攝錄機, 一個angle, 四個男人齊齊跳舞, 一定一定一定要睇, 超搞笑的舞SUPERSUPERSUPER COOL, 仲有好多fanso既唔同版本tim. 大家一齊黎啦 let’s dance—->

0020108590
Ok Go – Oh No
01. Invincible
02. Do What You Want
03. Here It Goes Again
04. A Good Idea At The Time
05. Oh Lately It’s So Quiet
06. It’s A Disaster
07. A Million Ways
08. No Sign Of Life
09. Let It Rain
10. Crash The Party
11. Television, Television
12. Maybe, This Time
13. The House Wins

sit back, matter of fact teasing, toying, turning, chatting, charming hissing, playin the crowd play that song again another couple klonopin a nod, a glance, a half-hearted bow oh such grace oh such beauty and lipstick and callous and fishnets and malice oh darlin’ you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel i should, i wish i could, maybe if you were i would a list of standard issue regrets one last eighty proof, slouchin’ in the corner booth baby, it’s as good as it gets oh such grace oh such beauty so precious, suspicious, and charming and vicious oh darlin’ you’re a million ways oh darlin’ you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel oh darlin’ oh darlin’ you’re a million ways oh darlin’ oh darlin’ you’re a million ways oh, darlin’ oh darlin’ you’re a million ways to be oh oh oh oh (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) you’re a million ways to be cruel (one zero zero zero zero zero zero cruel) oh darlin you’re a million ways to be cruel.

COMMENTS CLOSED

Calling All Designers: Learn to Write!

Calling All Designers: Learn to Write!

We’ve all been there. The client says, “Just design it. We’ll flow the content in later.” Or the designer says, “Here’s what the page looks like. I just used gobbledygook for the text, cause that’s not my job.” Unfortunately, that’s no way to design a good experience.

It may be fashionable to say “markets are conversations” or “design is about communicating ideas,” but how can that be true if the designers aren’t working with, or actually writing, the text?

User experience isn’t just visual design

It’s time we designers stop thinking of ourselves as merely pixel people, and start thinking of ourselves as the creators of experiences. And when it comes to experience on the web, there’s no better way to create it than to write, and write well.

Let’s look at everybody’s favorite example of Doing it Right: Flickr. Ask a bunch of people what they think of their experience at Flickr and they’ll use words like “fun” and “friendly” to describe it.

Why? There’s nothing uniquely fun about black text on a white background. There’s nothing friendly about uploading and tagging, no matter how many whiz-bang AJAX tricks you use. Sure, the photographic content lends itself to a personal experience. But nobody ever talked about how much fun Ofoto was. And the community-oriented social networking features lend themselves to an emotional experience, but I think there’s something more going on here.

I say: It’s the writing. The friendliness comes from good old fashioned text. When you visit the site, it welcomes you with a random language. Hola! Salut! Shalom! When you log in, the button says “Get in there” instead of “Submit.” When you upload a photo, join a group, add a contact…all of the associated text is open, encouraging, happy, and excited. And it has a significant impact on the overall user experience.

Text is interface

This is not just marketing text (though it’s that, too). It’s interface. This is text that can’t come from the PR department—it comes from us, the designers who are responsible for the user experience. The text is as much a part of the UI as the colors, the pixels, the stuff that designers are usually concerned with. Perhaps more.

Take another example—a site I just discovered, also in the photo space. Photojojo is a labor of love created by Amit Gupta and Kara Canal. It’s a weekly newsletter, and they’ve obviously spent a lot of time crafting the writing in the newsletter. But they spent just as much time crafting the words everywhere else.

When you get to the site, the homepage says, “Congratulations. It’s your lucky day! You just found one damn fine photo newsletter.” Below the email form, the anti-spam message doesn’t say something dry like “we will not disclose your information to third parties.” It says “We solemnly swear: “No spam, not ever.” If you’re curious enough to read the About page, you’re rewarded with an entertaining story about how the two decided to start the site. No marketing BS, just two people who are really excited about what they’re doing.

Now, I’m the kinda guy who unsubscribed from every email list I was on in 1999 and never looked back. I hate email. If the site had used traditional language, I never would have signed up. But their excitement was contagious, and before I knew it, I was plunking down my address. A click on a confirmation mail and the message I get on their website? “Dude, you rule.” Damn right.

Beyond lorem ipsum

So if you’re someone who hires designers, ask them what they like to read. Talk to them about their word choice in every button, every link, every title. Give them a crack at writing your about page. It’s the designer’s job to think about your site the way a user does, and tell them what they need to hear, and when they need to hear it. A designer worth their salt will be able to do it. And if your designer says, “I’m not a writer,” it may be time to find one who is.

If you’re a designer who doesn’t think of yourself as a writer, it’s time to reconsider. Buy yourself a copy of Strunk and White, do some research online, or take a class. Design is about communication, and it takes more than pixels to communicate.

COMMENTS CLOSED

Sleep

sleep1

On 10 & 11 December 2001, nine top models arrived at The Metropolitan Hotel to participate in the first ever global, live fashion shoot. The girls were dressed by stylists, had their hair, make-up and nails groomed, and were put to bed in their separate hotel rooms. SHOWstudio viewers logged on at midnight and through the night as the models’ gentle slumber and gradual dishevelment was recorded in a series of intimate stills.

Images
Selection of stills from the live fashion shoot.

Movies
Eight fascinating film shorts composed from the webcam stills, documenting the models’ unconscious fashion ‘performances’.

sleep2

COMMENTS CLOSED

Lamps

l1

好有型的" emulated " 電芯燈仔, 有4種, 我個人覺得天使翼最cute。 但係細細粒$29USD一個有d貴。

The Designer Emulation Kits (DEK’s for short) are meant as the sincerest homage to some of the greatest modern designers of our time. The lamps and designers being “emulated” have a particular importance. They are represented in countless design tomes extolling the various movements, and they are held up as prime examples of “good design.”

We revere these objects, but they are also a bane and a challenge. How can we ever measure up to the genius of Castiglioni, or the sheer concentrated emotion of Maurer? The truth is we can’t. We have to find our own voices, our own vision.

Our DEK’s might not help us decide which way to go, but at least they let us laugh at ourselves along the way.

l2

COMMENTS CLOSED

Blog design trends 2006

Rachel Cunliffe寫了一篇Blog Design Trends 有關7個2006年 Blog Design 的趨勢,

Big fonts:

10px,11px細到幾乎看不到的arial, Verdana字體已經out了。現在很多出名的design blog都用大字體的標題, Philipp Lenssen在10 Web Trends That Should Die in 2006的第10點也表示同感。感覺上外國網站字體過小的問題比中文網站嚴重很多,我平時都會用11,12px字體,因為如果中文字體大過14px就好肉孫, 英文字體就ok好多。

eg1

Top border:

很多網站/blog而家都會在頁頂加一條5-6px的border,像 A List Apart,Tech Crunch,Whitespace,GigaOM等。被發現了,呵呵。可能因為內容唔太貼頂睇落可以順眼d啦,其實我平時砌layout都幾的加top border o架。

snap852snap851snap850 snap849 snap848

Big headers/ footers:

大的頁首其實還很常見的, 現在很多網頁都使用對比高的顏色來凸出頁首或頁尾。如Juque、Read/Write Web、Business Logs、The Hot Crew,這些頁首和頁尾橫跨整個視窗,而其餘的內容則更為狹窄。Rachel後來將big footer這一項修改為「the content-rich footer」,鼓勵blogger將較早的文章(earlier content)或是相關連結(related links)放到頁尾裡面。因為會閱讀到文章結尾的人,表示他們可能想吸收更多資訊。所以不妨把放在側邊欄(sidebar)中的部份資訊挪到這裡,方便他們閱讀。 當 然,也不必極端到把所有放在側邊欄的東西全都丟到頁尾,畢竟有些資訊(尤其是主要的單元選單),最好是放在不必捲動頁面,一眼就可以看到的地方。為了強調設計感,而把它們丟到頁尾的話,反而會讓網頁的易用性(usability)和親和力(accessibility)大打折扣,嚇跑你的讀者。

snap027 snap026 snap023 snap021 snap022 snap025

Bright colours:

垂直漸層加Bright colours搭配。這樣的網站有:9rulesBlinksaleSerene GreenFruitcast。 又與漸層了。

snap028 snap029 snap030 snap031 snap033 snap034

Speech bubble comments

在回應的部份作些有趣的裝飾,例如hicksdesignDigg

Rounded corners:

CSS技巧使得圓角矩形的設計更為容易,到處都可以看見。

Highlighted links:

連結不再加上底線,不過它們的背景色變得不同了 – 通常是淡黃色的。

COMMENTS CLOSED

lace collection

03a
copenhagen’s GAMplusFRATESI studio今年推出了優雅的 lace collection 。
靚靚LACE椅, 第一眼見到就覺得好靚, 傳統的LACE花紋加上現代感的線條,畀人的感覺好elegance。
紅色加白色的花紋圖案,用glasfiber物料製作的LUISA STOOL, 靚靚我鍾意。

LACE CHAIR
03b

EMBROIDERY CHAIR
03d

LUISA STOOL/TABLE
03c

COMMENTS CLOSED