Demo for Web-based Book

After releasing Professional Web Typography and Vietnamese Typography, I received a handful of inquiries expressing interests in using the web as a publishing platform. As a result, I decided to share the source code for Professional Web Typography. In the demo, you will get the front cover, the introduction page, and the history page. These three pages and the complete CSS file will help you get started creating your own web-based book. Because this is a demo, I have to change the typefaces from commercial to open source. I chose Source Sans Pro, by Paul D. Hunt, Source Serif Pro, by Frank Grießhammer, and Source Serif Pro, also by Hunt. I hope this demo will inspire you to create your own web-based book and share to the world.

If you supported my book, please download the files again to get the latest demo.

Why Scalia Law?

When WordPress’s Twenty Nineteen first released a while back, I created a child theme for Scalia Law School network of websites, but I didn’t get a chance to use it. Last week, I received a brochure about the school in PDF format and I thought it would be a great opportunity to recreate it with the new theme.

This morning, I span up a WordPress site from our Multisite network, switched up the theme, and got to work. Here is the result. With lots of photos and flexibility, the editorial design came together nicely. I kind of like Gutenberg for its ease of use.

Type Choices for Professional Web Typography

I became a fan of DJR’s work after I advised David on Vietnamese diacritics for Fit. He was an absolute pleasure to work with. He took my feedback and turned around with a new design almost instantly.

Last year, I bought a license of Turnip, one of my favorite text faces for screen reading, with the hope that David would extend it to support Vietnamese so I could feature Turnip on Vietnamese Typography. As I was thinking about revising and updating Professional Web Typography in the last several months, Turnip came to mind. Once I started setting body text in Turnip, I was pleased with the result immediately.

Because the book has a bit of sample codes, I needed a monospaced font to complement Turnip. Input Mono came to mind. I was glad that I could download Input for private use through Font Bureau . While testing, I also tried out Input Sans for small text and UI element. Because they worked out well together, I licensed both Input Mono and Input Sans.

For the book cover and big heading, I had another black display sans-serif in mind, but I settled on Forma DJR Chiaroscuro, which I already have access to as a proud member of Font of the Month Club, to complete the DJR typefaces. It was unintentional, but I am really happy that I ended up with all DJR typefaces.

ProWebType’s Version 2 is Coming

Professional Web Typography published in May 2015. I wrote it for my independent study as a graduate student in graphic design and for myself because I could not find a book that combined theory and practicality on web typography at the time.

By relying on my own experience as a web designer for almost two decades and keeping the technical aspects as simple as possible, my goal was to prove that typesetting on the web is fun and rewarding—not intimidating.

Four years later, this book desperately needed a revisit as webfonts continue to grow and variable fonts begin to emerge. I have been working on removing outdated information and expanding on new materials. I am redesigning the book website, adding more illustrations, and reworking the demos.

I will be on vacation for a week starting this Sunday. I am planning on working on this book at night after the kids go to bed. Financially, the time and effort aren’t worthwhile to do this, but I wanted to make an update to the book. The outdated information and scattering materials are bugging me. I ignored the book and thought of pulling the plug on it, but I decided to revise it anyway. Wish me luck!

Nunki

When Future Fonts launched over a year ago, I wanted to get in on it, but the lack of support Vietnamese was a deal breaker for me. Even now, only one display typeface, Alga, supports Vietnamese.

Yesterday I came across Nunki, a new typeface by Mark Frömberg. In his release note, Mark states that he’ll consider supporting Vietnamese in the future; therefore, I snatched it up for $25. I posted my purchase on Twitter and Mark responded that he will do so in the future.

Nunki is now featured on this blog homepage to display word of the day. I am looking forward to seeing the future release with the Vietnamese language.

Simple Web Design

I just relaunched my professional portfolio. Almost twenty years into the game and I still am passionate about the art of web design; therefore, I want to bring back simplicity and beauty to the web.

These days, too many sites are built using pre-made site builders such as Squarespace, Wix, or WordPress. As a result, most small-budget websites looked the same. I believe that even with a limited budget, your online presence does not deserve to be templated.

Take a look at the projects I have created. Each site had been designed with specific goals and visions. If you have a small business or a passion project that needs a unique website, let’s talk. Together we will create an experience that is focused on your audience and tailored to your brand.

New Hero Banner

On the homepage of my blog, I am combining Merriam-Webster’s “Word of the Day” with David Jonathan Ross’s “Font of the Month Club.” The idea is for me and you to learn a new word a day if we come to this site everyday. Thanks to RSS Feed, I can get the word of the day to display on my site automatically and easily. Since WordPress already has an RSS built-in function, I just need the following code to get the word:

< ?php include_once(ABSPATH.WPINC.'/rss.php'); wp_rss('https://www.merriam-webster.com/wotd/feed/rss2', 1); ?>

As for the typeface, I want to take advantage of my membership of the “Font of the Month Club.” I can’t wait for August’s font in three more days.

On type-related news, I added Crimson Pro to the Type Recommendations section. Check it out.

Self-Unsatisfaction

I want to change the design of my blog, my portfolio, and my résumé again. I am not quite satisfied with the current designs and yet I have not come up with anything new that I like.

The current designs aren’t bad and I am not trying to impress any potential employer. I just want to make a change for myself. It almost feels so damn narcissistic. On the positive side, redesigning my own sites allows me to stay update with my web design chops. I like to work on my own sites then taking on client’s projects.

Nevertheless, I am going to step away for awhile to clear my mind. Fortunately, our family reunion is coming up this weekend. I can’t wait to get away from my digital life and spend a whole week with my love ones. I give up trying to redesign my sites for now.

Some News

I jazzed up Vietnamese Typography a bit. The homepage now has several cover designs loaded in randomly. For chapter header and small text, I switched to Adapter, a brand new typeface designed by William Montrose and Sláva Jevčinová for Rosetta. It’s pretty neat. Go give it a visit.

I snatched up a ticket to Typographics next week. The speaker lineup looks amazing. I am also looking forward to meeting up with some friends. Let me know if you’re attending.

I am reading Frederick Douglass: Prophet of Freedom by David W. Blight. I am only about 100 pages in, but the book is so good. I also ordered Ocean Vương’s debut novel, On Earth We’re Briefly Gorgeous. It’s one of my summer reading list.

The kids will be done with school next week. I am looking forward to the summertime.

Google Pixel Customer Service Sucks

A few months ago, my Pixel 2, which I loved, didn’t wake up after an entire night of charging. I did not know what to do or where to go to get it fix. So I replaced it with my wife’s old iPhone 6 Plus. Two weeks ago I shattered the iPhone screen and took it back to the Apple Store for a repair. Apple ended up giving me a brand new replacement even the phone was already five years old.

Because Apple’s customer service was amazing, I would like to give Google a shot just to compare. I still owe $115 for a dead phone and it is still under warranty. I went back to the Google Online Store and found the tiny repair link buried all the way at the bottom of the page. I filled out my info and received a call back without five minutes, which was impressive. I spoke with the technician for 40 minutes. He instructed me to clean up the charging port, to plug the phone into the charger, and to hold the power button and the volume down at the same time. Nothing happened. He then started the process to get it replaced. Unfortunately, my Pixel 2 had a crack on the back housing, which I accidentally dropped the phone almost a year ago. It had nothing to do with the phone not charging. In order for me to get a replacement, I have to repair the back housing first at UBREAKIFIX for $170.

Not only Google’s hardware sucks, its customer service also sucks. It is time to break up with Google and go back to the beloved Apple.