wtorek, 25 lutego 2025

Placeholder w polach input. Czy nadal używać placeholder w formularzach?

 Niedawno pisałem o wypełniaczach tekstu na strony internetowe, aby pokazać, jak na stronie prezentował by się tekst, jak i cała strona. Kolejnym wypełniaczem, a nie pisałem wtedy o tym jest placeholder w polach input. Jedni nazywają wypełniaczami, drudzy etykietami. I dziś odpowiemy sobie na pytanie, czy jeszcze warto  placeholder używać w formularzach. Zapraszam

Placeholder był i czasem jest używany w formularzach, aby zastąpić etykiety zwane label, które są obok pól input lub nad nimi. Przeważnie takie nazwy pól input są nad, ale nie ma żadnej różnicy, czy jest z boku, czy nad. Ważne, aby był formularz czytelny dla użytkownika. 

Napisałem wyżej, że stosuje się jeszcze wypełniacz placeholder, który miał ułatwiać czytelność pola, wpisując  w linijke pola input placeholder = "Tutaj tekst" a poniżej przykład:

<input type="text" name= "nazwa użytkownika" placeholder="Nazwa użytkownika">

 Wiem, mógłbym pokazać zrzut z edytora, ale pozwoliłem sobie, aby tak napisać. Strona Onet i inne portale miały taki wypełniacz, ale miał jedną wadę. Po kliknięciu, cała etykieta pola znikała, i wtedy użytkownik nie wie, czy wpisuje nazwę użytkownika, adres email, czy hasło. Poniżej przedstawiam na zrzucie pola input z placeholder (A), gdzie po prawej widać, że brakuje opisu pola. A to dlatego, że jest aktywne, co mówi widoczny kursor w polu(nie jest pokazany na poniższym obrazku). Gdy opuści się pole input, to wraca wypełniacz, który jest widoczny po lewej stronie (A). Natomiast poniżej, pole input (B), jest tradycyjnym opisem nad polem input, gdzie bez względu na to, czy pole jest aktywne, czy nie, to zawsze widać nazwę pola.


 W ostatnich latach używa się przemiennego wypełniacza tzw. ruchomego, gdzie widać opis w polu input, ale po aktywacji, idzie w górę nad pole input. Jest taka animacja, ale dla mnie nie ma różnicy, bo i tak nazwa pola przechodzi nad pole input. Jednym słowem, i tak jest na górze.

I odpowiadając na pytanie zawarte w temacie. Czy nadal używać placeholder w formularzach? Nie, to jest utrudnienie a kiedyś było bajerem, który sam stosowałem w formularzach. Dziś robi sie tradycyjne lub to co wyżej napisałem z animacją, która przechodzi z opisu w polu input na pozycje opisu pola nad input.

piątek, 21 lutego 2025

Walidatory stron W3C. Te czasy już minęły!

 Na blogu pisałem temat o tym, jak tworzyło się strony internetowe, co przedstawiałem linijki kodu doctype. Tym razem napiszę o walidatorach, które są nadal dostępne. A czy nadal tworzyć strony zgodne ze standardem W3C? Zapraszam.

 Kto tworzył strony w samym HTML v.4 i CSS2, to musiał wiedzieć o walidatorach, które pokazywały, w którym miejscu lub, w której linii kodu jest błąd, bez względu na to, czy walidujemy sam dokument HTML, czy arkusz styli CSS.

Tak było, dopóki nie powstał nowy standard HTML 5 wraz z nowymi selektorami. Kiedy pojawił się HTML 5, to już zrezygnowano z pisania (lub wstawiania) długich linii kodu, na początku strony HTML a pisano <!DOCTYPE HTML> (oczywiście można też zapisać małymi literami).

Sam korzystałem z takich walidatorów i powiem, że motywował bardziej do nauki, bo wtedy kiedy  uczyłem się tworzyć strony ( ok.2002 roku), aby poprawiać błędy, jak np: nie ten tag, nie ten atrybut itp.

Nadal są dostępne walidatory, ale, no właśnie. Możemy z nich korzystać o ile mamy strony jeszcze napisane w starej wersji HTML 4. Nie sprawdzałem walidacji przy HTML 5, ale nie warto sobie tym zaprzątać sobie głowę. 

Jak ktoś jest zainteresowany do walidatory html i css są dostępne pod poniższymi linkami:

  1. https://validator.w3.org/detailed.html
  2. https://validator.w3.org/#validate_by_uri

