New Site Looks Weird

A friend commented on the redesign: “Your new site looks weird as if it is not designed for desktop.” He’s right. The new site was not designed for desktop or mobile. It was designed for readability. The redesign process focused on how the text is comfortable for reading. The width of the column depends on the text size and its characters. I also played with indents with no spaces between paragraphs for the body text. Microtypography is the main inspiration for the site.

Dan at Six-Month

Many rappers, including Jay-Z, often use this line: “What you eat don’t make me shit.” That’s not the case with breast-feed babies. What Dana eats does make Dan shits. Not sure what she has been eaten, but his shit is pretty kicking. When he shits everyone knows. Every time he shits on my lap, I could feel the vibration on my legs.

I just wanted to let that out of the way. Dan went to the doctor today for his six-month check up. Unlike Dao, who fell off the chart when he was three-month old, Dan is the 70-75 percentile. He weighs in at 18lb and 13z. His height is 27in and his head circumference is 17in. He’s growing beautifully. He’s chubby, happy and most importantly easy, at least easier than his big brother.

He loves human interaction. He laughs and talks back if someone interacts with him. He loves to take a bath and would splash the water with his hands and feet. Whenever he gets excited, he kicks his feet like when we took him on the train at the mall for the first time or when we put him on the swing. I could carry him with the carrier all day and he would not cry even if he fell asleep. Speaking of sleep, he slept over night for three days or so.

The the doctor office, he smiled and talked to the nurse when she took his measurements. When she told me that “this is the best age,” I concurred. I am enjoying every moment I have with him now because it is not going to last.

Lobster, Beer and Trinh Cong Son

For the past two months, I have to have my Sautéed Lobster in Shell with Salt & Pepper once a week. The owner and servers now recognized me. The waitress knew exactly what I was going to order as soon as I stepped into the place.

Last week, she said, “Anh order tom rang muoi voi chai Tsingtao phai khong? (You want lobster and a Tsingtao, right?)” I replied, “Lobster thoi khong co Tsingtao. (Lobster yes, but not Tsingtao.)” She mocked, “Wow, hom nay sao hien vay? (Wow, why being so good today?)” I smiled, “Con phai di lam nua chu. (I have to get back to work after lunch.)”

The lobster came out and it was delicious as always, but something was missing. I called her over and said, “Ok give me the Tsingtao.” She brought it out and said, “Da quen vay roi. Thieu sao ma duoc. (You’re already used to it. Can’t just miss it.)” She was right and deserved a big tip.

Today I went back and tried something different: Lobster with tamarind sauce and a bottle of Bia 33. The tamarind sauce is decent, but not as savory as the salt and pepper. Still I had a very nice lunch. Love the Trinh Cong Son’s music playing in the background. The arrangement was simple and peaceful, which was perfect for the lazy afternoon. The singer sounded like Thuy Tien, but I was not sure. I asked both the waitress and the owner, but neither of them knew who the singer was.

Melody Gardot – The Absence

Melody Gardot flirted with Latin flavors in her stunning 2009 My One and Only Thrill. In the new release, The Absence, Ms. Gardot devoted the entire record to the bottomless swaying rhythm. With the support of Brazilian guitarist and composer Heitor Pereira, Ms. Gardot takes listeners to Brazil, Portugal and Argentina for a journey of musical exploration.

From the sweet morning dew in “Mira” to the open sea in “Amalia” to the street vibe (with church bell ringing) in “Lisboa,” Gardot offers a spellbinding travelogue with her effortless vocal delivery backing up by Mr. Pereira’s lush, elegant arrangements, in which string orchestration weaving in and out of acoustic picking guitar seamlessly. Also what makes Pareiar’s work so damn mesmerizing is the way he skillfully arranging his instrumentation around Gardot’s voice rather than the other way around. In “Goodbye,” the music ebbs and flows and even growls to accomodate Gardot’s bluesy phrasings.

The Absence marks another expansive musical direction for the multi-talented singer-songwriter. Can’t wait to see where she would take us next in her musical discovery.

Norah Jones …Little Broken Hearts

So I have been listening to Norah Jones’s …Little Broken Hearts in the past couple of weeks and I was not planning on writing a review, but then the album started to grow on me. Now I can’t seem to get it out of my brain, particularly Jones’child-liking phrasing in “Say Goodbye” backing up by melodious keyboard licks and groovy beats courtesy of Brian “Danger Mouse” Burton. I even started singing in my head lines like, “She’s 22 and she’s loving you.”

While Jones has never been an energetic singer, what makes this collaborative project with Danger Mouse exciting is that the talented producer knows how to nudge Jones up a notch. In the title track, he provides the right tools, midtempo beats mixed in the 60’s psychedelic electric guitar, for her to take revenge: “Beautiful soldiers in their beds / Making love inside their hands / With no chance to defend / Tonight could be their end.” The drama escalates on “Miriam.” Once again, Danger Mouse sets up the cinematic backdrop for Jones to do the Quentin Tarantino’s style of killing: “You know you done me wrong / I’m gonna smile when I take your life.”

