Kako kreirati pravilno resposnive email template?

1

Kako kreirati pravilno resposnive email template?

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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.
https://www.google.rs/webhp?sourceid=chrome-instan.....20template

https://www.google.rs/webhp?sourceid=chrome-instan.....+bootstrap

Neko Vase misljenje na ovu temu. Hvala i pozdrav



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4534

Š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):

http://getbootstrap.com/css/#grid

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?



offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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):

http://getbootstrap.com/css/#grid

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

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

@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.

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Evo jedan zanimljiv primer

http://webdesign.tutsplus.com/tutorials/creating-a.....-cms-23919

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3667
  • Gde živiš: 127.0.0.1

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: https://www.campaignmonitor.com/css/b/

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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 http://themeforest.net/popular_item/by_category?ca.....-templates
i primer u inspect element kako je uradjen. Ne zna se gde mu je glava a gde rep Smile
Mada kada se dobro pogleda i nije nesto tesko ali treba neko vreme da se prouci

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4534

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.

http://foundation.zurb.com/emails

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

@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.

Ko je trenutno na forumu
 

Ukupno su 716 korisnika na forumu :: 27 registrovanih, 2 sakrivenih i 687 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: babaroga, Brankoni, dac, darkstar101, Doca, dule clio, havoc995, ILGromovnik, kreza, lolasavke54, loon123, MarKhan, Markoni29, mercedesamg, Mercury, Milos ZA, NoOneEver Dreams, repac, riva, rovac, sakota79, Toni, Username1000, vdeki, vladancekicsrb, voja64, wolf431