A czy warto korzystać z takich walidatorów? Już wyżej odpowiedziałem, ale moja odpowiedź brzmi, nie. Nikt już nie tworzy stron w starym standardzie, to po pierwsze. Po drugie, od ponad dekady, inaczej tworzy się strony, zaczynając od nowej wersji HTML 5 po inne techniki tworzenia stron, gdzie nikt już na takie walidatory i zgodności dokumentów z HTML i CSS nie zwraca uwagi.

Te czasy już minęły! 

Dlatego, jak uczysz się teraz tworzenia stron, to nie zawracaj sobie głowy takimi walidatorami:)

czwartek, 13 lutego 2025

Czy warto używać jeszcze frameworka Bootstrap w 2025 roku?

 Framework Bootstrap ma swoich zwolenników, jak i też przeciwników. Tak jak z systemami operacyjnymi Linux, czy Windows. W tym temacie odpowiem na pytanie zawarte w temacie, i czy jest sens używania takiego frameworka. Zapraszam.

 Bootstrap to framework, który miał ułatwić stylizowanie strony, jak i działanie strony po przez dodanie nie tylko ładnego wyglądu, ale też skryptów napisanych w javascript. Przypomnę, że Bootstrap pojawił się w roku 2011 a ostania najnowsza wersja to 5.3. 

Kiedy pojawił się, to było duże zainteresowanie wśród webmasterów, ale i też platform oferujące kursy do tworzenia stron i nie tylko stron internetowych. Przez ten czas zyskiwał popularność, ale w między czasie, też krytykowano ten framework. A dlaczego? Bo to gotowiec, który niczego nie wnosi a tylko rozleniwia twórców stron, nie mówiąc już o początkujących, którzy chcą nauczyć się tworzenia stron Internetowych. Z tym ostatnim zdaniem, to i ja się zgadzam! Jeżeli chcesz nauczyć się tworzenia stron w samym HTML5 i CSS3, to zapomnij o Bootstrapie! A czy rozleniwia? Raczej nie:)

I tak od czasu powstania Bootstrap aż po dzień dzisiejszy, odpowiedzmy sobie na pytanie, które jest zawarte w temacie. 

Tak, warto używać. Nie, jeżeli nie znamy podstaw języka HTML5 i CSS3! Jednak z nauką lub zapoznaniem się z Bootstrapem, to warto nauczyć się, chociaż podstaw języka JavaScript. Dlaczego, niektóre komponenty działają tylko, jeżeli je zaprogramujemy przy użyciu JS'a. Czy tak jest z każdym komponentem? Nie, praktycznie po dołączeniu linku Bootstrap w sekcji head, wszystko działa. 

Jak chcemy, aby inaczej zachowywały się, to już trzeba samemu napisać kod JS. Sam używam tego frameworka i jest bardzo dobry, i ja polecam!

piątek, 10 stycznia 2025

Wypełniacze tekstu na stronach internetowych. Lorem Ipsum i generatory

 Temat nie jest może aż tak na tyle ważny, aby poświęcać dużej uwagi, jednak warto o tym napisać, ponieważ może bardzo być przydatny w celach prezentacji swoich stron innym osobom, a mowa o Lorem Ipsum. Zapraszam

Jeżeli tworzyłeś od zera stronę internetową i to bez względu, czy od zera, to pisanie kodu w HTML i CSS lub z użyciem danego CMS'a np: WordPress, miałeś dylemat, co napisać, aby strona ładnie wyglądała oprócz grafik na stronie. Pisałeś wymyślając tekst z głowy lub dawałeś zwykły ciąg liter. I tu przychodzi dobrze znany wypełniacz tekstu Lorem Ipsum.

Lorem Ipsum, po co i dlaczego?

Nie będę pisał o historii powstania oraz kto wymyślił Lorem Ipsum, ale napiszę, dlaczego warto użyć takich wypełniaczy. I do czego może się przydać. Zacznijmy od tego, tworząc stronę zawsze skupiamy się na strukturze i wyglądzie a efektem końcowym jest pokazanie strony nie tylko, która ma ładnie wyglądać, ale też dobrze prezentować dane na stronie. A nie oszukujmy się, że większość danych na naszej stronie, to nie tylko zdjęcia, ale przede wszystkim tekst! 

Zrobiłeś stronę na WordPress, chcesz pokazać znajomym, to zamiast wymyślać długo tekst, to w tym wypadku z pomocą przychodzą wypełniacze tekstu. Lorem Ipsum ma wiele stron, z których można pobrać tekst lub wygenerować wiele tekstów na naszą stronę, co daje dobry efekt.

