Meng To

In 2013, Meng To was enjoying the startup life in Silicon Valley while lending his web design talents to Heyzap, a mobile game developer.

Until his request for a new visa was denied.

The Cambodian-born web designer and developer from Montreal boasted 12 years of experience, but without a degree in higher education, he couldn’t obtain another visa to stay in the U.S. and work for startups sprouting in San Francisco and New York.

So he decided to take his skills on the road, traveling the world and working at a startup in Asia. He eventually compiled everything he learned here and abroad in a new book called design + code.

To, now 31, wrote his book about designing and coding websites and iPhone apps in Seoul. The book delves into how to design for iOS, use software like Sketch and Xcode for design purposes, and build an app from scratch to a sale in Apple’s App Store. The book, written in three parts, will be available at the end of April for $100.

“The purpose of this book is to definitely take the knowledge I gained and the feedback that I got and put that in a book,” To says. “The book is definitely born out of the feedback I got from people.”

Free trial on Treehouse: Do you want to learn better front-end design skills? Click here to try a free 14-day trial on Treehouse.

Building Experience and Reputation

By 2011, To says he felt confident creating simple and functional modern-day web design compared to design from 1998, the year he created a site to share drawings of people he admired, like actor Jet Li.

More than a decade earlier, in 2000, To passed on college for a job at a design agency, where he started his career. And 11 years later, Dribbble — a social media network for designers — magnified his skills and experience. Designers interested in his work connected with him.

By spring 2012, Dribbble opened the doors for To with a position at Heyzap, where he wrote in his blog about using Sketch for user-interface design as a replacement for Photoshop.

“I changed their complete design flow,” he says. “I made them switch to Sketch. Everybody’s talking about Sketch. Every designer knows about Sketch. That was like a big stepping stone for me, just writing about Sketch.”

He obtained a J-1 visa — which allowed him to work in the U.S. for 18 months — to work at Heyzap. But with his influence on the rise, To applied to stay in the U.S. longer with an H1B visa, which requires either a bachelor’s degree or 12 years of experience. To had the experience, but his visa application was still denied.

Meng To at work.

Time to Hit the Road

It was June 2013, and To didn’t want to return to Montreal, a city without an influential design community, so he decided to travel. He chose Asia to see the world he left at 8 years old, when his family immigrated to Canada from Cambodia.

His first stop was Singapore, a country with an English-speaking startup community. After Singapore, he traveled to Bali, then Jakarta. While in Indonesia, he received an email from Christopher Yeung of Carshare.hk, a Hong Kong service that allows people to rent out their personal vehicles to others nearby. Yeung paid for To’s airline ticket to Hong Kong last September, where To stayed for almost six months, helping Carshare launch its website and iPhone app as its sole designer.

“I was working with extremely hardworking people,” he says. “They were working on weekends. We were hustling from morning to 8, 9 p.m. They were extremely young as well. It’s pretty rare to see a startup with young people, especially outside San Francisco.”

The around-the-clock dedication rubbed off. He attended hackathons in his free time after meeting a back-end engineer and an iOS developer. His newfound knowledge on front-end, back-end and iOS design inspired him to write again. Instead of a blog, he believed a book describing how to create a website with an iPhone app from scratch would be more beneficial to those eager to learn.

“What I noticed from writing is that I was influencing these people’s lives with changing the way they worked and inspiring them to build their own iPhone applications and to make the switch from Photoshop to Sketch,” he says. “Instead of freelancing, I’m just going to write a book.”

After his Twitter followers voiced their support for the book, To received 600 pre-orders.

He’s now in the ninth month of his international adventure, busily finishing up the book he started a little more than a month ago.

Find information on To’s book at http://designcode.io.

The post Designer Meng To’s Writing Adventure Stemmed from Denied Visa appeared first on Treehouse Blog.

This is Gallery image

Name: Kathleen Bruce

Hometown: Annapolis, MD, USA

Alma Mater: UMBC

The following is a guest post by by Tobias Günther. Tobias works for Tower, the Git client for Mac and authored the new (free) book Learn Version Control with Git - A step-by-step guide for the complete beginner. Tobias is going to share a bit of information about a very uncomfortable moment when using Git: the merge conflict.

Everybody has a list of things they don't like: an appointment at the dentist, a traffic jam, or a canceled flight. When I was preparing my book, I wasn't surprised that a lot of designers and developers would add merge conflicts to this list without hesitation.

When using Git for version control, there is nothing to fear. Once you understand how merge conflicts work and how to deal with them, I'm sure you'll be able to cross them off this list.

You Cannot Break Things

The first thing that you should keep in mind is that you can always undo a merge and go back to the state before the conflict occurred. You're always able to undo and start fresh.

If you're coming from another version control system (e.g. Subversion) you might be traumatized: conflicts in Subversion have the (rightful) reputation of being incredibly complex and nasty. One reason for this is that Git, simply stated, works completely different in this regard than Subversion. As a consequence, Git is able to take care of most things during a merge - leaving you with comparatively simple scenarios to solve.

