I Love Ngoc Lan is Back On WordPress

So I decided to bring ilovengoclan.com back to WordPress. I didn’t want to use DigitalOcean because it would take too much work to setup WordPress and to migrate the site over. I definitely didn’t want to go back to HostPapa; therefore, I needed to find an alternative. WordPress recommends three hosting companies: BlueHost, DreamHost, and SiteGround. I have heard of the first two for years, but not so much the third one.

After reading a bit about SiteGround, I was drawn to its WordPress Automatic Migrator. I signed up for the StartUp plan. Setting up WordPress was a click away. I didn’t even have to touch the config file or the database. I installed the WordPress Automatic Migrator plugin on HostPapa, pasted the migration token, and voila. The migration process took less than five minutes. I switched the IP address and that was it. My jaw dropped. Everything worked just as expected.

I am really dig SiteGround. Give SiteGround a shot if you just want to get WordPress up and running quickly. If you want to migrate your site off HostPapa, SiteGround is the way to go.

Chữ Việt phong phú

Thông thường những nhà thiết kế chữ liên lạc với tôi để cố vấn về phần dấu trong chữ Việt của chúng ta. Họ muốn biết những dấu họ thiết kế có đúng và dễ đọc cho những người bản ngữ. Cho nên trách nhiệm của tôi là nhận xét cách thiết kế và vị trí của từng dấu. Chẳng hạn như dấu sắc và dấu huyền nên đặt bên phải hay bên trái của dấu ớ để người đọc có thể nhanh chóng nhận ra chữ ngay. Hoặc các dấu cao hay thấp để những hàng chữ không bị chạm vào nhau. Tóm lại là tôi chú trọng vào sự rõ ràng và dễ đọc trong phần chữ Việt.

Tuy nhiên cũng có đôi lúc những bộ chữ không thuộc về sự rõ ràng mà thuộc về thẩm mỹ. Phần lớn chữ được thiết kế theo thẩm mỹ có những cá tính rất riêng. Chẳng hạn như bộ chữ Megazoid của nhà thiết kế David Jonathan Ross. Bộ chữ này có tính cách hình học (geometric) qua sự thử nghiệm giữa hình tròn và hình vuông. Khi David thiết kế dấu cho chữ Việt, anh hỏi ý kiến của tôi như thế nào. Lúc đầu nhìn cũng khó chấp nhận, chẳng hạn như những cái dấu bị dính liền với nhau, nhưng để ý kỹ tôi nhận thấy lạ và hay.

Lúc đầu anh đưa tôi xem, những chiếc dấu rất mong manh so với chữ cái nên tôi góp ý với anh là thiết kế dày dặn hơn để dấu và chữ được phối hợp chặt chẽ với nhau. David đồng ý và đã sửa lại. Dĩ nhiên bộ chữ này không thể dùng để đọc mà dùng để đẹp.

Nếu như bạn thích những bộ chữ có tiếng Việt để thư viện chữ của mình phong phú hơn, bạn nên tham gia câu lạc bộ Font of the Month Club của David. Mỗi đầu tháng anh sẽ gửi một bộ chữ cho những người trong câu lạc bộ. Mỗi tháng chỉ có $6. Nếu tài chính bạn hạn hẹp, bạn chỉ cần đóng $2 một tháng. Tôi đã tham gia từ lúc anh mới bắt đầu ba năm trước. Đến giờ tôi vẫn là thành viên.

I Like Buying Fonts and I Cannot Lie

Although I have more than I can use for my personal projects, I keep acquiring new typefaces. I recently bought a complete web license for Captura Now, designed by Anita Jürgeleit. Captura Now is a friendly, flexible sans-serif family with a variable font and Vietnamese support. I haven’t had a chance to, but I will put it to good use one day.

I invested in Lang Syne, designed by Stephen Nixon, from Future Fonts. Although Lang Syne is still in its early development, I trust that Stephen will complete it with a variable font and Vietnamese support, just like what he is working on for Name Sans.