Przy pisaniu a raczej tworzeniu strony, w edytorach są pluginy, które dają taki tekst i nie trzeba wchodzić na stronę. Dobrze, odpowiedzmy sobie na pytanie. Po co mi Lorem Ipsum, taki wypełniacz tekstu?

Jak już wyżej napisałem, Lorem Ipsum przyda się wtedy, kiedy nie mamy gotowego tekstu na naszą stronę. Gotowego tekstu, to mam na myśli, naszego samemu napisanego a nie skopiowanego ze strony. Jeżeli mamy gotowe teksty na główną stronę i podstrony, to takie wypełniacze nie są nam potrzebne.

A dlaczego mamy stosować taki wypełniacz? To już wyżej o tym napisałem, ponieważ po co użyć, jest też odpowiedzią na pytanie, dlaczego?

Wypełniacze tekstu a SEO

Jeżeli stronę mamy tylko pokazać, jak będzie coś dobrze wyglądało, prezentowało, to taki wypełniacz jest dobrym rozwiązaniem. Jednak, jeżeli planujemy po stworzeniu strony dać tekst, aby wyszukiwarki Google pokazywały naszą stronę w wynikach wyszukiwania, to takie wypełniacze nie zdadzą egzaminu! I tu uczulam na to! 

Dlaczego nie zdarzą egzaminu? Dla wyszukiwarek i robotów, nie liczy się zwykły tekst a zawartość i ilość tekstu na stronie. To, że wygenerujemy dużo tekstu Lorem Ipsum, wcale nie trafi na wyższą pozycję wyszukiwarki. Wręcz przeciwnie, nie wypozycjonuje strony, bo roboty odwiedzając stronę, zobaczą, że te teksty są już na stronach, gdzie generuje się te teksty. Liczą się słowa kluczowe teksów a nie zapychacz tekstu, który ma tylko być na stronie.

Strony generatory Lorem Ipsum

Jak wyżej pisałem, w Internecie jest duża ilość stron z generatorami lub samymi tekstami lorem ipsum, które możemy skopiować i dać na naszą stronę. Ja osobiście polecam kilka z nich:

Wg.mnie są wystarczające, wystarczy zaznaczyć lub wygenerować ilość tekstu i skopiować.

poniedziałek, 3 czerwca 2024

Które połączenie z bazą jest lepsze, mysqli czy PDO?

 Na temat połączeń z bazą danych w języku php  możemy znaleźć dużo stron, które mówią, jakie połączenie jest lepsze i wydajniejsze. Są zdania podzielone, ale warto napisać, dlaczego? Zapraszam


Nie muszę pisać, że w dzisiejszych czasach użycie połączenia mysql_connect jest niemożliwe, gdyż jest wyłączone, ponieważ używano takiego połączenia z bazą danych ponad 15 lat temu. Używając połączenia mysqli, musimy wybrać, czy chcemy pisać aplikacje proceduralnie, czy obiektowo. Dlatego jest ważne, jaki schemat wybierzemy, aby później nie było zdziwienia. 

Stosując połączenie mysqli_connect, musimy również pisać takie zapytania, aby nie powodowały błędów przy pobieraniu, wprowadzaniu i aktualizowaniu danych w bazie danych. A jakie to są zapytania w php, odsyłam do dokumentacji php.

Połączenie mysqli, który sam używam, jest lepsze. Jest to inaczej połączenie obiektowe, tu również należy zastosować taki kod, aby odpowiadał połączeniu z bazą. 

Dlaczego nie piszę przykładów pobierania danych z bazy przy użyciu wyżej wymienionych połączeń? A no dlatego, gdyż jest to wszystko napisane na stronie php.net. 

I pozostało połączenie PDO. Jest to zupełnie inne połączenie, będące biblioteką o bardzo dużych możliwościach! Inna jest zupełnie składnia kodu w php i tu trzeba się przyzwyczaić.

Odpowiadając na pytanie zawarte w temacie, odpowiedź brzmi: to zależy, i do czego ma być takie połączenie?

Pisząc aplikację w php i używając mysqli nie mysqli_connect, jesteśmy skazani wyłącznie na jedną bazę danych, a jest nią MySQL! Nasza aplikacja będzie ograniczona funkcjonalnie. I może działać bardzo wolno! Jednak zaznaczam, to zależy jaka to aplikacja, gdyż możemy pisać aplikację używając bazy MySQL, i stosując również PDO. 