Also, a conflict will only ever handicap yourself. It will not bring your complete team to a halt or cripple your central repository. This is because, in Git, conflicts can only occur on a your local machine - and not on the server.

How a Merge Conflict Occurs

In Git, "merging" is the act of integrating another branch into your current working branch. You're taking changes from another context (that's what a branch effectively is: a context) and combine them with your current working files. Have a look at this introduction to branching if you're new to the concept in general.

A great thing about having Git as your version control system is that it makes merging extremely easy: in most cases, Git will figure out how to integrate new changes.

However, there's a handful of situations where you might have to step in and tell Git what to do. Most commonly, this is when there are changes to the same file on both branches. Even in this case, Git will most likely be able to figure it out on its own. But if two people changed the same lines in that same file, or if one person decided to delete it while the other person decided to modify it, Git simply cannot know what is correct. Git will then mark the file as having a conflict - which you'll have to solve before you can continue your work.

How to Solve a Merge Conflict

When faced with a merge conflict, the first step is to understand what happened. Did one of your colleagues edit the same file on the same lines as you? Did they delete a file that you modified? Did you both add a file with the same name?

Git will tell you that you have "unmerged paths" (which is just another way of telling you that you have one or more conflicts) via "git status":

Conflict Markup

Let's take an in-depth look on how to solve the most common case: when two changes affected the same file on the same lines.

Now is the time to have a look at the contents of the conflicted file. Literally open it in your code editor. Git is nice enough to mark the problematic area in the file by enclosing it in "<<<<<<< HEAD" and ">>>>>>> [other/branch/name]".

The contents after the first marker originate from your current working branch. After the angle brackets, Git tells us where (from which branch) the changes came from. A line with "=======" separates the two conflicting changes.

Cleaning Up

Our job is now to clean up these lines: when we're done, the file should look exactly as we want it to look. It can be necessary to consult the teammate who wrote the conflicting changes to decide which code is finally correct. Maybe it's yours, maybe it's theirs, or maybe a mixture between the two.

Opening the raw file in your editor and cleaning it up there is perfectly valid, but not very comfortable. Using a dedicated merge tool can make this job a great deal easier. You can configure your tool of choice using the "git config" command. Consult your tool's documentation for detailed instructions. Note that just because you have git installed doesn't mean you have a dedicated merge tool installed, these are separate, optional software tools.

Then, in case of a conflict, you can later invoke it by simply typing "git mergetool".

For this example, I've used Kaleidoscope on Mac:

The left and right panes stand for the conflicting changes; a far more elegant visualization than <<<<<<<" and ">>>>>>>".

You can now simply toggle which change shall be taken. The middle pane shows the resulting code; in good tools, you can even edit this further.

Now, after cleaning up the file with the final code, all that's left is to save it. To give Git a hint that you're done with this file, you should quit the merge tool to continue. Behind the scenes, this told Git to execute a "git add" command on the (now formerly) conflicted file. This marks the conflict as solved. Should you decide not to use a merge tool and instead clean up the file in your editor, you'll have to mark the file as resolved by hand (by executing "git add <filename>").

Finally, after resolving all conflicts, a merge conflict situation needs to be concluded by a regular commit.

How to Undo a Merge

As already said, you can return to the state before you started the merge at any time. This should give you the confidence that you can't break anything. On the command line, a simple "git merge --abort" will do this for you.

In case you've made a mistake while resolving a conflict and realize this only after completing the merge, you can still easily undo it: just roll back to the commit before the merge happened with "git reset --hard <commit-hash>" and start over again.

Tools Can Make Things Easier

I've already mentioned it briefly: being equipped with good tools can make your life quite a bit easier. A proper merge tool will help you better understand a conflict scenario and make the right decision.

Have Confidence

With all the safety nets in place that Git provides, there's really no need to be afraid of merge conflicts in any way. Once understood how they work and what your options are, you should be ready to merge like there's no tomorrow. Always keep in mind: you can't break anything!

Note from the Editor

Tobias modestly left out Tower as an excellent tool to help with merge conflicts. In fact one of the reasons I personally use Tower is because I like how it helps with with merge conflicts.

It's very clear when you have a conflict:

And right-clicking on the conflicted file gives you some nice options:

So my process is usually:

1. Is it very obvious to me whether my changes to this file or the other branches changes to this file should "win"? If so, select the relevant "Resolve <file> Using Mine" or "Resolve <file> Using Theirs"
2. If I need a closer look, pop it open in a code editor and check it out. Then maybe still I can use one of those options.
3. If it's more complicated, manually fix it up and then choose "Mark <file> as Manually Resolved" from Tower.
4. Sometimes use a Merge Tool if there is a lot of complex fixes, which Tower also supports opening conflicts in via the "Open <file> in Merge Tool" option.

How to Deal with Merge Conflicts in Git is a post from CSS-Tricks