› Kategoria › Porady dla webmasterów

[PHP] metody dostępu do prywatnej własności klasy

Teoria mówi, że parametr prywatny klasy w PHP z założenia nie jest dostępny z zewnątrz. Mając więc klasę:

class A { private $x = 1; }
$a = new A();
echo $a->x; // spowoduje błąd

Możemy się spodziewać błędu podczas próby wyświetlenia zawartości zmiennej prywatnej.  czytaj całość

Optymalizacja strony www – przeglądarka

Odkąd Google wymusiło od właścicieli stron nie tylko optymalizację samych treści na stronie, ale też całej strony pod względem technicznym, optymalizacja stała się bardzo ważnym etapem publikowania strony www.

W połowie kwietnia 2015 roku Google wprowadza nową politykę oceniania stron, w myśl której strona musi dostosowywać się do urządzenia użytkownika. Nie dość, że strona ma dobrze wyglądać na komputerze, tablecie czy telefonie (responsywność), to powinna też działać szybko.

Korzystając, np. z bootstrap-a możemy łatwo umożliwić dostosowanie strony do wszystkich urządzeń, ale optymalizacja strony nadal wymaga nieco większego nakładu pracy i zaangażowania.

Poniżej kilka wskazówek, które pomogą w łatwy sposób przyspieszyć stronę nawet kilkukrotnie:  czytaj całość

[wordpress] [Contact Form 7] multi level select

Pracując z formularzami na skrypcie WordPress, ciężko nie natchnąć się na wtyczkę “Contact Form 7” – wordpress.org/plugins/contact-form-7/

Pomimo rozbudowanych funkcjonaliści, niektórzy mogą odczuwać pewne braki w możliwościach formatowania pól formularza a w szczególności dodawaniu własnych pól, nie przewidzianych wcześniej przez autora wtyczki.

Jednym z takich przykładów może być wielo-poziomowy znacznik SELECT, więc lista rozwijana, gdzie użytkownik może wybierać dowolną pozycje, która automatycznie spowoduje załadowanie do kolejnego znacznika SELECT.

Przykładem takiego multi-level select jest wybór miasta, powiedzmy, że w naszym formularzu umieścimy pole SELECT z wyborem województwa a poniżej zablokowane pole w wyborem miasta. Dopiero po wyboru jakiegoś województwa, użytkownik dostanie dostęp do wyboru miasta, spośród wczytanej listy miast tylko z wybranego województwa.

DEMO: https://webowiec.net/blog/test-mmselect/
L
ICENCJA: MIT (darmowa, open-source)

Aktualizacja 9 kwietnia 2015
Wtyczka dostosowana do frameworka Bootstrap

  czytaj całość

[ssh] instalacja dysku 4k sector HDD

Sektor dysku twardego, czyli najmniejsza odczytywana w całości ilość informacji, do tej pory wynosił 512 bajtów (0.5kb). Stosunkowo niedawno wprowadzono nowy standard zapisu informacji na dysku – sektor 4096 (4kb), co było niezbędnym posunięciem z powodu ilości danych zapisywanych na nowoczesnych dyskach, liczonych terabajtach.

Pomimo wielu korzyści zwiększenia rozmiaru sektora na dysku (większa szybkość odczytu/zapisu danych, zmniejszenie błędów zapisu, lepsze zagospodarowanie przestrzeni) pojawiły się także problemy: jak sformatować dysk z sektorem 4k?
  czytaj całość

[jQuery] nowoczesny przycisk “przewiń do góry”

Szybki tutorial JavaScript używający jQuery do wyświetlenia przycisku “skocz na górę strony”.

Opis:
– przeźroczysta ikonka ze strzałką pojawia się po przewinięciu strony o zadaną wysokość (np. 200px) i znika po powrocie na samą górę,
– po najechaniu myszką ikonka staje się bardziej widoczna (mniej przeźroczysta)
– po kliknięciu w ikonkę uruchamia się płynne przejście użytkownika na samą górę strony

Przykład:
– na tym blogu (przewiń strone trochę niżej aby zobaczyć)

Gotowiec:
– wtyczka wordpress:  https://webowiec.net/blog/wordpress-go-top-of-the-page-skocz-na-gore-strony/

  czytaj całość

NetBeans – prawdziwy “kombajn” dla webmastera