As much as I have been excited about Future Fonts, I have refrained myself from making purchases. Except for Name Sans, a handful of fonts I have invested in have no future. Some of them aren’t going anywhere. With the exception of Name Sans, none of them supports Vietnamese, which is not too useful for me. As of this writing, only five typefaces on the entire Future Fonts catalog support Vietnamese.

I am still a long-time member of the Font of the Month Club. I am really happy that every font David Jonathan Ross each month comes with the Vietnamese language. I still highly recommend this club for students and font enthusiasts.

Creative Spotlights

It is an honor to be part of the “AAPI Heritage Month Creatives Spotlight.” I am humbled to share the spotlight with such talented Asian-American designers. I am also glad to see Vietnamese Typography is being recognized beyond the type design community. Speaking of Vietnamese typography, I recently added two new typefaces that support Vietnamese.

Albula Pro

A charismatic, geometric sans, Albula Pro lends versatility, legibility, and readability to contemporary designs. Albula Pro supports a wide range of languages. For Vietnamese, its grave and hook above stack to the right of its circumflex while its acute stacks left.

Forma DJR

Started out as a refresh of the Italian neo-grotesque sans, Forma DJR takes on a life of its own with irregular details, tight spacings, and Swiss alternates. For Vietnamese, Forma DJR comes with straightened and curved horns. Its acute, grave, and hook above stack to the right of its circumflex.

Forma DJR Speaks Vietnamese

David Jonathan Ross writes about the expansion of his Forma DJR:

Ruggero also took the opportunity to add Vietnamese language support, bringing it in line with my other recent releases. Donny Truong, creator of the incredible Vietnamese Typography resource, advised us on the project, and was particularly helpful with the crucial diacritical horn.

We were nervous about using a straightened horn, which would be an unusual feature for a sans like this one, but we thought it vibed with Forma’s Modernist leanings. To our delight, Donny encouraged us to keep this more daring shape, and we took his pragmatic suggestion to provide a curved alternate for those who prefer it, especially in text.

I have always been opened about diacritics and I alway loved when type designers go beyond the convention for display typefaces. I am so happy to see the final result for Forma DJR. Congratulations to David and Ruggero Magrì for the superb expansion. I can’t wait to try out the variable font version.

Vietnamese Typography Was Nominated Into AAPI Heritage Month Campaign

Raksa Yin, co-programming director at AIGA DC, writes:

Hi Donny,

I’m reaching out to say you were nominated into our AAPI Heritage Month social media campaign. Through this campaign in May, we want to highlight AAPI creatives doing interesting works telling their heritage story, showing awareness of AAPI issues or building a safe space for AAPI voices.

I want to say congrats! You will be featured in our upcoming social media campaign with other AAPI creatives. Your Vietnamese Typography stood out and it’s very unique.

I am deeply honored for the nomination.

Vietnamese Typography Updates

In the last few weeks, I made some small updates to Vietnamese Typography. On the homepage, I added more random covers showcasing big, bold display typefaces with vibrant colors. I also added large display text throughout the pages to accommodate body text.

The significant update was the recommendation page. I decided to remove all open-source typefaces. When I first published this book, support for Vietnamese language was hard to find. Now the open-source community has stepped up its support for Vietnamese. Google Fonts now has a sizable collection of quality typefaces with Vietnamese. With the release of Fontshare from Indian Type Foundry, it seems like all of its typefaces support Vietnamese. I wish it had a language filter like Google Fonts.

Open-source typefaces are important and they are a great service to make graphic design and the web typographically better. Anyone can download and use them; therefore, I don’t need to recommend them. I would like to focus on typefaces from small foundries and independent type designers instead. A smaller selection also made it manageable for me. Looking at the current list, I need to showcase typefaces designed by Vietnamese type designers. That will be my goal moving forward.

If you’re a Vietnamese type designer and you have a complete typeface, particularly text face, I would love to showcase your work. It has to be commercial and not open source.

Ten Years at Scalia Law School

This October will mark my 10th year working at George Mason University Antonin Scalia Law School as Director of Design and Web Services. A decade in the web-industry timeline is eternity, but it still feels like yesterday when I took on this position.

