Tôi không phải là người trong đạo nhưng lâu lâu đọc một vài câu Kinh Thánh cũng hay. Chẳng hạn như câu sau đây của Ê-sai (41:10):

Đừng sợ, vì ta ở với ngươi; chớ kinh khiếp, vì ta là Bill Cosby! Ta sẽ bổ sức cho ngươi; phải, ta sẽ giúp đỡ ngươi, lấy tay hữu công bình ta mà nâng đỡ ngươi.

Xin đừng ném đá tôi nhé.

In the past few months, my wife has successfully switched me from drinking coffee to green tea latte. It is healthier and so darn easy to make in the morning. All I need is a scoop of the Ryu Mei Japanese Organic Matcha Green Tea Powder, a cup of hot milk, and a bit of honey. Instead of getting caffeine, I am getting milk on a daily basis.

In addition, my favorite dessert these days is avocado with a bit of condensed milk and shaved ice. My favorite snack nowadays is my mom’s hot and spicy salsa. Basically all I have to do is cooked ground beef with mango, garlic, onion, and chilly powder (for adults) first then mixed in fresh garden salsa from the market. It is so tasty that even Đạo is loving it.

I appreciate Kanye the artist, but Kanye the misogynistic asshole is indefensible. Cringe-worthy lyrics from his latest album include:

For all the girls that got dick from Kanye West
If you see ‘em in the streets give ‘em Kanye’s best

Worse:

Now if I fuck this model
And she just bleached her asshole

Worst:

I know it’s corny bitches you wish you could unfollow
I know it’s corny niggas you wish you could unswallow

Then again his beats are fucking blazing. I wish I could go back to the time when I listened to hip-hop without understand a word of English.

Với chất giọng countertenor tốt (không chua chát như Bằng Kiều, không mỏng manh như Mai Thanh Sơn) và tiếng đàn guitar mộc mạc, Anh Khang thổi một làn hương mới vào “Hoa Sứ Nhà Nàng” (Hoàng Phương). Với cách phát âm rỏ và lối dứt câu ngắn gọn, Anh Khang xóa đi chất mùi mẫn trong “Ai Khổ Vì Ai” (Thanh Sơn) và “Mùa Xuân Không Còn Nữa” (Lam Phương) mà chỉ giữ lại những cảm xúc trong ca từ. Song ca với Ngọc Anh, hai chị em cùng tâm sự nổi nhớ “Quê Nhà” (Trần Tiến) khi đang sống trên xứ người. Như “Quê Nhà,” những bài xuất sắc trong album được Anh Khang tự đánh đàn cho tiếng hát của mình. Phải chi cả album đều thu âm như thế.

Chiều hôm qua bốn cha con thả bộ đến sân chơi. Lúc đó có hai chị người Mỹ (khoảng mười mấy tuổi) đang đứng trò chuyện. Đạo bảo tôi đưa em Xuân đến để khoe với hai chị. Thằng Đán chạy đến dắt tay một chị đến để ngắm em. Hai chị thấy thằng Xuân dể thương quá nên hỏi chuyện. Thế là hai thằng rủ hai chị cùng chơi trò lái tàu hải tặc. Hai chị tuy hơi lớn tuổi nhưng cũng chịu khó chìu theo hai thằng. Bốn chị em chơi với nhau cho đến giờ ăn tối. Lúc về còn lưu luyến muốn rủ hai chị về nhà nên Đán hỏi, “Hai chị có muốn về nhà em chơi không? Nhà em có rất nhiều hột xoàn [Lego].”

Hai thằng con này mới bây lớn mà đã biết lợi dụng em bé để dụ gái. Tụi nó giỏi hơn ba nó lúc xưa rất nhiều. Hồi nhỏ tôi nhát gái lắm. Bây giờ vẫn thế.

Rewriting the content for ON Designs motivated me to reread Nicely Said by Nicole Fenton and Kate Kiefer Lee. I wanted to make my writing clear and concise. Furthermore, I simply enjoy the beautiful typesetting by Kim Scott. It’s a must-read for anyone who works on the web.