Jeśli szukasz darmowego, ale zaawansowanego edytora tekstowego do tworzenia stron www i nie tylko – masz 2 wyjścia: Eclipse lub NetBeans. W dalszej części artykułu będę próbował zachęcić do używania tego drugiego:

NetBeans IDE – darmowy program łączący wszystkie niezbędne funkcje potrzebne przy programowaniu czy tworzeniu stron www.

Info / Pobierz: https://netbeans.org/downloads/

Wybieramy wersję oprogramowania dostosowaną pod dany język programowania: Java, C++, PHP, lub wersja All zawierająca wtyczki do wszystkich języków.

Wartym odnotowania faktem jest, że program dostępny jest na wszystkie systemy operacyjne oraz posiada spolszczenie!

W tym artykule zajmę się jednym z zastosowań tego programu: tworzenie stron www.  czytaj całość

[css] przeźroczyste tło

Jak otrzymać efekt przeźroczystego lub częściowo przeźroczystego tła na stronie www, które będzie działać w każdej przeglądarce i w każdym systemie operacyjnym?

Na początek warto przyglądnąć się rozwiązaniu tego problemu z użyciem CSS3, który jest obsługiwany przez coraz większą ilość przeglądarek i powoli staje się dobrą alternatywą dla wszystkich “obejść” , “how-to” i wszelkich modyfikacjach pod konkretne przeglądarki.

Aby otrzymać efekt przeźroczystego tła (i tylko tła, bez tekstu ani żadnego innego elementu wewnątrz), wystarczy po prostu zamienić paletę barw ze zwykłego RGB (domyślny) na RGBA (RGB + Alpha) następującym kodem:

background-color: rgba(255,0,0,0.5);

Niestety jak to na proste rozwiązanie przypadło – nie działa wszędzie 😉

Jest jednak prosty i sprawdzony (a przede wszystkim uniwersalny) sposób na uzyskanie efektu przeźroczystego tła na stronie www:  czytaj całość

uniwersalne przekierowanie .htaccess

Temat przekierowania 301 w .htaccess (z www na bez www lub odwrotnie) wałkowany jest na wielu portalach, ale ciężko dokopać się do jego ogólnej postaci, w której jeden kod działa dla wszystkich domen.

Przypomnijmy jak wygląda standardowy kod przekierowania 301 w .htaccess (w tym wypadku z bez-www na www):

RewriteEngine On
RewriteCond %{HTTP_HOST} ^webowiec.net
RewriteRule ^(.*)$ http://www.webowiec.net/$1 [R=permanent,L]

Po utworzeniu pliku .htaccess w katalogu głównym serwisu o treści podanej powyżej, serwer przekieruje wszystkie zapytania z adresu:
http://webowiec.net na adres: http://www.webowiec.net

Edytując w tym kodzie adres strony z “webowiec.net” na własny, otrzymamy działający ale jednorazowy kod przekierowania – działający tylko w 1 domenie.

Jak zrobić ogólne przekierowanie htaccess bez podawania za każdym razem adresu strony?  czytaj całość

[html5] Tło strony na pełnym ekranie

Specyficzne projekty wymagają specyficznych rozwiązań. Jednym z nich jest konieczność uzyskania obrazkowego tła strony na całym ekranie, niezależnie od rozdzielczości ekranu.
Z pomocą przychodzi HTML5, a właściwie CANVAS (którego możliwości sprawdzaliśmy np. tutaj: [canvas] Gradient HSV – pełen zakres kolorów

Schemat działania jest następujący:
1. Tworzymy element CANVAS
2. Wczytujemy grafikę/obrazek, który chcemy umieścić jako tło strony
3. Importujemy grafikę do elementu CANVAS, nadając mu wymiary ekranu
4. Exportujemy element CANVAS do elementuw sekcję: background-image czytaj całość

Kurs css

  • Kurs CSS dla niecierpliwych [cz 1/2]

    Co to jest CSS, po co go używać, jak go używać.. CSS - stylizowanie różnych elementów HTML, inaczej mówiąc: wizualizowanie/nadawanie odpowiedniego wyglądu strony www. Zaczynając kurs…

  • Kurs CSS dla niecierpliwych [cz 2/2]

    Kontynuacja przyspieszonego kursu dla niecierpliwych. Część 1/2 - Kurs CSS dla niecierpliwych 1/2 Zakładam, że znasz lub zapoznałeś/aś się już wstępnie z podstawami HTML, wiesz do czego…