Kategoria Design’

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.






Jak usunąć pomarańczowy outline w Chrome




Podobny problem występuje Safari (niebieski outline). Aby szybko się go pozbyć, w dowolnej przeglądarce, umieszczamy w pliku css następujący selector: Powyższy selektor sprawia że dowolny elemnt w stanie focus nie posiada dookoła siebie outline. Należy pamiętać że działa on na każdy element na stronie.






LESS.js w trybie śledzenia zmian – watch mode




Gdy uruchamiamy less.js w przeglądarkach wspierających HTML5, cachują one  wygenerowany CSS. Nie jest to działanie pożądane podczas prac developerskich, gdy chcemy na bierząco widzieć wprowadzane zmiany. Poniższe kilka liniejek pozwala załadować less.js w trybie czuwania i developerskim. W trybie czuwania style CSS są automatycznie odświeżane podczas zapisu pliku less. Tryb developerski powoduje, że style nie są […]






Hacki CSS




Nie używamy hack-ów CSS. Chyba że nie ma innego wyjścia. Zamiast nich, dla IE, należy używać warunkowych komentarzy w sekcji <head>. Niemniej jednak chciałem udokumentować  każdy, specyficzny dla przeglądarki,  selektor CSS i  hack atrybutu stylu. Poza tym, jak sądzę, nie ma sposobu, aby zapewnić arkuszy stylów jedynie dla Safari.