Front-End Archive

[ENG] Irish Ericode validation regex php, JavaScript

Every address in Ireland will receive its Eircode in Summer 2015. Ireland will be the first country in the world to have a public database of unique identifiers for all properties which will assist

Pasek postępu ładowania strony – page loading progress bar

Jakiś czas temu pisałem o bibliotece nprogress. Dzisiaj potrzebowałem podobnego skryptu, ale bardziej rozbudowanego i równie prostego w implementacji.

Tablica php ponad 1000 polskich imion

Potrzebowałem jak największej listy imion do prostego generatora użytkowników. Udało mi się pobrać ich tak dużo w tak krótkim czasie (około 2 minut), że postanowiłem się tym podzielić

Najprostszy sposób na dynamiczne responsywne menu

Statyczne menu można bez problemu dostosowac do okna przeglądarki nawet w przypadku gdy ma być responsywne, można nadać elementom procentową szerokość. Gorzej jest gdy menu ma być dynamiczne i istnieje prawdopodobieństwo, że ilość elementów

Wpływ prędkości łącza internetowego na szybkość ładownia strony.

Kilka miesięcy temu widziałem ciekawy wykres średniego czasu ładowania strony w funkcji prędkości internetu. Dzisiaj musiałem go odnaleźć i zaprezentować więc postanowiłem go też wrzucić tutaj. Co ciekawe powyżej 7Mbps nie ma różnicy w

Darmowa POLSKA książka HTML5 css3

Damian Wielgosik autor bloga, którego częściej lub rzadziej czytam, wydał darmową książkę o HTML5 i css3. Książka dostępna jest na jego stronie.

Wykrywanie geolokalizacji użytkownika w przeglądarce

Bardzo prosta w implementacji funkcja JavaScript zwracająca wartości szerokości i wysokości geograficznej użytkownika. W przykładzie funkcja wyświetla szerokość i wysokość geograficzną w konsoli.

Emmet – niezbędny zestaw narzędzi dla web-deweloperów

Główną ideą narzędzia jest przyspieszenie pisania (w zasadzie generowania) kodu HTML. Stosując odpowiednią składnię, jedna linia kodu pozwala wygenerować listę rozwijaną o dowolnej ilości elementów. Co więcej jest w pełni darmowy, obsługiwany przez 14

Imitacja efektu ‘leniwego’ ładowania zdjęć – lazy loading jquery

Głównym celem leniwego ładowania zdjęć, poza zwiększeniem atrakcyjności wyglądu witryny, jest zmniejszenie transferu i przyspieszenie ładowania strony. Wpis natomiast będzie dotyczył imitacji efektu, nie zmniejszy zużycia transferu ani nie przyspieszy ładowania strony, ale zwiększy

NProgress pasek postępu ładowania strony jak na youtube.com

NProgress.js jest prostą biblioteką umożliwiającą uzyskanie efektu paska postępu ładowania strony. Ostatnio (chyba tylko testowo) taki pasek postępu wprowadził youtube, wygląda to bardzo ciekawie. Poniżej krótki opis jak zainstalować i dopasować wygląd biblioteki do