From the bouncy “Happy Pills” to the heavy “4 Broken Hearts,” Norah Jones and Danger Mouse offer some of the sweetest revenges ever heard on record even though it takes some times to sink in.

Refocusing on Readability

After a decade of working on the web, I am still fond of simplicity. With each redesign, my goal is to simplify the layout and the markups. The new Visualgui is no exception and the focus is on readability.

To accomplish the new goals, I had taken the content-first approach. The layout is reduced to one column and the sidebar is dropped to make the content front and center. Typography is the most crucial part of the redesign, but I actually don’t have too many choices because I want the site to render appropriate Vietnamese characters. Google Web Fonts only has three Vietnamese types and I used two out of three. Headers and logo are using Open Sans by Steve Matteson and body text is using Noticia Text by JM Solé. The two types are quite decent and I am satisfied with the pairing.

In the previous design, the homepage always had to have a banner and the width had to be 940px. With the new design, I want the banner to be optional and flexible. I don’t always have to have one and I can crop the banner any size I want. As for the background color, I am moving off white a bit for less glaring. The color choice is inspired by e-reading devices like Kindle and Nook.

With one column, the markup is now much lighter. HTML is streamlined and modified to not depend on Shiv or Modernizr for IE6-8. CSS is also simplified by hand. I must confess, I have not wrapped my head around LESS or SASS. Of course the new site wouldn’t be completed without responsive design.

Little Leader

When I went to pick up Dao from daycare yesterday, he was placed on the changing table. As I walked in his classmates told me that Dao was in trouble. I asked the teacher what did he do and she reported that he has been hitting his friends and teachers all day. When it was time to clean up, he didn’t want to. When his friends tried to put his toys away, he hit them and even scratched one of them.

I literally didn’t know what to say. I told her that I talked to him, spanked him, but nothing worked. He is now getting worst. I asked the teacher if any other kid in class does it too. She said, “There are two more, but he’s the leader.” She went on, “Whenever another kid hit a teacher, he would say, ‘Hit Ms. J harder or yell at Ms. G louder.'” I shook my head in disbelieve.

When we left the building, I asked him why he hit his friends and he replied, “They are not nice. They took the toys away from me.” We went straight home and I made him some corns. He requested it. He ate the entire bowl and then we went to take a shower. He wanted more corns, but I told him that I would make him some something to eat. We shared two bowls of rice with eggs, hotdog, soy sauce and ketchup. He behaved well for the evening.

Haley Reinhart – Listen Up!

“American Idol” closed out its 11th season yesterday with yet another pretty white guy with guitar winning the contest. How unpredictable was that? Good thing is I didn’t follow this season like I did with the last. Haley Reinhart who came in third in season 10 was a winner in my book. She has a sultry timbre when she goes low and a big-ass pipe when she goes high. Her sexy appearance is a bonus to the eyes as well.

Reinhart showcased a variety of styles on “Idol,” noticeably jazz and blues, but her debut Listen Up! offers classic pop-soul flavors, which sandwiched her between Amy Winehouse and Adele. “Wasted Tears” has Winehouse’s contemporary pop combined with Motown spirit, but Reinhart puts her own spin to it. “Undone” is a big ballad with keyboard and strings that immediately draws some resemblances to Adele’s “Someone Like You.”

Listen Up! features easy, groovy hits including “Now That You’re Here,” “Hit the Ground Runnin'” and “Keep Coming Back” to satisfy the mainstream as well as 19 Entertainment/Interscope Records. For Reinhart, let’s hope that Listen Up! is just a commercial obligation.

Type Guidelines

From An Alphabetical Book About Nokia Pure:

Body copy leading

9pt on 11pt (2pt leading)

Headline leading

36pt on 40pt (optical line spacing), 36pt on 44pt

Indent text

The first paragraph does not have an indentation. In successive paragraphs the first line is indented.

Full line break

Instead of indenting, use a full line break to separate paragraphs of texts.

Line length

Efficient reading depends on a comfortable line length between 40 and 75 characters.

Hanging punctuation

We recommend using hanging punctuation, or exdentation, in which the punctuation or bullet points are set in the margin so as not to disrupt the text alignment.

iLoveNgocLan.com Turns Nine

Wow, it’s already been nine years. Here’s the first post I wrote nine years ago. I must admit, I have not been active on the site, but the fans are still around and they are still loving her. I am still maintaing the site and occasional giving it a new design, which I had done not too long ago. Mad props to my partner who is in charge of everything else on the site and he has been with me since the beginning. Without him, I couldn’t do it myself.

Contact