Visualgui 2020 Iteration 3: The “a”

For iteration 3 of this blog, I changed the big display text to Gimlet Sans, May’s Font of the Month that David had just sent out earlier today. Because of the lovely “a” in Gimlet Sans, I switched the text face back to Fragen, by Lucas Descroix. I love the way the “a” in each typeface has similar features, and yet they are different.

I also brought back the dark mode after reading Kilian Valkhof’s “Your dark mode toggle is broken.” I didn’t implement the toggle button. The only way you would see the dark mode is when you switch your operating system to dark mode. I also added a bit three red stars as end marks for a bit of decoration. Why not?

One of the best things of having a personal website is that I get to experiment and change the design whenever I feel like it. It gives a bit of a joy during this difficult time.

JavaScript and Hamburger Menus

A couple of weeks ago, I came across a tweet encouraging users to turn off JavaScript on iOS Safari to browse the web on mobile devices. Until I read that tweet, I didn’t know that I could disable JavaScript on my iPhone. I didn’t use Safari much on my phone unless I tapped on a link in email, which would bring up Apple’s default browser. I used mostly Chrome for my own convenience. My bookmarks, histories, and passwords were all synced and managed by Chrome. I tried to deactivate JavaScript on Chrome on my iPhone as well, but I couldn’t find a way to do it.

In the past few weeks, I have been browsing the web using Safari on my phone with JavaScript turned off and it has been such a pleasurable experience. Sites, particularly news, loaded much faster and without annoying ads popping up. On some photo-heavy sites, images didn’t even load without JavaScript. I actually preferred more white space than images. Hero sliders didn’t work. I just saw all the slides stacking on top of each other.

The biggest issue I ran into was the hamburger menus. Without JavaScript, these menus simply didn’t work and I could not go beyond the homepage. Everything hidden under the three horizon lines was inaccessible. We should move away from using JavaScript for hamburger menus or avoid sweeping everything under hamburger menus for the sake of convenience. I have seen sites that used the hamburger menu for just one or two items like “about” and “contact.” For longer navigation, we can use CSS grids, flex boxes, and variable fonts to control the items. A variable font with the width axis can be useful for menu items. Its narrow width can save some space on small mobile devices. It can get wider for larger screens.

For sites with tons of menu items, I don’t know what the solution is. I implemented the anchor-link technique for the Scalia Law School website years ago. Basically, I placed the menu items in the footer for mobile devices and positioned it to the top with CSS for larger screens. It still works fine without JavaScript.

The Losing President

As the country confirmed over a million cases of the coronavirus, the losing president bragged, “We did the right thing. We did an incredible job.” Yes, he and his administration have done such an incredible job that the United States now has more than sixty thousand deaths and more bodies to count. Yes, they have done such an incredible job that more than thirty million Americans have filed for unemployment. Yes, they have done such an incredible job that the economy is predicted to drop 30% in GDP. He boasted, “We built the greatest economy in the history of the world.” Yes, you have done such an incredible job that our economy is as great as the Great Depression.

This pandemic was inevitable, but his unpreparedness made it as catastrophic as it is today. He even admitted himself that he was ill-prepared for it when he said, “Nobody has trained for this, nobody has seen this, I would say, since 1917, which was the greatest of them all, the greatest of this type of battle. Probably the greatest of them all, right? 1917.” Never mind the fact that he didn’t even get the history straight, his Presidency now depends on the outcome of the coronavirus in the next few months. So far it is killing his Presidency.

As his poll numbers are sliding, the losing president is losing his mind. He took it out on his campaign manager. He claimed that he doesn’t care about the polls and stated that, “I believe the people of this country are smart. And I don’t think that they will put a man in who’s incompetent.” Well, look what the people had put in the White House in the last election? Yes, a fucking incompetent. Let’s not repeat that mistake again. Seriously, are you going to vote for someone who thought it would be a good idea to inject disinfectants into your body? If yes, then you’re a fucking idiot as well.

45 năm

Một ngày như mọi ngày vẫn bị cách ly ở nhà. Sau 45 năm, tôi cũng không có lời lẽ gì để bày tỏ. Thôi thì chỉ chia sẽ những hình ảnh và nhạc tôi đã phối họp để tưởng nhớ ngày Sài Gòn sụp đổ. Mời quý vị xem:

My Relationship With WordPress

