Very nice indeed. You code good work. I am an email marketer, and I build emails in bee free then export them as html and upload them onto WordPress newsletter. Always looking for new ideas to improve my skills. Thank you for the video.
As a Software/Web Applications developer with 24 years of experience, I was today years old when I found out that there are actual email developers. My brother asked me if I had ever heard of email development and I said no. But now I get it. I just didn't know it was such a big industry. Nice video
Thank you! And same here, I actually did not know it was a thing until I saw the job posting and applied. It was cool to do for the time that I did it. Got a chance to learn something new to add to my skillset.
I took a software dev bootcamp last year in which I started out pretty confident/good, but it got more complex and overwhelming really fast. But this seems like something I could totally do and enjoy! I didn't even know email development was a thing until I started job searching recently and came across postings for it.
Hi Ayan, glad you enjoyed! And you're right, there's not many videos about this particular role, so I wanted to put some info out there. Good luck on your journey!
The main technologies used were HTML and CSS. Here are some email development resources that I recommend: ‣ Coding Phase - codingphase.com/html-email-developer/ ‣ Ivan Hurt - th-cam.com/users/IvanHurt ‣ W3Newbie: th-cam.com/users/w3newbie th-cam.com/video/bWioL_nn9cI/w-d-xo.html www.udemy.com/course/html-email/ I also made a follow up QA video - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html 🙂
This was great! I’m starting my AAS in Software Development next month and have been learning email templates. I’m fairly familiar with html, css, and js and wanted to try and get some free lance work while I’m in school and working my ft job as a welder
I've recently been interviewing with a company that part of the role is making marketing emails. This video answered a lot my questions about email development. Well done! Also I don't mean to criticize but I recommend you get a pop filter for your mic. That way when you laugh or say p's and s's the wind doesn't hit the mic. When the wind hits the mic it produces a bit of an irritating sound to some people.
Great video, as a beginner now building my own stuff on codepen, it's really helpful to see what I can end up doing with what I'm learning. Thanks for sharing! :)
Thanks John! Glad it was helpful! I recently made a video where I listed some helpful resources for Email Development since I’m no longer in this role. You can check it out here & the questions are in the description for what you’re looking for 🙂 - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
thanks for gr8 stuff ... can you show how to create HTML "responsive" templates from scratch ?? e.g. 3/2 columns in desktop to 1 in mobile ? and work across all email clients
Thanks Ahmad! Glad you enjoyed! At the moment, I don't have much time to commit to creating tutorials, I'm sorry! 😭 However, I'd recommend checking out - th-cam.com/video/bWioL_nn9cI/w-d-xo.html (and other videos on that channel) this one helped me a lot when I was starting to learn the email dev process. 🙌
I never knew this was a job. Out of all the coding classes I took In school html, and css were the ones I really liked and got good with. My first job out of college picked me because of that skillet. I was trying to get into webdev but thought I needed js, react, etc to get considered. But this seems like right up my alley
Same here, actually! lol. I didn't really find out about it until I started looking for a new job. But there are definitely companies that only require HTML and CSS (not many) but they are out there.
Hi all! I don't work a lot with HTML emails anymore since I'm no longer in this role but here are some resources that you may find helpful! ➡All email related videos on the channel: ‣ th-cam.com/play/PL41tKSPrUfiyLxptnKupj6MXHB3p_iHeB.html ➡Helpful articles; ‣ Outlook conditional CSS - stackoverflow.design/email/base/mso/ ‣ HTML Email Development Best Practices - www.emailonacid.com/blog/article/email-development/email-development-best-practices-2/ ➡Additional Resources: Email Geeks Slack community - email.geeks.chat/ ‣ Coding Phase - codingphase.com/html-email-developer/ ‣ Ivan Hurt - th-cam.com/users/IvanHurt ‣ W3Newbie: th-cam.com/users/w3newbie th-cam.com/video/bWioL_nn9cI/w-d-xo.html www.udemy.com/course/html-email/
Quick question please, when you're done coding and testing, do you just simply forward the code to your client for them to deal with it themselves (if yes, then how?), or something else?
Whenever we were done building them, it went through an extensive QA process -- first internally, then we sent to the client who deemed it ready for production or not -- they let us know what edits/changes to make. The agency I worked for was full service so if they wanted us to rebuild it or something later down the line, they offered that. I never got to see how the client actually executed the emails, unfortunately. 😁
good sharing Jashele. may I know how do you embed the images?do you hosted it anywhere? I need to add images,tried with base64 images but it didn't work as expected
This is great. Song needs to be shorter. With regards to what you believes are mistakes- thanks for leaving them in as they are entertaining. Great job. One more thing. I think there are three kinds of folks looking for email creation formatting information, plain text, tiny html, full blown professional - a higher level. There are one single problem I am trying to solve. How to add, already created emails ready to be put into an email system without having to touch each one more so as a multiple email campaign or a funnel. The pro email editing would be more so as a polished front after the funnel is working or perfected.
Great video! I hope you’re doing well today. I’d like to know if you used frameworks when creating projects for your portfolio, or did you code them manually?
Thanks Boose! I'm doing pretty good and hope you're doing well also! My portfolio had a mix of hand coded and libraries/frameworks - HTML, CSS/LESS, JavaScript, React, and Node JS - devjashele.tech/projects/ (it hasn't been updated in a while).
This was a great video to watch. I am looking to transition into UX/UI Design, FrontEnd, but until I finish learning all I need to learn I think I will start in a role like this while continuing this journey. Please make more videos related to this role. ! =)
@@JasheleT That would be awesome! Can you also talk about how many custom emails you are required to develop per week either for your company or your company's clients. Thank you!
For new builds, I would average about 1-2 per week since they were very time consuming with building, testing, and code reviews. But as far as edits and asset reviews...lots lol. Also, your question was featured in my latest video 🙂 th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
Hey Billy! It depends on the complexity of the email. I would think larger companies like Netflix most likely use components/frameworks which allow them to build these faster. If you're building it from scratch, it mostly just depends on the amount of content. Like any project in development, it depends on your approach. I've built emails that have taken anywhere from 1 hour to 6 or 7 hours.
The company built their own templates. And we built on top of those, mainly putting in the custom content and any other tweaks like color and graphics. Some agencies just prefer to build their own frameworks, etc. Or whatever process they deem best for their clients.
Building on top of her comment: You really can’t venture out in marketing. Whatever you produce has to be within the set theme styles of the campaign/company you’re working for. So that’s why it doesn’t always make sense to use third party templates.
Hi Jashele, is it possible you could explain your thought process when troubleshooting html emails? I am having a problem with trying to text-align: left; on an , but my parent is text-aligned: center;. I've tried to use !important, tried removing text-align: center; from parent (including: text-align: center/left;!important;) then adding align=" left/center". I've tried styling with classes/ids, that didn't work either. I don't think there are anymore options for me? Do I need SASS to target elements more specifically for styling?
Hey, I found the problem. It took me like an hour, and just needed some time and critical thinking I guess. :P haha. So proud of myself for figuring this out. haha
Start from beggining Learn HTML CSS, GRaphic designing learn Adobe , Work as an Designer like UI , UX having years of experiences in Web Devlopment you can go for that! Good luck
I’m not sure if you’ll see this since it’s an older video but I’m teaching myself email development - do you think it’s okay that I only use inline CSS?? I do this just so i know it will work but do companies not like this?
Hi, I haven't been keeping up with the world of HTML emails as of late but looks like inline CSS is still widely used and recommended for emails and still has the most support - designmodo.com/html-css-emails/ When I was in this role, we used a mix of inline and internal CSS since not everything can be inlined and this can get hard to manage over time. Development teams will go for the methods that work and are well supported. Also, here is a good tool I found for checking what is supported and what isn't in email development - www.caniemail.com/
Hey Jashele, do you know where I could find more info on email debugging? That text color debugging looked relatively simple, but you mentioned there are much more difficult parts out there. I would like to see some examples of these hard fixes, or somewhere I could go to to find more info. Thank you :)
Hi again! It's hard to know what problems you'll have until you run into them. I'd recommend getting familiar with email coding best practices which are pretty standard. They can help you minimize issues/errors or know where to start when it comes to troubleshooting. A few sources I'd recommend subscribing to are Litmus, MailChimp, and Email On Acid. MailChimp has a pretty good best practices article here: templates.mailchimp.com/getting-started/html-email-basics/ And here's a couple of other best practices articles: - www.litmus.com/blog/litmus-builder-essentials-best-practices-for-creating-html-email-templates-in-builder/ - www.emailonacid.com/blog/article/email-development/email-development-best-practices-2/ One other thing I recommend is signing up for the Email Geeks Slack channel - email.geeks.chat/ and actually get support from other email devs! It's a good place to get help.
Thank you so much, this video is so informative! I am using HTML and CSS (and a bit of JS), but currently not confident to apply for Web Dev position, idea is to start with coding emails. Do you have any advice where to start and how to find a job?
Hi Vesna, glad it was helpful! I keep a list of entry-level coding & tech roles currently hiring here - bit.ly/3v7M3WX - mainly these jobs are remote, no CS degree friendly, little/no experience friendly. Hopefully you can find something there! I always go to sources like Indeed, GlassDoor, and LinkedIn and search for "html" or "html/css" to help locate roles needing those skills.
Email Developer ??? I thought it must be either just click-bait video, or its something newly invented. Probably I'm getting old now or what ? Well, thank you for the great video and the wonderful explanation of what you are doing
We used handlebars js at that company. But the coding was already done on the back end. All we had to do was insert them. Here’s a good example: handlebarsjs.com/playground.html
Hi, do you always use table or u rely on other responsive methods as well?Is it your personal preference or company's? Thank you so much for letting us have a peek at how it is with the HTML email dev job.
Hi there! No, that doesn't cause an issue and the browser ignores them. In fact, it can help people understand your code more. Unless it's not allowed where you work or something (I've never experienced that! 😄) This is a good article on that - developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#html_comments
You know, I was trying to learn email development with frameworks first. :P I guess I should get tables down 100% before worrying about frameworks. haha
Hi Agustin, yeah it's definitely good to have an understanding of table based coding to at least know what's going on under the hood. Luckily, it's easy to learn. 😄
@@JasheleT Thanks for your responses. :) I'm digging deep into html email development at the moment. Using coding phases course, and another Udemy course.
heyy luvv seeing the insight into this so interesting !! so im currently learning html &css which is the foundation for email developers. Im just wondering though what do you feel is the best way i can learn the tools I need to actually get hired as an email developer LOL like any specific email dev courses ? thx
Hi Bri, congrats on your journey! One tutorial that helped me get started was w3newbie - th-cam.com/video/bWioL_nn9cI/w-d-xo.html and I also did their Udemy course as well www.udemy.com/course/html-email/?couponCode=SEPTEMBER21. It was great and takes you through the entire process of building an email from start to finish. I'd also recommend having a portfolio with your development projects when you're ready to start applying. Also, you can apply to join - email.geeks.chat/ - it's a Slack community for email developers. I hope this helps! Good luck on your journey!
Hi Ma Ja! Thanks for stopping by! I am no longer going to be creating Email Development content as I am no longer in this role. However, I have some resources that I talked about here that could help - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html. I also recommend checking out this article on MDN. It goes in depth on the topic of HTML tables (it helped me a lot) - developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics Good luck on your journey!
Hi Jashele, Many many thanks for this incredibly rich content! I have subscribed to your channel already. I have a query that I have been trying to resolve related to image cashing, and I would kindly like to know if you recommend this practice and what I should do to make it work: We have an image in the email signature (made in html) that is located on the web server. The problem is that the email client (outlook) chashes the image and prevents that when I update the image on the server, the signature image is updated. Is there some way through code to inform outlook, to download a new image in case the server image is newer than the cash one? the thing I have been afraid of, is to use some code that tha mail client categorizes as spam... Thank you in advance! Gabriel
Hi Gabriel, thank you for subscribing! I don't work a lot with HTML emails anymore but did a brief online search and found some resources that may help: Microsoft Community - powerusers.microsoft.com/t5/General-Power-Automate/URL-image-caching-when-embedding-in-HTML-email/td-p/1297072 Stack Overflow Community- stackoverflow.com/questions/69374823/outlook-signature-images-hosted-online-not-refreshing This one is related to Gmail but mentions renaming the images to something else with png, jpg, or gif extensions only - (Stack Overflow) stackoverflow.com/questions/20903967/gmails-new-image-caching-is-breaking-image-links-in-newsletter Also, I recommend joining the Email Geeks Slack community - email.geeks.chat/ Good luck to you!
@@JasheleT Hello Jashele, happy new year! Many thanks for the response and taking this online search, it really helped me a lot! And if I can ask, kindly continue publishing your knowledge sharing videos! You have such great content!
Thanks for the video, Jashele! How does the employer usually like you to handle the linkage with custom sections of the content, like "Hello [Customer Name],". Well, I suppose there are 50,000 different parts of the email where this needs to be addressed. lol
Hi Ipsita, in my role we actually build from a boilerplate that already includes the coded layout and all we do is customize it to build what the client wants. It makes the process faster than having to build from scratch every single time.
Hello, sorry to hear that you're having trouble! I can provide you with email development resources & best of luck to you! ‣ Email Geeks Slack Channel: email.geeks.chat/ ‣ Coding Phase - codingphase.com/html-email-developer/ ‣ Ivan Hurt - th-cam.com/users/IvanHurt ‣ W3Newbie: th-cam.com/users/w3newbie th-cam.com/video/bWioL_nn9cI/w-d-xo.html www.udemy.com/course/html-email/
Hi. I'm currently in a coding bootcamp and came across email development as a possible career option that no one in my school has ever heard of which makes it perfect for me. I'd like to ask, what sort of companies hire email developers?
Hi there! I'm working on a spreadsheet for this - not just email jobs but entry level web jobs in general. I do come across these roles, so they'll definitely be added. Make sure to subscribe to stay connected! 🙂
Thank you, glad it was helpful! And for my role I needed zero JavaScript knowledge, just HTML/CSS. Check out my recent video, I talk a bit more about it - th-cam.com/video/BkDUmCE0oZs/w-d-xo.html
Hi, it's my pleasure! 🙂 When I was in this role, we used a mix of both inline and internal. I found a great article that talks more about this: designmodo.com/html-css-emails/
You're welcome!! Thank you for the video suggestion. I likely won't be doing much email content in the future as I am no longer in this role. Although, I am considering hosting live q/a sessions for different topics like this. 🙂 An article/tutorial that really helped me on this topic was this one - stackoverflow.design/email/base/mso/. It has a pretty good detailed explanation.
I taught myself how to code emails using a table based layout. Is this method enough to get a job as an email developer? Do I have to know how to code emails using ghost tables?
This is a good start and a good foundation. The more you learn, the better. However, job wise, it can vary. Where I worked, mainly HTML/CSS knowledge was required and they pretty much trained me on everything else - like using certain email tools, testing, etc. But I've seen other companies that require a lot more. I would say learn as much as you can and then try to find companies that align with the self-taught knowledge that you have gained. You may also consider applying for - email.geeks.chat/ which is a slack community for email developers/designers. It's a good place to network on this topic.
When I apply for Email Developer positions I see that they have Salesforce as a requirement or preferred. Is Salesforce something I should learn in HTML Email Development?
In general, I would only learn something if it's something I want to do in my career since it would be worth it in the long run. Otherwise, I'd just find a company that doesn't require it. All companies have different requirements, they won't all be the same. The company I worked for didn't require it.
Thanks James! I'm a little bit self taught because I learned HTML/CSS as a teenager by just playing around with it for fun. As far as education/courses, I went to school and received an Associate's in Computer Programming and then recently attended a coding bootcamp called Lambda School. Outside of that, I haven't done any other courses.
you need to work with tables and table styling for email templates and practice with designs to know what limitations different clients like gmail outlook and iphone clients have, like gmail doesn't support svgs while outlook doesn't support many styling and width css while supporting svgs also iphone clients crop pngs abruptly with transparent alpha borders. rest aside you can easily be an email developer tho most companies like mine ask the web devs to work with emails in general.
Hi, here are some helpful email development resources: ‣ Coding Phase - codingphase.com/pages/html-email-developer-timeline ‣ Ivan Hurt - th-cam.com/users/IvanHurt ‣ W3Newbie: th-cam.com/users/w3newbie th-cam.com/video/bWioL_nn9cI/w-d-xo.html www.udemy.com/course/html-email/ I also answer some email development questions in these videos: ‣ th-cam.com/video/BkDUmCE0oZs/w-d-xo.html ‣ th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
Hey. I just starting to code and I am already interested in email development. I was wondering do I only need html and css or do I have to learn javascript and other languages? I like your videos because they are easy to understand. Can you please do a list of things I would need in my journey. Thanks 😊
Hi Fatoumata, I only needed HTML/CSS for the company I worked for but every company will have different requirements based on their processes for building the projects. But I would definitely start with HTML/CSS, it's a great way to begin. Also, check out MDN's Web Development course. It provides a deep dive into tools, HTML, CSS, and tons of other stuff for learning: 📌 developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Hiii Thank you so much for this informative video🙏🏻🌷 Plz I want to ask you If i get a job as email developer, How many emails i have to do per day? How many hours do you work per day? Is this job exhausting?? Thanks in advance🌷🌸❤️
Hello! When I was in this role, some weeks were busier than others. We didn't have a specified amount of emails per day. We had tickets that we were assigned that included tasks such as new email builds, making corrections/edits to existing emails, rebuilding emails, QA review, etc. I talked about it in this video - th-cam.com/video/HD2VW7vCQz4/w-d-xo.html It was full-time - 8 hours a day, 5 days a week. I wouldn't say the work itself is exhausting - I think that would depend on if where you work has good work/life balance.
Yeah, HTML email coding is pretty old school since the support for it is limited. The code is meant to work in email clients (outlook, gmail, yahoo, etc) so it's slightly different than coding for web. They have frameworks for it now which is nice and can make the job easier. I'm not in this role anymore but definitely learned a lot. Valuable skill to have!
Thanks! How long did it take you to land a position? I'm currently about done with Brad Traversy's Udemy HTML/CSS course and then moving onto his JS, but want to start freelancing with some email templates and hopefully get a job later with some of that experience. Cheers! Subbed p.s. What role are you in now?
Hi David. Prior to email development, my first job was as a Jr. Dev for a local community college. It took 9 months since I was attending a coding bootcamp. I started looking for jobs during the program. Once I was in my 1st job, after about a year I started looking for other jobs and found the email dev position and applied. I am now a Web Administrator (remote) for an agency. I talk about it on the channel if you ever want to check it out - th-cam.com/video/QdaKTyBhRow/w-d-xo.html
Very nice indeed. You code good work. I am an email marketer, and I build emails in bee free then export them as html and upload them onto WordPress newsletter. Always looking for new ideas to improve my skills. Thank you for the video.
Hi Dan, glad you enjoyed! That's pretty cool, thank you for sharing! ✨🙌
As a Software/Web Applications developer with 24 years of experience, I was today years old when I found out that there are actual email developers.
My brother asked me if I had ever heard of email development and I said no. But now I get it. I just didn't know it was such a big industry.
Nice video
Thank you! And same here, I actually did not know it was a thing until I saw the job posting and applied. It was cool to do for the time that I did it. Got a chance to learn something new to add to my skillset.
Email marketing brings the largest chunk of revenue after organic searches and targeted ads. So it’s worth investing in emails.
I took a software dev bootcamp last year in which I started out pretty confident/good, but it got more complex and overwhelming really fast. But this seems like something I could totally do and enjoy! I didn't even know email development was a thing until I started job searching recently and came across postings for it.
Amazing clap🙌🏽🙌🏽🙌🏽🥳 THANK you! I am trying to get into email development and not much people share their lives as email developers
Hi Ayan, glad you enjoyed! And you're right, there's not many videos about this particular role, so I wanted to put some info out there. Good luck on your journey!
Thanks for this video, I'm also a designer trying to figure our what they heck happens once we hand over the designs.
This was very helpful! Thank you. I hope you're having success in whatever role you're now currently in!
Thanks Joe! And glad it was helpful.
This is a really good one. Loved being able to get a more detailed look at what it is you do. "Email on Acid" developers crack me up hahah.
🤣 It took me a while to get used to that name. And glad you enjoyed! Thank you for supporting the channel 😎
OMG this is sooooo awesome I have doing email development since 2014!!!
Thank you! And that's awesome!
@@JasheleT It definitely changed my life!!!!
What course or language do you need for this
The main technologies used were HTML and CSS.
Here are some email development resources that I recommend:
‣ Coding Phase - codingphase.com/html-email-developer/
‣ Ivan Hurt - th-cam.com/users/IvanHurt
‣ W3Newbie:
th-cam.com/users/w3newbie
th-cam.com/video/bWioL_nn9cI/w-d-xo.html
www.udemy.com/course/html-email/
I also made a follow up QA video - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html 🙂
Brilliant insight into this field thanks Jashele
Thanks Dom, glad you enjoyed! 🙌
Thank you for this. Having my first email developer job tomorrow. I’m so excited ☺️
You’re very welcome! Woo hoo!! Congrats to you! 🎉🎉🎉 🙌
How’s your journey going?
Hi Jashele, you are so good at teaching us what you do without making it too technical. Plus, it looks fun! Thank you so much!
Hi Julie! You're very welcome and glad you enjoyed!
Thanks for this! It was so helpful to see part of the process of what you do daily.
My pleasure! Glad it was helpful. 🙂
Thanks for giving us a peek into your journey as a developer. I wish you continued success.
You’re very welcome! And thank you 🙂
This was great! I’m starting my AAS in Software Development next month and have been learning email templates. I’m fairly familiar with html, css, and js and wanted to try and get some free lance work while I’m in school and working my ft job as a welder
I've recently been interviewing with a company that part of the role is making marketing emails. This video answered a lot my questions about email development. Well done! Also I don't mean to criticize but I recommend you get a pop filter for your mic. That way when you laugh or say p's and s's the wind doesn't hit the mic. When the wind hits the mic it produces a bit of an irritating sound to some people.
Hi Eloy, I’m glad you found it helpful. 🙌 And good luck!
I’ll definitely check out some pop filters, thanks for the feedback on that!
Great video, as a beginner now building my own stuff on codepen, it's really helpful to see what I can end up doing with what I'm learning. Thanks for sharing! :)
Very welcome! Glad it was helpful
Thank you. That really inspired me. And thank you for all of the tools. Can you make a video on how to add a gmail button to the email?
Thanks John! Glad it was helpful! I recently made a video where I listed some helpful resources for Email Development since I’m no longer in this role. You can check it out here & the questions are in the description for what you’re looking for 🙂 - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
Thanks for doing this video as this type of video are more helpful like what actual work we do and how do we implement it. Thanks for sharing
Hi Alex! You're welcome. I'm glad it was helpful! 🙂
Awesome video Jashele!!
Thank you!! 🙂
Hola Estoy aprendiendo a diseñar emails Quería preguntarte si es normal que gmail agregue un botón de descarga automático a las imágenes
Awesome video Jashele!! You're making me want to apply for this role 🙃
Thanks Asha!! 💕
You are so good for explaining and beautiful at the same time, best teacher
This was highly informative! Thank You!
My pleasure!
exactly what I was looking for, thanks for posting. Very helpful
Awesome! You're very welcome, glad it was helpful. 🤓
thanks for gr8 stuff ... can you show how to create HTML "responsive" templates from scratch ?? e.g. 3/2 columns in desktop to 1 in mobile ? and work across all email clients
Thanks Ahmad! Glad you enjoyed! At the moment, I don't have much time to commit to creating tutorials, I'm sorry! 😭 However, I'd recommend checking out - th-cam.com/video/bWioL_nn9cI/w-d-xo.html (and other videos on that channel) this one helped me a lot when I was starting to learn the email dev process. 🙌
You're super chill and cool and had a great presentation. Definitely liked and subbed
Thank you! 🙂
That was a very informative video. We need more content like this! 👌🏽
Thanks mussimbi! Glad you enjoyed 🙂
Thank you so much for the video it gave an idea on email developer job.
Awesome! Good luck to you 🙌
Hola como usas Android studio para ver tus emails?
I never knew this was a job. Out of all the coding classes I took In school html, and css were the ones I really liked and got good with. My first job out of college picked me because of that skillet. I was trying to get into webdev but thought I needed js, react, etc to get considered. But this seems like right up my alley
Same here, actually! lol. I didn't really find out about it until I started looking for a new job. But there are definitely companies that only require HTML and CSS (not many) but they are out there.
Thank you. Great content. This is very useful! Love the code you wrote. Let's me know I should do more comments.
Thank you!! Glad you enjoyed
Hi all! I don't work a lot with HTML emails anymore since I'm no longer in this role but here are some resources that you may find helpful!
➡All email related videos on the channel:
‣ th-cam.com/play/PL41tKSPrUfiyLxptnKupj6MXHB3p_iHeB.html
➡Helpful articles;
‣ Outlook conditional CSS - stackoverflow.design/email/base/mso/
‣ HTML Email Development Best Practices - www.emailonacid.com/blog/article/email-development/email-development-best-practices-2/
➡Additional Resources:
Email Geeks Slack community - email.geeks.chat/
‣ Coding Phase - codingphase.com/html-email-developer/
‣ Ivan Hurt - th-cam.com/users/IvanHurt
‣ W3Newbie:
th-cam.com/users/w3newbie
th-cam.com/video/bWioL_nn9cI/w-d-xo.html
www.udemy.com/course/html-email/
Quick question please, when you're done coding and testing, do you just simply forward the code to your client for them to deal with it themselves (if yes, then how?), or something else?
Whenever we were done building them, it went through an extensive QA process -- first internally, then we sent to the client who deemed it ready for production or not -- they let us know what edits/changes to make.
The agency I worked for was full service so if they wanted us to rebuild it or something later down the line, they offered that.
I never got to see how the client actually executed the emails, unfortunately. 😁
good sharing Jashele. may I know how do you embed the images?do you hosted it anywhere? I need to add images,tried with base64 images but it didn't work as expected
Thank you! You can host them on Github but with this tutorial I used imgbb.com/.
In my role, we used AWS and Adobe Experience Manager.
This is great. Song needs to be shorter. With regards to what you believes are mistakes- thanks for leaving them in as they are entertaining. Great job. One more thing. I think there are three kinds of folks looking for email creation formatting information, plain text, tiny html, full blown professional - a higher level. There are one single problem I am trying to solve. How to add, already created emails ready to be put into an email system without having to touch each one more so as a multiple email campaign or a funnel. The pro email editing would be more so as a polished front after the funnel is working or perfected.
Love your notes on your code
Thank you! 🙂
Great video! I hope you’re doing well today. I’d like to know if you used frameworks when creating projects for your portfolio, or did you code them manually?
Thanks Boose! I'm doing pretty good and hope you're doing well also! My portfolio had a mix of hand coded and libraries/frameworks - HTML, CSS/LESS, JavaScript, React, and Node JS - devjashele.tech/projects/ (it hasn't been updated in a while).
lmao legit hooked me with the intro, I can only guess how many times it'd take me
Lol! 🤣
This was a great video to watch. I am looking to transition into UX/UI Design, FrontEnd, but until I finish learning all I need to learn I think I will start in a role like this while continuing this journey. Please make more videos related to this role. ! =)
Good luck on your journey! 🙌🙂
Jashele, can you please share with us the general workflow as a email developer from planning to deployment?
Hi! Yes, I may possibly cover this in an upcoming video or livestream
@@JasheleT That would be awesome! Can you also talk about how many custom emails you are required to develop per week either for your company or your company's clients. Thank you!
For new builds, I would average about 1-2 per week since they were very time consuming with building, testing, and code reviews. But as far as edits and asset reviews...lots lol. Also, your question was featured in my latest video 🙂 th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
Super informative. Thank you!
This is awesome! Thanks for the info.
Very welcome!
What does the time window look like in creating the Netflix email, the transactional email or promo email?
Hey Billy! It depends on the complexity of the email. I would think larger companies like Netflix most likely use components/frameworks which allow them to build these faster. If you're building it from scratch, it mostly just depends on the amount of content. Like any project in development, it depends on your approach. I've built emails that have taken anywhere from 1 hour to 6 or 7 hours.
Can you please create live html emails so we can also learn how to do this.
Silly question but Why won’t they just use the pre made templates or buy them in a marketplace?
The company built their own templates. And we built on top of those, mainly putting in the custom content and any other tweaks like color and graphics. Some agencies just prefer to build their own frameworks, etc. Or whatever process they deem best for their clients.
Building on top of her comment: You really can’t venture out in marketing. Whatever you produce has to be within the set theme styles of the campaign/company you’re working for. So that’s why it doesn’t always make sense to use third party templates.
Sweet video! Looking forward to More!!
Thank you!
Keep up the good work!
Thank you!!
Thank you for this! There aren't a lot of videos on html developers
You're very welcome!!
Hi Jashele, is it possible you could explain your thought process when troubleshooting html emails? I am having a problem with trying to text-align: left; on an , but my parent is text-aligned: center;. I've tried to use !important, tried removing text-align: center; from parent (including: text-align: center/left;!important;) then adding align=" left/center". I've tried styling with classes/ids, that didn't work either. I don't think there are anymore options for me? Do I need SASS to target elements more specifically for styling?
Hey, I found the problem. It took me like an hour, and just needed some time and critical thinking I guess. :P haha. So proud of myself for figuring this out. haha
Yayy!! 🙌😎
Hey I have not find openings for email developer?? They are asking 6yrs exp .
that's bad 😔
Start from beggining Learn HTML CSS, GRaphic designing learn Adobe , Work as an Designer like UI , UX having years of experiences in Web Devlopment you can go for that! Good luck
I've been playing with bootstrap and I'm just noticing how many companies use it for emails
Good info sis
Thank you!
I’m not sure if you’ll see this since it’s an older video but I’m teaching myself email development - do you think it’s okay that I only use inline CSS?? I do this just so i know it will work but do companies not like this?
Hi, I haven't been keeping up with the world of HTML emails as of late but looks like inline CSS is still widely used and recommended for emails and still has the most support - designmodo.com/html-css-emails/
When I was in this role, we used a mix of inline and internal CSS since not everything can be inlined and this can get hard to manage over time.
Development teams will go for the methods that work and are well supported.
Also, here is a good tool I found for checking what is supported and what isn't in email development - www.caniemail.com/
i like these kind of videos. tutorial based share you skills to the world.
Thank you!
Hey Jashele, do you know where I could find more info on email debugging? That text color debugging looked relatively simple, but you mentioned there are much more difficult parts out there. I would like to see some examples of these hard fixes, or somewhere I could go to to find more info. Thank you :)
Hi again! It's hard to know what problems you'll have until you run into them. I'd recommend getting familiar with email coding best practices which are pretty standard. They can help you minimize issues/errors or know where to start when it comes to troubleshooting.
A few sources I'd recommend subscribing to are Litmus, MailChimp, and Email On Acid.
MailChimp has a pretty good best practices article here:
templates.mailchimp.com/getting-started/html-email-basics/
And here's a couple of other best practices articles:
- www.litmus.com/blog/litmus-builder-essentials-best-practices-for-creating-html-email-templates-in-builder/
- www.emailonacid.com/blog/article/email-development/email-development-best-practices-2/
One other thing I recommend is signing up for the Email Geeks Slack channel - email.geeks.chat/ and actually get support from other email devs! It's a good place to get help.
Good job! Thanks
Thank you!
Thank you so much, this video is so informative! I am using HTML and CSS (and a bit of JS), but currently not confident to apply for Web Dev position, idea is to start with coding emails. Do you have any advice where to start and how to find a job?
Hi Vesna, glad it was helpful! I keep a list of entry-level coding & tech roles currently hiring here - bit.ly/3v7M3WX - mainly these jobs are remote, no CS degree friendly, little/no experience friendly. Hopefully you can find something there! I always go to sources like Indeed, GlassDoor, and LinkedIn and search for "html" or "html/css" to help locate roles needing those skills.
@@JasheleT Wow!
Yes!! 🙌 And my pleasure!
Email Developer ???
I thought it must be either just click-bait video, or its something newly invented. Probably I'm getting old now or what ?
Well, thank you for the great video and the wonderful explanation of what you are doing
Lol, definitely not click-bait. I didn't know either until I applied for it. 😁
And thank you for stopping by!
This was great thanks!
How can we personalize it using variables, could you share some sample code.
We used handlebars js at that company. But the coding was already done on the back end. All we had to do was insert them. Here’s a good example: handlebarsjs.com/playground.html
You're awesome, thank you!
Very welcome!
Love the visuals
Thank you! 🙌
Hi, do you always use table or u rely on other responsive methods as well?Is it your personal preference or company's? Thank you so much for letting us have a peek at how it is with the HTML email dev job.
Yes just tables and it's the company's preference.
And you're very welcome! I'm glad you enjoyed it.
Images seems not to be adding. im not using inline css. i use external. if u see this im looking for help
Hi, Jashel ! thanks a lot for sharing, i m wondering, is there any problem using html comments and keep it in code even after finishing ?
Hi there! No, that doesn't cause an issue and the browser ignores them. In fact, it can help people understand your code more. Unless it's not allowed where you work or something (I've never experienced that! 😄)
This is a good article on that - developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#html_comments
You know, I was trying to learn email development with frameworks first. :P I guess I should get tables down 100% before worrying about frameworks. haha
Hi Agustin, yeah it's definitely good to have an understanding of table based coding to at least know what's going on under the hood. Luckily, it's easy to learn. 😄
@@JasheleT Thanks for your responses. :) I'm digging deep into html email development at the moment. Using coding phases course, and another Udemy course.
I missed this comment, sorry about that. Those sound like great resources. Hopefully they're helpful for you for learning! 🙌
heyy luvv seeing the insight into this so interesting !! so im currently learning html &css which is the foundation for email developers. Im just wondering though what do you feel is the best way i can learn the tools I need to actually get hired as an email developer LOL like any specific email dev courses ? thx
Hi Bri, congrats on your journey! One tutorial that helped me get started was w3newbie - th-cam.com/video/bWioL_nn9cI/w-d-xo.html and I also did their Udemy course as well www.udemy.com/course/html-email/?couponCode=SEPTEMBER21. It was great and takes you through the entire process of building an email from start to finish.
I'd also recommend having a portfolio with your development projects when you're ready to start applying.
Also, you can apply to join - email.geeks.chat/ - it's a Slack community for email developers.
I hope this helps! Good luck on your journey!
@@JasheleT you are so helpfulll! thank you so much queen I will be right on this.
You're very welcome!! 🙌
Hi @Jashele, can you please make some tutorials about the structure of email using tables? I am a bit lost. Thanks a lot in advance!
Hi Ma Ja! Thanks for stopping by! I am no longer going to be creating Email Development content as I am no longer in this role. However, I have some resources that I talked about here that could help - th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html.
I also recommend checking out this article on MDN. It goes in depth on the topic of HTML tables (it helped me a lot) - developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics
Good luck on your journey!
Hi Jashele,
Many many thanks for this incredibly rich content! I have subscribed to your channel already.
I have a query that I have been trying to resolve related to image cashing, and I would kindly like to know if you recommend this practice and what I should do to make it work:
We have an image in the email signature (made in html) that is located on the web server. The problem is that the email client (outlook) chashes the image and prevents that when I update the image on the server, the signature image is updated.
Is there some way through code to inform outlook, to download a new image in case the server image is newer than the cash one? the thing I have been afraid of, is to use some code that tha mail client categorizes as spam...
Thank you in advance!
Gabriel
Hi Gabriel, thank you for subscribing!
I don't work a lot with HTML emails anymore but did a brief online search and found some resources that may help:
Microsoft Community - powerusers.microsoft.com/t5/General-Power-Automate/URL-image-caching-when-embedding-in-HTML-email/td-p/1297072
Stack Overflow Community- stackoverflow.com/questions/69374823/outlook-signature-images-hosted-online-not-refreshing
This one is related to Gmail but mentions renaming the images to something else with png, jpg, or gif extensions only - (Stack Overflow) stackoverflow.com/questions/20903967/gmails-new-image-caching-is-breaking-image-links-in-newsletter
Also, I recommend joining the Email Geeks Slack community - email.geeks.chat/
Good luck to you!
@@JasheleT Hello Jashele, happy new year!
Many thanks for the response and taking this online search, it really helped me a lot!
And if I can ask, kindly continue publishing your knowledge sharing videos! You have such great content!
@@gabrielfb1 You're very welcome! And thank you, I will definitely continue. 🙂
Thanks for the video, Jashele! How does the employer usually like you to handle the linkage with custom sections of the content, like "Hello [Customer Name],". Well, I suppose there are 50,000 different parts of the email where this needs to be addressed. lol
do you code for email templates from scratch?
Hi Ipsita, in my role we actually build from a boilerplate that already includes the coded layout and all we do is customize it to build what the client wants. It makes the process faster than having to build from scratch every single time.
Hi I am stuck with outlook email template some of the tags not working in outlook
Hello, sorry to hear that you're having trouble! I can provide you with email development resources & best of luck to you!
‣ Email Geeks Slack Channel: email.geeks.chat/
‣ Coding Phase - codingphase.com/html-email-developer/
‣ Ivan Hurt - th-cam.com/users/IvanHurt
‣ W3Newbie:
th-cam.com/users/w3newbie
th-cam.com/video/bWioL_nn9cI/w-d-xo.html
www.udemy.com/course/html-email/
Hi. I'm currently in a coding bootcamp and came across email development as a possible career option that no one in my school has ever heard of which makes it perfect for me. I'd like to ask, what sort of companies hire email developers?
Hi there! I'm working on a spreadsheet for this - not just email jobs but entry level web jobs in general. I do come across these roles, so they'll definitely be added. Make sure to subscribe to stay connected! 🙂
This is great insight. How much JavaScript knowledge I need to apply for a job
Thank you, glad it was helpful! And for my role I needed zero JavaScript knowledge, just HTML/CSS. Check out my recent video, I talk a bit more about it - th-cam.com/video/BkDUmCE0oZs/w-d-xo.html
Nice work dear.
Thanks bri!! 💕
How long does it take you to build emails they send?
It could take anywhere from 1 hour to 8 hours. It just depends on the complexity of the email and what all the client is asking for.
hey thanks for the video, is it ok now to use css internal to make emails? i thought only css inline
Hi, it's my pleasure! 🙂 When I was in this role, we used a mix of both inline and internal. I found a great article that talks more about this: designmodo.com/html-css-emails/
@@JasheleT oh that amazing thank you
Welcome! 🙂
thx for this video. helped a lot
My pleasure. I'm glad it was helpful to you.
i laughed out loud when you laughed at 'emails on acid' :') thanks for the great video!
🤣 Very welcome!
What's your opinion on MJML framework?
I can't be much help on this (sorry!), I didn't have to learn or use it in my role. I do know that it can make the lives of email devs much easier! 🙂
hey thanks for the infos! Can you make a video about outlook conditional statements?
You're welcome!! Thank you for the video suggestion. I likely won't be doing much email content in the future as I am no longer in this role. Although, I am considering hosting live q/a sessions for different topics like this. 🙂 An article/tutorial that really helped me on this topic was this one - stackoverflow.design/email/base/mso/. It has a pretty good detailed explanation.
@@JasheleT thanks
I taught myself how to code emails using a table based layout. Is this method enough to get a job as an email developer? Do I have to know how to code emails using ghost tables?
This is a good start and a good foundation. The more you learn, the better. However, job wise, it can vary.
Where I worked, mainly HTML/CSS knowledge was required and they pretty much trained me on everything else - like using certain email tools, testing, etc.
But I've seen other companies that require a lot more.
I would say learn as much as you can and then try to find companies that align with the self-taught knowledge that you have gained.
You may also consider applying for - email.geeks.chat/ which is a slack community for email developers/designers. It's a good place to network on this topic.
@@JasheleT I sure wish employers saw it that way. I've been applying for over 2 years with no success.
Great video!
Thanks Jeremy!
When I apply for Email Developer positions I see that they have Salesforce as a requirement or preferred. Is Salesforce something I should learn in HTML Email Development?
In general, I would only learn something if it's something I want to do in my career since it would be worth it in the long run. Otherwise, I'd just find a company that doesn't require it. All companies have different requirements, they won't all be the same. The company I worked for didn't require it.
@@JasheleT Ok. Thank you Jashele!
You’re welcome!! 🙌
i worked on email marketing before , now im looking for a new work , im planning to be a freelancer
Awesome, good luck to you! 🙌
hey great video… are you a self taught developer? if so which courses did you find useful?
Thanks James! I'm a little bit self taught because I learned HTML/CSS as a teenager by just playing around with it for fun. As far as education/courses, I went to school and received an Associate's in Computer Programming and then recently attended a coding bootcamp called Lambda School. Outside of that, I haven't done any other courses.
I really have a grasp concept on html and css do you think it's enough for me to be a email developer ?
you need to work with tables and table styling for email templates and practice with designs to know what limitations different clients like gmail outlook and iphone clients have, like gmail doesn't support svgs while outlook doesn't support many styling and width css while supporting svgs also iphone clients crop pngs abruptly with transparent alpha borders. rest aside you can easily be an email developer tho most companies like mine ask the web devs to work with emails in general.
Hi, that's awesome! I do think this is a great start for building HTML emails. And you can keep building your knowledge from here. 🙂
Can you create a playlist email developer course please
Hi, here are some helpful email development resources:
‣ Coding Phase - codingphase.com/pages/html-email-developer-timeline
‣ Ivan Hurt - th-cam.com/users/IvanHurt
‣ W3Newbie:
th-cam.com/users/w3newbie
th-cam.com/video/bWioL_nn9cI/w-d-xo.html
www.udemy.com/course/html-email/
I also answer some email development questions in these videos:
‣ th-cam.com/video/BkDUmCE0oZs/w-d-xo.html
‣ th-cam.com/video/HFyT6MIjmwQ/w-d-xo.html
Thank you!!
You're very welcome! 🙌
Hey. I just starting to code and I am already interested in email development. I was wondering do I only need html and css or do I have to learn javascript and other languages? I like your videos because they are easy to understand. Can you please do a list of things I would need in my journey. Thanks 😊
Hi Fatoumata, I only needed HTML/CSS for the company I worked for but every company will have different requirements based on their processes for building the projects. But I would definitely start with HTML/CSS, it's a great way to begin.
Also, check out MDN's Web Development course. It provides a deep dive into tools, HTML, CSS, and tons of other stuff for learning:
📌 developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Thanks for the info.
This is great!
Thank you!! 🙌
Do you have to creat the content as well?
Nope, the content was already prepared. It just needed to be coded with the rest of the design (i.e. paragraphs, headings, etc).
it looks easy :P
that the full stack
Yeah it wasn't too hard, it's just when you start testing and trying to get stuff to work in different email clients is when it gets tricky. 😆
Thank you
Very welcome!
thanks so much
Hiii
Thank you so much for this informative video🙏🏻🌷
Plz I want to ask you
If i get a job as email developer, How many emails i have to do per day? How many hours do you work per day? Is this job exhausting??
Thanks in advance🌷🌸❤️
Hello! When I was in this role, some weeks were busier than others. We didn't have a specified amount of emails per day. We had tickets that we were assigned that included tasks such as new email builds, making corrections/edits to existing emails, rebuilding emails, QA review, etc.
I talked about it in this video - th-cam.com/video/HD2VW7vCQz4/w-d-xo.html
It was full-time - 8 hours a day, 5 days a week. I wouldn't say the work itself is exhausting - I think that would depend on if where you work has good work/life balance.
That was so helpful🙏🏻♥️
Thank you so much🙏🏻♥️🌹
My pleasure! 🙌
I want to do this for work
Awesome! Good luck to you 🙌
Im actually intrigued by the fact that the designs are built using tables 3:45 …
Yeah, HTML email coding is pretty old school since the support for it is limited. The code is meant to work in email clients (outlook, gmail, yahoo, etc) so it's slightly different than coding for web. They have frameworks for it now which is nice and can make the job easier. I'm not in this role anymore but definitely learned a lot. Valuable skill to have!
Great Video
Can Someone help me with a tool/platform or software that allows me to send bulk HTML to a lot of users at once.
Looking at an bulk mail sender or if you are a developer you can make your own
Thanks
Thanks! How long did it take you to land a position?
I'm currently about done with Brad Traversy's Udemy HTML/CSS course and then moving onto his JS, but want to start freelancing with some email templates and hopefully get a job later with some of that experience. Cheers! Subbed
p.s. What role are you in now?
Hi David. Prior to email development, my first job was as a Jr. Dev for a local community college. It took 9 months since I was attending a coding bootcamp. I started looking for jobs during the program. Once I was in my 1st job, after about a year I started looking for other jobs and found the email dev position and applied. I am now a Web Administrator (remote) for an agency. I talk about it on the channel if you ever want to check it out - th-cam.com/video/QdaKTyBhRow/w-d-xo.html