Whether it’s out of personal desire to push their knowledge-base further or in response to industry demands, many designers are learning more traditional developer skills. Designers who learn coding skills often find their marketability enhanced when they can tackle much of the front-end development for web or mobile projects. If that sounds appealing to you, here’s a brief guide for moving from designer to developer.
Designers are often apprehensive about moving into coding and development. One designer explained that “design and programming represent two completely different ways of thinking.” I would argue that, while different skills, there is sufficient overlap and similarity to make the transition easier than most people think.
Both the designer and developer skill sets represent a combination of art and technical skill. A modern-day designer is not highly employable without knowledge of the technical tool set. Similarly, a developer with only technical skills and no understanding of the art of software development is likely to be relegated to only entry-level positions.
There are a number of resources on Skillfeed, Shutterstock’s new online learning platform, that are perfect for first timers who want to learn HTML. My own award-winning HTML course is available as part of your Skillfeed subscription.
Like driving a car, you can’t learn HTML by watching lectures alone — you have to get actively involved. Try lab experiments that allow you to practice the techniques discussed in videos or in books. In other words, write some code and try it in your browser. The more you write, the better you’ll get at it. Often, you’ll make mistakes, but finding those mistakes and correcting them are an integral part of the learning process.
Once you’ve wrapped your mind around HTML, the next step is to immerse yourself in CSS. CSS, which is an abbreviation for Cascading Style Sheets, is the language used to determine the design of your web and mobile documents. I can guarantee that CSS will seem strange at first, but as you understand it better, you’ll likely find it a powerful way to style documents.
With CSS, you can control everything from typography within your document to the layout of the document itself. Developers skilled in CSS can change the entire look and feel of a document with just a few lines of code. To explore the power of CSS, I recommend checking out CSS Zen Garden. Using a common set of HTML code, this site demonstrates the dramatic impact CSS can have.
I have found that developers rarely understand CSS well. However, it seems very appropriate for a designer to be an expert in CSS coding. You will find that understanding CSS gives you complete control over how your designs will appear on the web or in the mobile space.
Become a Coding Superhero
Learn The Libraries
Whatever path you choose, remember to have fun as you make your journey from designer to developer. Feel free to drop me a line at mark(at)learntoprogram(dot)tv and be sure to visit learntoprogram.tv along the way. I’m happy to help!