Over the weekend, our Senior Associate Dean asked me to come up with a message board for the Scalia Law School’s class of 2020. Since the graduates won’t get to have a formal graduation ceremony in May, she would like us to create a special page to let faculty, staff, and administrative members post messages to the graduates. My immediate solution was to create a WordPress page with comment section enabled.

On Monday, I spun up a new site from our WordPress multisite and activated the Scalia Law 2019 theme, which is based off WordPress’s Twenty Nineteen official theme. When Twenty Nineteen first released, I created a child theme to have our own brand, which includes typography, colors, and our logo. For everything else, I depended on the parent theme. Twenty Nineteen is beautiful out of the box and it uses the new Gutenberg block editor.

Within a few hours, I created a page addressing our graduates, “Congratulations Class of 2020! An Extraordinary Class in Extraordinary Times.” I used a big cover image and made the text huge. We launched the site on Tuesday and the messages have been rolling in. I love reading them even though I am not a graduate. The messages are wonderful.

WordPress has been a great asset to my professional career. It has helped me provide many solutions to the needs of the school. Now that the entire network of over 30 sites is hosted on WP Engine, courtesy of the University, I don’t have to worry about the backend. I still have full control the themes, plugins, and full SFTP access. Some IT members at the Law School had criticized me for giving up hosting the server part of the sites, but there’s no way I can run the server as reliable as WP Engine. It would be a huge undertaking and I am not a server administration. If the University offers this huge service at no cost, why not taking advantage of it?

WordPress is great at solving problems that do not required original design. I could get pretty far with some changes to make the templated design suits my brand. Of course, I could create the entire WordPress theme from scratch, but that would required tremendous time and technical investments. For my own personal use, WordPress is far too complex. This blog, for instance, probably uses about five percent of WordPress’s powerful features. This blog has been powered by WordPress since 2003 and it hasn’t changed much over the years. I am still using the classic editor. I still code the theme using HTML and CSS and with only a minimum amount of PHP. I have control of every code I input. Developing a new theme, even from a starter theme, isn’t as simple anymore; therefore, I no longer offer WordPress for freelance clients. The amount of customization is just too much. Of course, I can still do it if I get big projects, but not for my typical clients.

I still love WordPress, but my development has changed. I am now happier to use WordPress as a tool to solve technological solutions instead of trying to offer WordPress as design solutions for client projects. It is a change in perspective that I have to come to term with if I continue to use WordPress. There are other choices out there, but WordPress remains a tough contender in the web space.

My choice is either WordPress or hand code HTML and CSS with some PHP to keep the pages manageable. I am missing the entire trend of static site generators. When web designers and developers moved their sites or blogs to Jekyll, Hugo, or Eleventy, I still keep my blog on WordPress. When they spent countless of hours moving from one static site generator to another or back to WordPress, I am still on WordPress.

A New Site for a Novelist

I am excited to be working on a new website for Kristin Bair whose new novel is coming out in November. Last week, I sent her a test site to review and she tweeted:

My new website for my new novel (out in November!) is being designed by the ever-brilliant @visualgui. He sent me 1st test with questions. I want to look but I’m afraid to look. I am so weird. Not the only weirdo out there, right?

In 2009, Kristin approached me in several months leading up to the release of her debut novel, Thirsty. I don’t know for sure how she found me, but I suspect it had to do with the slideshow “Bonjour Vietnam.” Before I even designed the site for Thirsty, I asked Kristin if I could read the manuscript and she sent it to me. It was a dark yet beautiful and hopeful novel. After reading the entire book via PDF, I knew the site for the book had to take on a life of its own. Even though the site is aged now—it was before responsive design—I still love it.

In 2014, she followed up with The Art of Floating and I designed a simple, responsive landing page to promote it. I also read the second novel and loved her dreamlike writing and erotic storytelling.

For her third novel, Agatha Arch is Afraid of Everything, I am redesigning her website to promote the new book as well as to bring everything together. It will be a simple, elegant website for a wonderful writer. I pre-ordered the new novel and can’t wait to read it.

The first draft for the new site went well. Her feedback was positive. We’re on the right direction. It feels great that she trusts me to bring her visions to life. I love working on a small-scale website like this. It gives me a break from my regualr work. I can’t wait to share it when we launch it.

Anne Roiphe: Epilogue

