Tagi wpisu ‘HTML’

HTML Email Boilerplate




http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/say-hello-to-the-html-email-boilerplate/ HTML Email Boilerplate jest szablonem który pomaga stworzyć dobrą wiadomość email, poprawnie renderowaną w najpopularniejszych klientach pocztowych: Gmail, Outlook, Yahoo itp. Dostarcza kilku przykładów i wskazówek jak powinna wyglądać poprawnie sformatowana wiadomość email. Oczywiście można skorzystać tylko z wybranych fragmentów szablonu.






Technika Sliding Doors




Jak stworzyć ładne, zaokrąglone przyciski za pomocą CSS?  O wiele lepiej jest skorzystać z techniki sliding doors, niż z obrazkowego tła dla przycisków, ponieważ można zastosować dowolny styl linku i jednocześnie nie ma potrzeby tworzenia nowego obrazu dla szerszego czy węższego przycisku.






Tajemniczy margin po odrazkiem




Jeśli pod obrazkiem pojawia się tajemniczy margines, i nie możemy dosunąć do obrazka elementu znajdującego się poniżej, wystarczy do obrazka dodać Dzieje się tak dlatego, że obrazki domyślnie posiadają styl display: inline, więc siedzą na linii bazowej, jak tekst, z odrobiną odstępu pod nim.






Jak stworzyć dobrą wiadomość e-mail lub newsletter




Nawet dla doświadczonych projektantów stworzenie dobrego newslettera nie jest łatwe. Wygląd wiadomości e-mail powinien być atrakcyjny oraz poprawnie wyświetlany we wszystkich  klientach pocztowych. Często zdarza się że style CSS nie działają obrazki się nie pokazują itp. Poniżej kilka zasad, które pomogą stworzyć dobry newsletter.