Kategoria HTML + CSS

Prosty formularz kontaktowy w PHP

Większość stron internetowych zawiera obecnie adres e-mail do kontaktu. Nie wszystkie jednak udostępniają formularz kontaktowy. A warto go udostępnić. Dzięki niemu wysłanie wiadomości będzie dla klienta szybsze, a strona w odbiorze bardziej profesjonalna. Dodatkowo, to my decydujemy które pola w formularzu klient musi wypełnić i nam przekazać w wiadomości.

Czytaj dalej

Generator różnych rozmiarów favicony

Temat favicony już pojawił się na łamach itporady.pl. Porada "Własna ikona w pasku adresu (favicon)" dotyczy tworzenia własnej ikonki w przeglądarce, zarówno przez program graficzny jak i generatory dostępne w internecie. W tej poradzie natomiast przyjrzymy się narzędziu, które utworzy za nas wiele plików z rozmiarami favicony pod np. Facebooka, Twittera, systemy mobilne iOS i Android.

Czytaj dalej

Potwierdzenie opuszczenia strony, formularza - jak zrobić?

Wyobraźmy sobie taki scenariusz - klient wypełnia dłuższy formularz na stronie, a następnie przypadkowo zamyka kartę w przeglądarce. Domyślnie wszystkie wprowadzone dane by przepadły. Jak można się zabezpieczyć przed takimi sytuacjami?

Czytaj dalej

Jak dodać ikonki Glyphicons do Bootstrapa 4?

Bootstrap w wersji 3 zawiera ikonki Glyphicons. Są one darmowe i wbudowane - nie trzeba ich pobierać i załączać osobno do projektu. Następca, czyli Bootstrap 4 nie posiada żadnych wbudowanych ikon. Istnieje jednak sposób na dołączenie Glyphicons do Bootstrapa w wersji czwartej - jak to zrobić?

Czytaj dalej

Jak poprawnie sklonować formularz za pomocą jQuery?

Porada może się przydać w różnych sytuacjach. W moim przypadku była to konieczność sklonowania formularza w celu wyświetlenia go w nowym oknie. Następnie zmieniałem style, a niektóre elementy usuwałem i umożliwiałem wydruk. Pojawił się jednak problem - funkcja clone() faktycznie skopiowała cały formularz, natomiast bez żadnych wartości. Jak to rozwiązać?

Czytaj dalej

Kolorowanie składni kodu PHP, CSS, HTML, JavaScript - poznajcie Prism

Na stronach o tematyce programistycznej często zachodzi potrzeba załączenia do treści wpisu, fragmentu jakiegoś kodu - czy to PHP, HTML, CSS a może polecenia z bazy danych i skryptu JS. No fajnie, załączenie to nie jakiś wielki problem, ale jak zaprezentować to efektywnie, a przede wszystkim w czytelnej formie dla użytkownika?

Czytaj dalej

Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin

Pora przedstawić rozwiązanie, którego sam jakiś czas szukałem. Generalnie wielkość bloków w HTMLu ustala się na podstawie liczby pikseli, procentów. Tymczasem jest również możliwość ustalenia marginesów, wielkości (i innych) dla bloku, względem obszaru roboczego.

Czytaj dalej

Jak złamać długi ciąg znaków w HTML/CSS?

To nie jest skomplikowana porada, aczkolwiek zauważyłem, że niektórzy zapominają o istnieniu tej "sztuczki" przy tworzeniu stron internetowych. Może się to przydać na przykład wtedy, gdy strona jest "rozciągnięta" przez jedno długie słowo, jeden długi link lub po prostu długi ciąg znaków. Jak się tego pozbyć?

Czytaj dalej