Being a designer, I sometimes buy books based on their cover design and typesetting. I picked up this book last year at a library book sale for those two reasons. I love the way Christine Van Bree incorporated various shapes and colors of the moons with the title of the book, which set in a sans-serif typeface. For the interior pages, Leah Carlson-Stanisic and Emily Taff had done a great job of setting Bembo as a pleasurable reading text.

The memoir itself is poignant and beautiful. Anne Roiphe shares her story of being a widow. She dates other men, including widowers, but she always misses her husband. She writes about her daughters and grandchildren, but the memories of her husband are too hard to hold back her tears. She doesn’t want to be alone, but dating in your seventies is not a walk in the park. She also writes about sex or the imagination of it, which is fascinating considering her age. The honesty and devastation in her writing show that the person that died first had it easier. The one that is still living would suffer more. It’s an enlightening and hopeful read.

Still Coping

My mom called to check on me. She thought something went wrong when I deactivated my Facebook a few days before my birthday. I told her I was fine. I just needed a break. She didn’t remember my birthday and I was not mad at her. I reactivated Facebook, but refrained from posting. I scrolled through my timeline a few times a day and saw posts from the same three or four friends. I can just have a presence, but don’t have to be active. That’s how I use Twitter. I should do the same with Facebook.

Life in quarantine sucks. My wife bakes all kinds of sweets to deal with stress. From cakes to macaroons to muffins, it feels like we own a bakery and I am the only customer. I felt sick, literally, from consuming way too many sweet treats. It is the kind of love sick that I don’t mind catching.

For me, alcohol helps getting through the day. I don’t drink much, but I need a screwdriver or a Moscow mule a day to take the edges off the lockdown. I bought a bottle of vodka for my mother-in-law to make her eastern medication. Unfortunately, I drank it all before she could use it. Last Saturday, I dragged my lazy ass to the liquor store and loaded up $200 worth of alcohol. I guess I am an alcoholic now, but we are living in an extraordinary time. So fuck it. Life is short anyway.

Alcohol is nothing compared to my other obsession. It is hard as fuck, but I am doing my best to control myself. I don’t have a strong mind. The more I tried to subside it, the more power it got over me. I am not trying to fight it. I just have to work with it. I will be fine. I have responsibilities and resiliencies to weather any storm heading my way. I have to take care of myself in order to take care of others. No, I am not a drug addict.

Đạo Turns 11

Our oldest son turns 11 today. It is unbelievable how fast time has flown by. It feels like yesterday when we brought our tiny baby home for the very first time. I held him in my arms and worried that I would drop him. Now he is almost as tall as me.

Đạo performed well in academics until his school closed down due to the coronavirus. Like me, he is a voracious reader, but that’s where our common interest ends. He loves LEGO and video games. I am terrible at both. He built LEGO tanks, airplanes, and guns based on pictures he found on the internet. I can’t even follow instructions to build a set out of a box. He can play video games with Đán all day long if we let them. I get a headache playing shooting games for half an hour.

Đạo and Đán are really tight. They share a bed, wake up at the same time, and play together most of the day. As a result, they depend on us less than the younger two. Of course, they played, bickered, and fought like brothers do. At the end of the day, they are still brothers. Having each other help them navigate during the pandemic. They hang out with the younger kids too, but not as much. Đạo has become more gentle and patience with Xuân. He treats Vương well.

As Vietnamese parents, we expect more from him because he is our oldest son. He has been frustrated that he has been held accountable for his behavior. He thinks life is unfair that we asked him to be more compassionate and less competitive to his younger brothers. We don’t expect him to help us out. We just want him not to cause anymore sibling rivalry. It is still in progress, but he seems to get around to it. I am sure he will understand as he gets older. Đạo can be caring, charming, and loving when he wants to. We love him.

Medical Advice From a Stable Genius

A very stable genius has an ingenious medical advice for his supporters to fight the coronavirus. If you support him and follow his suggestion, particular the stay-at-home protesters, make sure you inject disinfectant before you leave your house. That way you won’t spread the coronavirus to each other. Even if disinfectant wouldn’t help killing the coronavirus, it would help sanitizing your brain.

You all laughed when Obama suggested that we pump air into our car tires to reduce oil consumption. Now your leader suggests pumping disinfectant into your body to kill the coronavirus. Who’s got the last laugh now?

Contact