Html

Ciekawy przypadek tagu video

Ciekawy przypadek tagu video

slav

Dawno, dawno temu – kiedy jeszcze nie było neostrady… żeby odpalić video w na stronie, trzeba było mieć flash i kupę dodatkowych skryptów. Po tym jak pojawił się HTML5 sprawa się lekko uprościła i wystarczył tag VIDEO i mądre przeglądarki w teorii zaczęły odtwarzać video bez flasha.

Jak kodować HTML w newsletterze

Jak kodować HTML w newsletterze

slav

Podstawowe narzędzie marketingowe współczesnego internetu – newsletter, w niektórych krajach znane jako EDM . Kto chociaż raz próbował, wie że nie jest to specjalnie łatwe zadanie. Znajomość HTML’a i CSS nie wystarczy, trzeba znać odpowiednie sztuczki i posiadać doświadczenie. Na czym polega problem? Na tym, że w przeciwieństwie do zwykłych stron musimy zwrócić uwagę “jedynie” na 3 głównej przeglądarki i ich wariacje. Zakładając jednak że kodujemy poprawnie i nie szalejemy ze stylami strona będzie mniej więcej wyglądać poprawnie. W przypadku EDMów liczba klientów jest praktycznie nieograniczona, a większość z nich ma swoją własną interpretacje HTML CSS i świata 😉

Lista symboli HTML kopiuj i wklej

slav
Jakiś czas temu opisałem 10 symboli HTML , które powinieneś znać. Oczywiście symboli jest trochę więcej i jest też dosyć ciekawa strona, gdzie można znaleźć wszystkie te symbole. Jest też bardzo przydatna funkcja kopiowania tych somboli. Polecam: www.copypastecharacter.com Druga strona, całkiem nowa: unicode-table.com
HTML-Ipsum czyli zapełniacze w HTML

HTML-Ipsum czyli zapełniacze w HTML

slav
Wspominałem już o Lorem Ipsum w kilku wariantach – tzn. w tradycyjnym w postaci tekstu, oraz obrazkowym lorem ipsum , gdzie zamiast pustych ramek można było wcisnąć ładne obrazki kotów czy psów, a nawet samego Sheena. Tym razem jeszcze prostsza i podręczna strona – HTML-Ipsum czyli gotowe wstawki HTML. Możemy wybrać zwykłe zapełniacze z tekstem – kilkoma paragrafami, dłuższymi lub krótszymi. Do tego są listy, formularze oraz tabelki. Niby nic specjlanego, ale wystarczy pobać gotowy HTML i zapychacz gotowy.

Jak rozpoznać nazwę czcionki

slav

Prędzej czy później każdy webdeveloper trafia na moment, kiedy potrzebuje znać nazwę czcionki użytej przy danym projekcie. Nie zawsze mamy dostęþ do źródeł, a często do dyspozycji dostępny jest jedynie płaski obrazek z daną czcionką. W takim przypadku mamy. W przypadku takich problemów jest kilka rozwiązań:

CSS3 Menu czyli jak szybko zrobić ładne menu

CSS3 Menu czyli jak szybko zrobić ładne menu

slav
O tym, że za pomocą CSS3 można robić ładnie wyglądające menu wie chyba każdy. Nie każdy jednak lubi i potrafi grzebać w CSS, ustawiać wszystko żeby wyglądało tak jak tego oczekujemy. Z pomocą przychodzi nam bardzo fajny i prosty program o wdzięcznej nazwie CSS3 Menu . Aplikacja naprawdę prosta w obsłudze, działa na szczęście pod Windowsem i pod Mac OS X. Generanie cała zabawa z tym programem polega na ustawienia parametrów naszego menu i samego menu – program generuje gotowy kod CSS3 i HTML.

Obsługa CSS3 w Internet Explorer

slav

Każdy Webdeveloper pewnie nie raz spotkał się z problemami jakie niosą za sobą produkty Microsoftu w postaci kompletnej niezgoności ze standardami. Najprostrzy przykład to zaokrąglone narożniki. O tyle o ile FireFox i Chrome (i Safari) radzą sobie z tym zadaniem bez najmniejszych problemów  to oczywiście w Internet Explorer pozostają nam rozwiązania w postaci kombinowania z obrazkami w tle itp, itd…

Jest na to rozwiązanie.

Frameworki CSS – Bueprint i 960 Grid System

Frameworki CSS – Bueprint i 960 Grid System

slav

Czasami potrzebujemy zrobić na szybko jakąś stronę, bez tracenia czasu na zabawę z HTML, CSS i układaniem wszystkiego. Każda strona składa się z tych samych elementów: mamy nagłówek, potem może być menu, po lewej, po prawej, albo poziome. Jest miejsce na treść – w układzie jednym lub wielu kolumn, a potem stopka. Jeżeli nie mamy czasu na ręczne kodowanie całgo CSS, a dokładność “co do piksela” nie jest krytyczna – wtedy z pomocą przychodzą nam gotowe Frameworki CSS3. Niektóre są bardzo proste – zawierają tylko style do wyzerowania wszystkich wartości CSS (tak żeby bazować na tym samym dla każdej przeglądarki), inne zawierają gotowe predefinowane ustawienia kolumn i wierszy (wklejamy tylko treść w odpowiednią kolumnę). Ostatnia grupa to tzw. “grid system”, które umożlwiają dowolne ustawianie elementów w systemie siatki.