Jeżeli chodzi o wybór PDO, tu mamy szerokie możliwości. Jedną z nich jest taka, że pisząc aplikacje, możemy dostosować pod każdą bazę, a nie tylko MySQL. Możemy użyć SQLite, PostgreSQL, Oracle, MS SQL i Sybase. 

Jest jeszcze pewna uwaga. Pisanie aplikacji np: CMS  do użytku komercyjnego, sam język php i ładnie ostylowany wygląd nie wystarczy. Trzeba zastosować JS i biblioteki, aby aplikacja działała szybko i wydajnie.  

I tym kończę wpis;)

poniedziałek, 4 grudnia 2023

Czy programy do tworzenia stron internetowych pomagają w nauce, czy rozleniwiają? Dla kogo są takie programy?

 Już na tym blogu pisałem o programach do tworzenia stron internetowych, zwanych też edytorami kodu, w których tworzy się stronę od zera, pisząc kod w HTML, dodanie stylów CSS i wybranego języka skryptowego. Tym razem napiszę i odpowiem na pytanie zawarte w tytule, czy programy do tworzenia stron internetowych, pomagają w nauce, czy po prostu są dla tych, którzy chcą mieć stronę bez znajomości HTML i CSS. Zapraszam

Możemy podzielić na dwa kategorie. Programy, które instaluje się w systemie oraz druga kategoria, jako kreatory tworzenia stron dostępne online, czyli z przeglądarki internetowej. Nie ważne, jaką kategorię wybierzesz, zasada jest taka sama, tylko jest jedno ale.......

 Programy zwane generatorami, które instaluje się w systemie, polegają na wybraniu szablonu strony.Szablon strony, to nic innego, jak wybranie jak posty mają się wyświetlać, czyli w jakiej kolumnie. Idąc dalej, wybieramy po jakiej stronie mają wyświetlać się tytuły postów, archiwa i jaka ma być stopka. Po chwili widzimy zapisany projekt naszej strony, gotowy do wrzucenia na naszą stronę. To jest uproszczony opis tworzenia, ale jeżeli to co napisałem jest złym opisem, bo inaczej się tworzyło, to nie oznacza, że wprowadzam w błąd. Po prostu, nigdy z takich gotowców nie korzystałem, i nie zamierzam korzystać! Bo dla mnie tego typu programy są złe, szczególnie, jeżeli zajmujemy się zawodowo tworzeniem stron internetowych lub po prostu, tworzymy dla siebie. 

Również są programy typu WYSWIG, czyli jak zaprojektujesz taki efekt uzyskasz. A co ma w tym nauka tworzenia stron? Żadna! Takie tworzenie może być dla osób, które chcą mieć wizytówkę, szybką na start stronę, ale w roku 2023, używać tego typu programów jest złym wyborem, dlatego już lepiej skorzystać z innego rozwiązania. Zanim przejdę do tego rozwiązania, dodam, że takie generatory dają swój kod HTML, niż taki, jakiego uczyliśmy się lub inaczej mówiąc, jaki znamy z książek, czy stron internetowych. Początkująca osoba, która chciałaby zmienić coś w kodzie, nie w programie, ale w kodzie, to pogubi się. Nawet jeżeli doda np: obrazek, treść, to będzie ciężko, dlatego ja odradzam programy, które za Was tworzą stronę. I przejdźmy do drugiego rozwiązania, który praktycznie działa na tej samej zasadzie, ale jest dużo lepszy.

Inne rozwiązanie, przejdźmy do drugiej kategorii, jakimi są kreatory stron dostępne z poziomu przeglądarki internetowej. 

Od ponad pięciu i więcej lat powstało wiele narzędzi online, które umożliwiają tworzenie stron internetowych. Dzielą się na płatne i bezpłatne. Dlaczego napisałem, że zasada jest taka sama? To zależy, z czego skorzystamy.  Popularny Wix, jest znany i wybierany, ale też ciężko w tym się tworzy (od strony osoby początkującej, tak na marginesie), Wix nie jest darmowy. Dlatego, wymienię dwa darmowe, godne polecenia, z których sam do dziś korzystam, a nimi są:

Platforma WordPress - płatna na wordpress.com, można mieć plan bezpłatny, ale jesteśmy ograniczeni np: nie można instalować wtyczek. Za to, możemy dobrać motyw, i ustawiać sobie menu, jak chcemy, to zależy jeszcze od wybranego motywu. Wersja bezpłatna, czyli na wordpress.org, jest najczęściej wybierana i sam polecam! Można nie tylko wybrać swój szablon wyglądu, ale też samemu/samej za pomocą wtyczek stworzyć stronę, taką, jaką chcemy, i to za FREE!  Można podejrzeć kod, a nawet dodać własny pod warunkiem, że znamy język PHP i strukturę katalogów WordPress.