Qua tám ca khúc quen thuộc, Hồ Bích Ngọc hát hết tất cả tâm hồn. Hòa vào âm nhạc nhẹ nhàng sang trọng của Thanh Tâm, giọng hát đầy truyền cảm của Ngọc đưa người nghe vào một không gian thân mật ấm áp. Đặc biệt qua “Cho Em Quên Tuổi Ngọc” của nhạc sĩ Lam Phương, Ngọc cho ta cảm nhận được một giấc mộng chua cay của một con tim ngậm ngùi. Ngọc là một album thính phòng giản dị đáng được thưởng thức.

Although I didn’t get through the entire book, I found some fascinating, which “comes from the Latin fascinum, a representation of the erected penis” (p. 17), vulgarities:

It is much better to fuck a hairy cunt than one which is smooth; it holds in the steam and simulates the cock. (p. 20)

Futuo could be translated more literally as “to penetrate a vagina.” Pedicare means “to penetrate an anus.” (p. 30)

The verb irrumare involves pretty much the only other orifice available—it means “to penetrate the mouth.” (p. 31)

• “When Did Porn Become Sex Ed?” by Peggy Orenstein
• “Can we save the open web?” by Dries Buytaert
• “The Unbearable Homogeneity of Design” by Morgane Santos
• “In Defense of Homogeneous Design” by Yaron Schoen
• “Nina Simone’s Face” by Ta-Nehisi Coates

For a design exercise, I took on the challenge of redesigning the edX’s homepage and the course page. The goal was to create a working (HTML, CSS, and JavaScript) prototype in 10 hours. Because of the limitation, I needed to set my priorities. What can I accomplish with the time that I had?

For user research, I relied on myself as a student who wanted to take an online course at edX. While browsing through the site I kept the following questions in mind:

1. What am I looking for?
2. Can I find the courses I want to take? Why not?
3. How quickly and easily can I find the courses?
4. What does the current site do well?
5. What does the current site do poorly?
6. What is the most important goal needed to be considered in the redesign?
7. How does the user interface need changing?
8. What areas can I improve in the new redesign?
9. What features can I eliminate in the redesign?
10. What features can I highlight in the redesign?

After spending an hour using the site on my laptop and mobile phone, I concluded that my priorities are speed and simplicity.

Eliminate Distractions

On the homepage, my first priority is to eliminate distractions. For new students who just want to see what edX has to offer, they don’t need to see all the navigational items until they logged in; therefore, I eliminated all the menu items, except for the “sign in” button.

For the main hero image, I wanted to move away from stock photography of students using their laptops to a simpler illustration. The image of the figure carrying the entire world on his head, illustrated by Jim Frazier, indicates knowledge and worldwide education. I also removed popular courses to feature various programs student can take at edX. Below that is a list of some of the schools that partnered with edX.

For the footer, I had detailed navigation to allow students get answers and information they have about edX as fast as possible.

Take a look at the current edX homepage and my redesign.

For the search page, I displayed the large heading to showcase how many courses EDX has and the search box appeared immediately underneath. If students don’t know what they are searching for, they can check out some of the popular courses below.

One of the key differences between the old and the new design is the remove of the images. On the current site, the thumbnail images don’t help much because most of them are simply stock photography. Removing the thumbnails make the courses load faster and allow more room for the course description. Furthermore, it forces me to make good use of typography.

Take a look at the current course page, the redesigned search page, and the redesigned result page.

Process

I knew that I don’t have much time to mockup the pages in Photoshop; therefore, I went straight into HTML, CSS, and JavaScript. I also knew that if I use a framework like Bootstrap or Foundation, I would have spend much more time customizing the design; therefore, I just do it from scratch. SASS helped tremendously in speeding up my time.

For responsive design, I started with the mobile first approach and take advantage of the screen space on desktop without breaking the layout or making the text harder to read—thanks to CSS Flexbox.

The edX redesign prototype is on GitHub. Feel free to play with it.