Jak zrobić czarno-białą mapę Google na stronie?
W jednym z projektów nad którym pracowaliśmy kilka tygodni temu pojawiła się potrzeba umieszczenia ramki z mapą google w jednej z sekcji na stronie głównej. Sekcję nazwaliśmy „skp-on-google-maps” i umieściliśmy w niej mapę Google na całą szerokość okna, w którym strona jest wyświetlana. Co prawda domyślny styl map zbytnio nie pasuje do motywu strony głównej, […]
Jak zrobić pływający element na stronie z wykorzystaniem Bootstrapa?
Jak można zauważyć obecny motyw mrcng.pl posiada pasek boczny po lewej stronie. Element „main-header” został przypięty i nie porusza się wraz z przewijaniem strony w pozostałym obszarze ekranu. Jak zrobić pływający element na stronie z wykorzystaniem Bootstrapa? W zasadzie jest to banalnie proste. Jeśli znasz Bootstrapa i potrafisz go wykorzystać, to od wersji 4+ Bootstrap […]
Stockowe zdjęcia, których nie zrozumiem
Wykonując mniejsze lub większe projekty w 80% korzystam z płatnych stocków (Fotolia, Freepik, Adobe Stock itd.). Czasem temat poszukiwań jest dosyć ogólny, przykładowo szukam czegoś w stylu: „business people”, „clean desk”, „write laptop” itd. ale czasem trzeba poszukać czegoś bardziej niszowego. Przeglądając setki materiałów nie raz, nie dwa natknąłem się na różne dziwne materiały na […]
„O której skoki narciarskie dzisiaj?” – czyli jak (nie)robić SEO
Z jednej strony Google wszędzie informuje, edukuje czego nie robić (Black Hat SEO) by domena nie złapała filtra lub bana, a z drugiej strony szukasz czegoś w Google i na pierwszej stronie dostajesz tonę spamu. W sobotę i w niedzielę odbywają się konkursy Pucharu Świata w skokach narciarskich. Chciałem sprawdzić o której zaczną skakać, wpisałem […]
Logo Centralnego Portu Komunikacji – hit czy kit?
Kilka dni temu wybuchła „wielka afera”. Centralny Port Komunikacyjny (CPK) zaprezentował swoje logo. Niefortunnie logo zostało umieszczone na wizualizacjach, które przedstawiają projekt portu lotniczgo w Holandii i jak się okazało zostały użyte bez praw autorskich. Do tego (jak ustalili internauci) sam sygnet jest przerobioną grafiką z Shutterstocka. Oto nowe logo #CPK. Jakie logo taki CPK. […]
Jak ograniczyć dostęp do strony hasłem za pomocą pliku .htaccess?
Przy realizacji jednego z projektów, w którym pracowałem jako podwykonawca, wyszła konieczność „przyblokowania” archiwalnej strony. Klient zażyczył sobie mieć wgląd w starą stronę, po uprzednim wpisaniu hasła. Choć zadanie wydaje się bardzo proste, przecież robiłem to już kilka razy, co prawda dosyć dawno to niestety ciężko było mi zabrać się za ten temat. Tak to […]
Odświeżony blog o WordPressie i WooCommerce – wp-lab.pl
Mało się dzieje na blogach, ale roboty mamy tyle w Net-Factory, że głowa mała. Wdrażamy 3 e-commercy, do tego 2 witryny firmowe dla nowych klientów i oczywiście obsługa stałych klientów – także dzieje się! Dzisiaj muszę pochwalić się, co udało się mi zakodować „po godzinach”, otóż przygotowałem zupełnie nową wersję dla bloga o WordPressie i […]
Jak dodać zdjęcie na Instagram z komputera? Sprawdź mój sprawdzony sposób!
Przygotowujesz swoje grafiki na insta na komputerze w programie graficznym, chcesz dodać zdjęcie bezpośrednio z przeglądarki swojego komputera? Nic prostszego! Poniżej przedstawiam instrukcję jak to wykonać w obrębie przeglądarki Chrome – co najważniejsze metoda jest w 100% bezpieczna – sam z niej korzystam na co dzień. Nie lubię wykonywać dodatkowych kroków i tracić czas, a […]
Strona internetowa dla Komitetu Wyborczego?
Ostatnie tygodnie w firmie, ale również u mnie to dosyć wytężona praca nad projektami związanymi z tematyką wyborczą. Robimy strony internetowe, projektujemy i drukujemy materiały reklamowe dla komitetów, kandydatów na burmistrzów, wójtów, radnych itd. Niestety czasu coraz mniej, a niektórzy zleceniodawcy im bliżej do wyborów (przyp. 21 października – wybory samorządowe) tym więcej mają pomysłów, […]
Odchudzamy stronę – czyli co nie co o optymalizacji wp-lab.pl
Google od dłuższego czasu zapowiadało „speed update”, który oznacza, że szybkość ładowania strony będzie jednym z wielu czynników wpływających na ranking danej domeny w wyszukiwarce. Dlatego dzisiaj przedstawię efekty optymalizacji drugiego bloga – wp-lab.pl Przed przystąpieniem do prac na wp-lab.pl sytuacja miała się następująco: Na komputerze nie ma jeszcze tragedii, ale na komórki jest bardzo […]
Jak wyśrodkować w poziomie element z pozycją absolutną?
Tworząc różnego rodzaju layouty nieraz trzeba wyśrodkować element z pozycją absolutną względem elementu zawierającego (kontenera). Efekt bardzo łatwo można uzyskać za pomocą CSS. O ile znamy długość elementu o tyle możemy posiłkować się takim kodem: position: absolute;left: 50%;margin-left: -100px; (połowa długości elementu)width: 100%; Niestety w sytuacji kiedy nie znamy długości elementu albo jest on dynamiczny […]
Lorem ipsum – (chyba) idealny wypełniacz tekstu
Zlecenie do zrobienia, ale nie ma materiałów, nie ma tekstów – w zasadzie nie ma nic. Każdy z nas przerabiał ten temat pewnie wiele razy. Co zrobić w takiej sytuacji? Jak zaprojektować layout np. strony głównej nie mając tekstu, ani zdjęć? Wyjścia są dwa. a) improwizacja – jeśli znamy branżę, temat i projekt to możemy użyć […]