[kamdz]

#webdev #css #html #gorzkiezale #ciekawostki

Ostatnio miałem przyjemność kodować responsywny styl dla newslettera. Takiego raka dawno nie dostałem. Robi się to gorzej niż wsparcie dla IE5 ( ͡° ʖ̯ ͡°) Lata 90 motzno. Całość na tabelkach, divy nie działają. Do tego połowa klientów poczty nie renderuje połowy atrybutów css i można używać tylko font, height, width, border, color, background-color i text-align. Żadnego position, float, clear, display, margin, padding... Co więcej, trzeba używać konkretnych nazw klas dla niektórych elementów, np. body musi mieć klasę yahoo bo inaczej klient yahoo zwinie nam maila xD Mimo, że style powinny być inline to i tak trzeba dopisać w headzie kilka klas z dupy (.ReadMsgBody i .ExternalClass) bo hotmail je dodaje i jak ich nie nadpiszemy to nam się pozmienia wszystko xD takich smaczków jest pełno ( ͡€ ʖ̯ ͡€)

[I.....1]

@kamdz: IMHO powinno się w końcu zadbać również o tę kwestię. Swego czasu dostawałem białej gorączki z tego samego powodu ( ͡° ʖ̯ ͡°)

[sidhellfire]

@kamdz: masz gdzieś skonsolidowany zbiór takich pierdołowatych zależności?

[kamdz]

@sidhellfire: nie było niczego co miało zebrane wszystko w jednym miejscu, przeczytałem sporo artykułów, tu masz trzy które mam zapisane w zakładkach:

https://www.campaignmonitor.com/guides/coding/guidelines/

http://kb.mailchimp.com/article/how-to-code-html-emails/

http://help.hubspot.com/articles/Best_Practice/email-templates-design-code

[Centurio93]

@kamdz: Kodowanie maili to odpowiednik #grafikplakaljakprojektowal.

[m.....s]

@kamdz: https://medium.com/@victorgarcia/a-workflow-for-responsive-emails-using-ink-and-grunt-32d607879082

[kapelushh]

@kamdz: Pierwszy raz? Świeżak widzę w tej branży :)

[D.....k]

kodować responsywny styl dla newslettera

@kamdz: a mi to chciałeś sprzedać cwaniaku...

[kamdz]

@Dreszczyk: pytałem tylko o cenę ( ͡€ ͜ʖ ͡€)

[macza]

@kamdz: kiedyś robiłem dla wp.pl/onet.pl takie mailingi, gdzie było zastrzeżenie max 8kb, a klient z grafiką (samochód). Samo pocięcie w tabele miało 3kb kodu. Na szczęście było jednolite tło, co pozwalało mi na użycie css'a zamiast pliku graficznego. Aha ważna lekcja - obrazki tylko w png8 - jeżeli liczy się rozmiar newslettera.

[m.....y]

@kamdz: @sidhellfire:

Też ostatnio miałem z tym problem, znalazłem to:

http://htmlemailboilerplate.com/

Niestety nie rozwiązuje wszystkich problemów.