Blogger - Tu już nie jest tak wygodnie, jak to było przy WordPress. Możemy korzystać za darmo, wybierając wygląd, zmieniać kolory, czcionkę, i nic poza tym! Można też dodać z listy wtyczki, jakie daje Google, czyli też działa jak na płatnej wersji wordpress.com, tyle, że tu mamy nieco większe możliwości. Takimi możliwościami jest wybór szkieletu strony z podziałem na wpisy, opis strony, wtyczki, lista wpisów, stopka itd... 

Tego typu kreatory są wg.mnie dużo lepsze niż generatory, które instaluje się na komputerze. A czy pomagają w nauce, to już wyżej o tym napisałem. Jeżeli nie znasz się na tworzeniu stron, ale chcesz mieć swoją stronę, gdzie chcesz pisać swoje treści, to możesz wybrać WordPress (wersja na wordpress.com) lub Blogger. Oba te narzędzia są godne polecenia. To już zależy od Ciebie. 

Jednak, nie ma to, jak stworzona od zera własna strona lub własna skonfigurowana i wiesz co jest, a czego nie ma, i mam na myśli WordPress (wordpress.org). Jednak zwrócę na WordPress, gdyż nie jest to, jak pisałem wyżej kreator online, tylko system zarządzania treścią. Pisząc prościej, jest to blogowy system, gdzie najpierw instalujemy, a później wybieramy motyw/templatkę ustawiając, co i jak ma się wyświetlać. A gdzie wybieramy szablony, układ strony? W Blogger, ale też w innych kreatorach online, i nie tylko online.

Jest wiele więcej takich kreatorów, ale jeżeli chodzi o samo tworzenie stron bez żadnych kreatorów online, czy gotowych programów, to najlepiej zrobić samemu i pochwalić się, to bardzo procentuje, i mówi sporo o autorze, nawet, jeżeli jest to prosta strona. Tyle!

piątek, 24 marca 2023

Typowe błędy początkujących programistów. Widoczny kod PHP na stronie

 Temat jest czasem wałkowany, i sam takie błędy robiłem, gdy uczyłem się języka PHP. Czas o takich błędach napisać. Dodam, że to co napiszę, nie będzie mowa o wszystkich błędach, tylko takie typowe.

Widoczny kod PHP po otwarciu pliku w przeglądarce internetowej

Jak wspomniałem, sam kiedyś takie błędy robiłem. Dziś o takich błędach mało się mówi, a to dlatego, że popularność języka PHP mocno spadła, co nie znaczy, że nie warto uczyć się tego języka. Dobrze, co powoduje, że kod PHP jest widoczny na stronie, a nie działająca aplikacja?

Są dwa powody:

Po pierwsze, zapisaliśmy w nie tym formacie co trzeba. Czyli zamiast zapisać w php, to jest w html i dlatego mamy widoczny kod PHP na stronie, i przez to nie działa nam aplikacja.

Po drugie, i co najczęściej jest o tym mowa a raczej była mowa dekadę temu, to otwarcie pliku  z lokalizacji, na którym znajduje się aplikacja, która działa po uruchomieniu serwera. Jeżeli z folderu otwieramy stronę, to widać kod php. Jeżeli mamy dużo stron napisanych w php, i mamy menu, to przechodząc po wielu stronach, to kod będzie widoczny, bo nie otworzyliśmy poprawnie naszej aplikacji. Inaczej mówiąc, źle przeglądamy stronę.

Jak powinno być?

Musimy uruchomić nasz serwer Wamp/Xampp. Dalej przechodzimy na localhost i w katalog, w którym trzymamy aplikację. Jeżeli mamy jedną, to przechodzimy, i wtedy poprawnie wyświetla się strona napisana w php! I nie widać kodu PHP.

Niby banał, a jednak czasem z pośpiechu lub niewiedzy tak mamy. A później lecimy na forum i pytamy. Dlaczego po uruchomieniu strony widać kod PHP??? To właśnie dałem odpowiedź.

Również kod PHP może być widoczny z błędnego zamknięcia znaczników html (jeżeli łączymy html z php i css), wtedy widać też kod php np: w polach input.

To tyle na ten temat.