Piotr Nalepa - Blog webmasterski | Ogólnie o frontendzie

[Gratisy] Kupon rabatowy do księgarni Helion #5

Dla wszystkich chętnych do kupienia książki mam kolejny kupon rabatowy na 10zł do wykorzystania w księgarni internetowej Helionu. Kupon jest ważny do 8-go listopada 2010, do północy.

Oto kod kuponu:
5D4C53-EFADC0-H

Zapraszam do skorzystania z kuponu.

[PHP][MySQL][jQuery] Przeciągnij i upuść z zapisem do bazy danych z wykorzystaniem biblioteki jQuery

W dzisiejszym artykule opiszę sposób na stworzenie systemu drag'n'drop (przeciągnij i upuść) z wykorzystaniem jQuery, PHP i bazy danych MySQL.
Nie będę ukrywał, że wpis ten jest zainspirowany wypowiedzią jednego z fanów tego bloga, jaka miała miejsce na Facebooku.

Dalej

[CSS] Jak tworzyć style dla listy definicyjnej? – 8 sposobów, aby ją ogarnąć

W dzisiejszym artykule opiszę sposoby ostylowania listy definicyjnej.
Lista definicyjna lub definicji składa się z trzech znaczników: ‹dl›, ‹dt› oraz ‹dd›.
Pierwszy z tych znaczników jest kontenerem (podobnym do ‹ul› czy ‹ol›), drugi z nich jest odpowiedzialny za termin, czyli to co będzie opisywane, a ostatni z nich odpowiada za definicję terminu.
To tyle tytułem wstępu. Teraz możemy przejść do sposobów budowania listy definicji.

Dalej

[PHP] Browser fingerprints, czyli jak przeglądarka zostawia ślad po sobie i jak to wykorzystać?

Na pewno często uważasz, że jesteś anonimowy w sieci i że potrafisz się dobrze zabezpieczyć przed wykryciem przez inne osoby. Niestety, jest to błędne podejście. A to dlatego, że jak pokazuje eksperyment przeprowadzony przez Panopticlick, nawet Twoja przeglądarka może pozostawić po sobie unikalny ślad dzięki któremu ktoś będzie wiedział, że Ty to Ty. No i wpadłem na pomysł jak to można wykorzystać na stronach WWW.

Dalej

[CSS] Jak stworzyć wiele obrazków tła dla jednego elementu?

Na pewno się czasem zastanawiałeś/aś, czy da się zrobić tak, aby dla jednego elementu na stronie dać kilka obrazków tła, które będą się układały tak jak tego chcesz. Dzięki nowej specyfikacji języka CSS to jest już możliwe.
CSS w wersji 3-ciej wprowadza wiele ulepszeń dotyczących tworzenia wyglądu stron WWW, a jednym z nich jest zastosowanie wielokrotnego tła dla elementu strony, które to tło można dowolnie pozycjonować, według własnego "widzimisię".

Dalej

KONKURS!! Wygraj link pozycjonujący na moim blogu!!

W konkursie są do wygrania dwa linki pozycjonujące na okres jednego miesiąca, które zostaną umieszczone w sekcji: "Zwycięzcy konkursu".
Aby wziąć udział w konkursie należy dołączyć do grona fanów tego bloga na Facebooku i napisać w komentarzach do ogłoszenia o konkursie (na stronie fanów, na Facebooku) odpowiedź na pytanie:
Który artykuł na moim blogu przydał Ci się najbardziej? Dodatkowo, prześlij link do efektu swojej pracy.

Konkurs trwa do końca września 2010. Dwóch zwycięzców wybiorę spośród osób które spełniły wszystkie warunki.
Zapraszam do udziału w konkursie!

[HTML][CSS] 6 sposobów na stylizację znacznika blockqoute

Po wakacyjnej przerwie pora na następny artykuł dotyczący tworzenia stron WWW. Ten artykuł będzie dotyczył sposobów stylizacji tagu blockquote, którego głównym zadaniem jest oznaczenie cytatów na stronie.
Tag blockquote jest stosunkowo rzadko używanym, ale bardzo użytecznym tagiem. Co prawda, zawsze możemy stworzyć własną klasę dotyczącą cytowanym zdań, ale wtedy nie zachowamy semantycznego wyglądu strony.

Dalej

[CSS] Lustrzane odbicie

W dzisiejszym krótkim artykule po dłuższej przerwie postanowiłem opisać sposób na zrobienie lustrzanego odbicia jakiegoś obrazka.
Dzięki temu, będzie można tworzyć efektownie wyglądające galerie zdjęć bez wykorzystywania skryptów PHP czy JavaScript.
Niestety, ta metoda ma jedną wadę - nie działa we wszystkich przeglądarkach. Działa jedynie w przeglądarkach opartych o silnik Webkit, czyli Google Chrome i Safari. Lecz istnieje prawdopodobieństwo, że w przyszłości specyfikacja CSS3 zostanie wzbogacona o obsługę tego typu efektów.

Dalej