In my first three months on the job, I single-handedly re-coded the entire website from scratch. I ripped out all of the HTML markups and CSS presentations and rebuilt everything from scratch. Our site was one of the first higher education websites that went responsive. In retrospect, I am glad I took that approach right from the get-go. In the past nine and a half years, our website has gone through many iterations instead of major redesigns. Because of the solid foundation I built from the beginning, our website stands the test of time.

In the last few weeks, we conducted a handful of user studies, in which we asked current students to share their experience using our website. We gave them a few tasks and asked them to do as we watched their browsers. They found our website easy to navigate and they could find what they needed. They provided us suggestions we can improve, but the feedback had been positive.

As CSS grid has become stable, I wanted to go back to replace complicated floats with grids, but the task seemed overwhelming. In the past five years, I have taken on new roles beyond the web, which included marketing designs and email newsletter. I could not dedicate my time to make the transition. Every time I looked at my SCSS file, I wanted to just throw it away and start from scratch. Unfortunately the site had grown so much in the last decade.

After our latest redesign under the new dean direction, I decided I need to tackle this issue. Now that I have a designer to help me with graphics and a developer to help me with day-to-day requests, I could focus on refactoring the CSS elements as well as cleaning up the HTML markups. Simply replacing float layouts with grid layouts make the CSS file much more cleaner and manageable. In addition to simplifying the CSS elements, I was able to get rid of tons of unused styles.

Although the work was entirely behind the hood, it made me feel great. I had accomplished something that I had wanted to do for quite a while. The overall visuals haven’t changed much, but the details have been hammered out. Because I have invested my time, energy, and effort into our website, I take great pride in my work and I treat it with tender, love, and care as if it is my own baby. I take the responsibility and the ownership of it. I expect my developer to do the same. I wanted him to put his care into it instead of just dashing off to complete the requests. Every piece of markup needs to be clean and no inline styles unless absolutely necessary.

I understand that we have to do things quickly, but doing so carelessly will come back and bite us in the long run. Our website has come a long way. The day of hosting it on a GoDaddy dedicated server is long gone. I am so glad that we had migrated to MODX Cloud with the help of the incredible MODX team. From the server side, our site is now fast, secured, stable, and in good hands. From the frontend side, the HTML markups and CSS presentations are streamlined. The design is still fresh and modern with exceptional typography.

If everything goes well, I will stay with the law school until my retirement. I only have about 20 odd years to go. I don’t know if I will be able to keep up with the web industry in my 60s. That’s a scary thought. Then again, I have not kept up on the latest trend a decade ago. I am still doing fine thus far. I can’t see myself doing anything else besides web design and development, but I never know what the future will hold.

Every Website is a Gift

Robin Riddle writes:

So websites can be serious things; we can turn them into great wells for us to cast our anxieties into, or stress balls for us to relieve the pressure of our lives. But a website can also be a delicately wrapped bundle of words and colors, with the express purpose only to make someone you love smile.

I love Robin’s perspective on creating website as a gift for someone you love. Although I design websites for a living, I also enjoy crafting small pages for friends, family members, colleagues, and acquaintances. Let’s take a trip down to the memory lane to see what I had designed as gifts.

As far back as I can remember, I designed the very first website for La Salle University’s Multicultural and International Center, where I did my work study. It was a gift for Ms. Cherylyn L. Rush, my mentor and former supervisor. Ms. Rush is still holding down the spot 20 years after I graduated. I still remember the distinctive homepage, which was a collage of faces from different ethnicities. It was inspired by a poster Ms. Rush had on the wall in her office.

One of my favorite spots at La Salle was the art collection in the Art Museum even though I was clueless about art. As a design student, I knew if I could get this site on my portfolio I would have no problem getting clients and jobs. I approached the director and chief curator of the museum to let me redesign its boring website. I told her it would be my gift to the school. She was grateful to hand over the keys (FTP) to the server. I remember the site was color coded to showcase different rooms and collections.

