SOLVED

Learning HMTL & CSS for Marketo Emails

Go to solution
Erik_Eaton
Level 3 - Champion Alumni

Learning HMTL & CSS for Marketo Emails

Hey team,

I am looking to take my knowledge a step or two further and learn HMTL/CSS (particularly for marketo emails). I have some pretty solid experience just from the few years of working in Marketo and WP, mostly editing code and adding some if needed.

Does any one recommend a particular course or route to learning it?

Thank you,

Erik

Tags (2)
1 ACCEPTED SOLUTION

Accepted Solutions
Natasha_Ness
Level 2

Re: Learning HMTL & CSS for Marketo Emails

Hey Erik,

If you're trying to brush up on front-end skills (not necessarily Marketo related) and are doing it at your own pace, then I actually recommend SoloLearn: Learn to Code for Free!  Some of what's there might be elementary for sure, but this covers a full spectrum of programming languages and their learning model is really interesting. Oh, and it's FREE, which is obviously nice.

If you or anyone else on your team also want to dive into some more core foundational Marketo concepts, LeadMD/Six Bricks also offers about a dozen courses you can check out here. 

Let me know what you think of SoloLearn, I've certainly really enjoyed it.

View solution in original post

15 REPLIES 15
Tom_Kerlin2
Level 8

Re: Learning HMTL & CSS for Marketo Emails

Hi Erik,

Have you considered any online courses (moocs) provided by sites like Coursera, Udemy and/or Udacity? I would start there! Otherwise the best way to learn is just to keep practicing.

-Tom

Tom Kerlin
Erik_Eaton
Level 3 - Champion Alumni

Re: Learning HMTL & CSS for Marketo Emails

Definitely, I have peaked at Udemy (which is my usual go to) just wondering if there is any strong recommendations for a particular course.

SanfordWhiteman
Level 10 - Community Moderator

Re: Learning HMTL & CSS for Marketo Emails

Perhaps controversial opinion: don't bother unless you want to make it your main job.

Markup and styling for email is a distinct specialty that'll teach you methods that shouldn't be used on web pages (even if they "work" there as well).  It would be better to think of the email technologies as distinct: "SMTPML" & "SMTPCSS". 

And SMTPML & SMTPCSS are converging on HTML & CSS at a snail's pace. You can't really learn all 4 at the same time, because the moment you learn something cool on the CSS side -- tested in IE10-11 and all other modern browsers -- you'll realize it still can't be used in SMTPCSS.

There are true email masters out there, and IMO they're the only ones who should be trusted to author SMTPML/SMTPCSS without checking Litmus/Email on Acid every 2 minutes.

Up to you of course, but I can't help thinking it's the wrong move: if you're already situated as a Marketo power user/admin, use trusted peeps for email and level up in some other technology...

Grégoire_Miche2
Level 10

Re: Learning HMTL & CSS for Marketo Emails

Perhaps controversial opinion: don't bother unless you want to make it your main job.

I fully agree with Sanford on this. Unless you become a consultant and producing / fixing email templates becomes a significant part of your work, it's not worth the investment. Buy some templates from specialized vendors or subscribe to a template service, you will save a lot of time, and money

-Greg

Erik_Eaton
Level 3 - Champion Alumni

Re: Learning HMTL & CSS for Marketo Emails

Thanks for the honest feedback. Its not entirely "work based" and more something I would personally like to learn.

Dave_Roberts
Level 10

Re: Learning HMTL & CSS for Marketo Emails

1. Make a dummy email account.

2. Subscribe like a madman to cool brands that look like they're not stuck in the 90s.

3. Open their emails, study and compare the code.

For both Landing Pages and Email, I'd recommend looking into some kind of framework to work with. I like Bootstrap for Landing Pages, that's a pretty safe bet if you wanted to be able to put some more advanced things into play and then work your way back to understanding how they piece together. For email (IMHO) there's not as much of a clear winner in terms of a framework that I'd recommend -- lots of folks are using the "Fab4" framework but I'm not a fan.

One thing to note w/ learning email code is that it changes OFTEN! Get your running shoes on - just as soon as you've spent a few months getting to the bottom of something crazy that Outlook and Android can't agree upon, something changes in one of the 50+ email clients and you're back to square one -- but if you like a new challenge all the time, this might be right for you, there's always some discovery to be done. I also agree with Sanford here -- unless it's something you want to stay up on, a "little email know-how" isn't going to last as long as a "little LP know-how" might these days.

All that said, there are way more rules and things to think about (in terms of the front-end) with Email and far more limitations in HTML/CSS so it's like a "subset" of what you'd be able to safely deploy for a LP. For me, this was a bit frustrating at first b/c I learned email after webpages and found that I couldn't code things the way I was used to. This pushed me to dig a little deeper into what I didn't know and the more limited "code set" (i.e. tabled design) of email actually became a kind of refining process for me, and that in turn helped me to write better code for webpages. If I could do it all over again, I might learn the basics of Email first -- I think the limited availability of "cutting-edge" technology is a good place to build a foundation and then enhance those techniques for building more sophisticated webpages.

I've used https://www.codecademy.com/  in the past (it's been a while) but I remember that being a nice platform to learn some basics (language) on.

If you end up checking out Bootstrap: https://getbootstrap.com/docs/4.0/getting-started/introduction/ you can also find a bunch of different tutorial-style video on YouTube to help out there.

For email stuff, I got the most value out of the Litmus Builder by "learning-by-doing" and taking good notes. The downside we discovered to this tool is that they charge "per preview" and when you're testing for 40-50 ESPs at a time, this can add up quickly. I got a ton of ideas from google searches and reading thru forums and blogs on Litmus and Email on Acid also, it might be helpful to poke around their resources for some context.

Trevor_McCurry
Level 2

Re: Learning HMTL & CSS for Marketo Emails

I approve this message.

Sanford Whiteman wrote:

Perhaps controversial opinion: don't bother unless you want to make it your main job.

Be careful what you wish for. Over time, email and landing page development/maintenance will eat into the time you need to spend as a platform admin.

Josh_G
Level 2

Re: Learning HMTL & CSS for Marketo Emails

Hey Erik,

If you haven't seen this page on Marketo specific email template syntax, it might be a good place to start.

Email Template Syntax - Marketo Docs - Product Documentation

Natasha_Ness
Level 2

Re: Learning HMTL & CSS for Marketo Emails

Hey Erik,

If you're trying to brush up on front-end skills (not necessarily Marketo related) and are doing it at your own pace, then I actually recommend SoloLearn: Learn to Code for Free!  Some of what's there might be elementary for sure, but this covers a full spectrum of programming languages and their learning model is really interesting. Oh, and it's FREE, which is obviously nice.

If you or anyone else on your team also want to dive into some more core foundational Marketo concepts, LeadMD/Six Bricks also offers about a dozen courses you can check out here. 

Let me know what you think of SoloLearn, I've certainly really enjoyed it.