Kako kreirati pravilno resposnive email template?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Postovanje interesuje me
1.Koji je pravilan nacin izrade tzv. responsive email template?
2.Da li moze samo preko html-a ili nekog css frameworka i media queria?
3. Da li moze bez primene tabela?
4.Video sam negde da se trazi i pravilan rad i ukljucivanje u email klijente, kako?

Postoje mnogobrojni tutorijali stari i novi.
[Link mogu videti samo ulogovani korisnici]

[Link mogu videti samo ulogovani korisnici]

Neko Vase misljenje na ovu temu. Hvala i pozdrav

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Što bi koristio CSS framework kada imaš kompletan, Bootstrap framework koji u sebi ima i grid system (to ti je odgovor i na treće pitanje, ne trebaju ti tabele):

[Link mogu videti samo ulogovani korisnici]

Koristi ono što najbolje znaš, dakle ako poznaješ dobro Sass i HAML utom bolje, moći ćeš brže da napišeš prototip toga što si zamislio. Što se tiče slanja, zavisi od toga koji je back-end, Ruby ili PHP?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

E.L.I.T.E. ::Što bi koristio CSS framework kada imaš kompletan, Bootstrap framework koji u sebi ima i grid system (to ti je odgovor i na treće pitanje, ne trebaju ti tabele):

[Link mogu videti samo ulogovani korisnici]

Koristi ono što najbolje znaš, dakle ako poznaješ dobro Sass i HAML utom bolje, moći ćeš brže da napišeš prototip toga što si zamislio. Što se tiče slanja, zavisi od toga koji je back-end, Ruby ili PHP?

Hvala, mislis na ovako nesto, mali primer za pocetak
 <style type="text/css">     body{            margin: 0 auto;       color:#fff;       background: #fff;     }     .container{        max-width: 640px;       background: #519C52;     }     </style>
<div class="container">       <div class="row">       <div class="col-md-4">         <h1 class="text-center">Hello, world!</h1>       </div>         <div class="col-md-8">         <h1 class="text-center">Hello, world!</h1>       </div>       </div>      </div>


OK, prvo ovo da naucim lepo. Ako imas neki primer kako se salje ili gde da procitam, dobro ce doci.

Da li je bolje da ide body na 640px ili container na 640px
Pozdrav

• 2Ovo se svidja korisnicima: Rastafarii, dejnik978
  
  Registruj se da bi pohvalio/la poruku!

@E.L.I.T.E.

Moze da se oprosti od koriscenja bootstrap greed sistema posto vecina mail klijenata/web mail servisa moze da repordukuje samo tabelarno kodiran html sa inline css stajlovima, sto znaci da otpada koriscenje divova kao i upotreba eksternih css i js fajlova.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 04 Mar 2016 22:03

m4rk0 ::@E.L.I.T.E.

Moze da se oprosti od koriscenja bootstrap greed sistema posto vecina mail klijenata/web mail servisa moze da repordukuje samo tabelarno kodiran html sa inline css stajlovima, sto znaci da otpada koriscenje divova kao i upotreba eksternih css i js fajlova.

Ok, hvala, to bi znacilo da nadjem neki noviji tutorijal za tabelama i da naucim. Pozdrav

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Evo jedan zanimljiv primer

[Link mogu videti samo ulogovani korisnici]

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Dzabe sve, nista osim inline style-a (na svakom elementu pojedinacno) ne radi posao jer Gmail prvi ne parsuje <style> tagove uopste.

Evo ti jedna poprilicno dugacka lista sta moze, a sta ne i na kom servisu / klijentu: [Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala puno pa kad se sve sabere koliko se truda ulozi u ovaj rad mozda se i on i ne placa dovoljno. Mozda je i bolje uciti nesto drugo nego ovo. Mozda je bolje nauciti dobro osnovni psd to html.
Kada pogledam ovde [Link mogu videti samo ulogovani korisnici]
i primer u inspect element kako je uradjen. Ne zna se gde mu je glava a gde rep
Mada kada se dobro pogleda i nije nesto tesko ali treba neko vreme da se prouci

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Izvinjavam se, pogrešno sam protumačio pitanje. Foundation ima svoj framework (nekadašnji Ink) za responsive mejlove koji ne koristi media queries i koliko vidim radi i sa GMail, pa probaj sa njim.

[Link mogu videti samo ulogovani korisnici]

• 2Ovo se svidja korisnicima: Rastafarii, dejnik978
  
  Registruj se da bi pohvalio/la poruku!

@dejnik978
Iskren da budem ja sam silom prilika morao da naucim kodiranje html stranica za email (radim fulltime pa jedan od taskova bude povremeno i to). Inace da to ucim samo sa ciljem da nekom ponudim da mu odradim to - pa nema sile koja bi me naterala da se vracam na inline tablelarno kodiranje i da pazim koji stajl mogu da stavim i sl gluposti za neke bezvezne pare.