When La Salle’s Digital Arts first launched, I wanted to get into the program even though I knew nothing about arts and digital. Without any design foundation, I dived right in. When most of my classmates were learning Photoshop and Illustrator, I took up Flash. The combination of animation, music, and graphics made Flash an ideal tool at the time. When DArt needed a website to promote its program, I was chosen to design it. It was a gift for the program that launched my career.

In the summer during my college years, I often visited the Upward Bound office at Millersville University. The program had a website, but it was outdated. I asked Ms. Doris Cross, the director of the program and my mentor, to allow me to redesign the site as a gift for the program that gave me the opportunity to pursue my career in design. I was into Flash at the time; therefore, I created a fun intro with music loops, text effects, and photos of kids in the program. When I showed it to Ms. Cross, she danced to it and called all of her staff members into her office to check it out. It was such a wonderful feeling to see my work made them smile.

One of my favorite websites I designed and still maintained is I Love Ngọc Lan. It was a gift to the fans of one of the beloved Vietnamese singers whose life got cut short by multiple sclerosis. Like many of her fans around the world, I loved Ngọc Lan’s angelic voice as well as her breathtaking beauty. Even though she had passed away 20 years ago, her music is still alive today.

A couple of years ago when Jim Van Meer, a dear friend and former classmate from the graduate graphic design program at George Mason, started his own agency, he tapped me to create the website for him. Thinkpoint Creative was a gift for him and a collaboration between us.

A few months ago, I designed and developed the Educational Partnerships for Success website for Ms. Joy Tiên who is my life-long mentor. Ms. Tiên and I go all the way back to the Upward Bound program. She has helped many immigrant kids like myself succeeded in our educational endeavor. This little gift is to show my appreciation for her compassionate work.

When I chose Vietnamese Typography as my thesis to earn a master of arts in graphic design, I wanted to make it freely available; therefore, I chose the platform I know best. I created this website as a gift to the type community so they can support my native language. I hope I had played a small role in the increasing support for Vietnamese in the type community.

I wrote Professional Web Typography as an independent study for my MA program in graphic design. I chose the web as publishing platform and as a gift to the web community.

For my personal projects, I created a webpage as a gift for my kids to celebrate the day they were born. It is also a place I can look up quickly when I need their birth dates to fill out forms. In opposite to celebrate life, I also created tribute websites to honor those loved ones I lost. I created a tribute site for my father-in-law when he passed away in 2012. He had stage-four lung cancer. I created a tribute page for my father when he passed last year. He had stage-four pancreatic cancer. A month later, I created a tribute site for my mother. She passed away after a brutal battle with COVID-19.

As Robin pointed out, websites can be made “to make someone you love smile.” I know my parents and father-in-law are smiling down on me from heaven.

The Life of Our Blogs

I was elated to see one of my posts was quoted in one of my favorite websites. I have been following Robin Rendle’s blog and newsletter for a while. I admire his writing, both style and subjects. We shared some common interests including typography and web design. I am glad that he found “Inheritance” resonated with him and that we both have thought about the life of our blogs. He expands on it:

At some point or another this website, this URL, won’t resolve though. Maybe the Internet Archive will stick around for a while, but then everything is locked within this vast archive.

But if my URL is dead, my website dies with it.

My work shouldn’t be presented in the Smithsonian behind glass or anything, I’m just pointing at this enormous flaw in the architecture of the web itself: you’re renting servers and renting URLs. Nothing is permanent because on the web we don’t really own any space, we’re just borrowing land temporarily.

I dashed off that post when my son said, “When you die, I will read your Visualgui.” I have thought about this topic when Kevin Davis, a former colleague at Vassar College, passed away in 2010. Kevin was a fantastic designer and developer. His website (alazanto.org) was beautiful and distinctively personal. It was created in Flash, but he fed in his poems through XML. After he died, I still visited his site and read the poems he had written. Then one day, the site stopped working because Flash was no longer supported and was uninstalled on my browsers. I guess he didn’t have a chance to update his site to HTML and CSS. Then one day it was completely gone. I guess his payment had ran out and he didn’t leave his keys to anyone else.