Wszystko o js | Webinsider - Internet widziany od środka ™

Tag: js

Prosty sposób na przesyłanie w formularzu internetowym danych z pól znajdujących się poza formularzem internetowym

Ostatnio dostałem (kolejne) zlecenie, na przeniesienie kalkulatora z pliku arkusza kalkulacyjnego, do formatu strony internetowej. Większość prac związana była z przebudową i uproszczeniem całości, tak by nie przenosić dość rozbudowanego arkusza kalkulacyjnego 1:1 na stronę internetową. Nie tylko dlatego, że taki formularz wyglądałby na bardzo skomplikowany, ale też dlatego, że tego typu konstrukcje średnio skalują się na ekranie np. telefonu. Pod kalkulatorem standardowy formularz kontaktowy, czyli element “form” HTMLa…

Sterowanie zachowaniem segmentów w module akordeonu w motywie Divi za pomocą kodu CSS i JavaScript, czyli sam decydujesz, co ma być na początku otwarte, a co zamknięte

Napisała do mnie z prośbą o pomoc i konsultację czytelniczka, która – jak to określiła – czuje się nabita w butelkę, bo “kobieta uwierzyła kobiecie”, że nie musi mieć żadnej wiedzy technicznej, by w jedno popołudnie wyklikać sobie stronę, a w weekend nawet i sklep internetowy. No cóż, temat “wyklikanych w stronę” (taka kontekstowa wersja nabitych w butelkę) mam na liście i prędzej czy później i nad nim się pochylę, ale to nie dziś. Dziś zajmiemy się z jednym z tematów, z którymi zwróciła się do mnie wspomniana czytelniczka i obecnie już też i klientka.

Paywall w MailingR, czyli prosty sposób na zmonetyzowanie dostępu do treści, właściwie na dowolnej stronie internetowej

Rozwój usługi MailingR obserwuję od dawna, bo jeszcze od czasów, gdy by założyć konto, trzeba było się trochę postarać, bo nie było takiej opcji ogólnodostępnej. Przynajmniej nie na stronie głównej. Od dawna też wiem, że pojawienie się opisu tej usługi na stronie Webinsider.pl jest raczej nieuniknione, i pytanie nie “czy”, a “kiedy” jest tu zasadne. Kolejne terminy przesuwam, bo w ramach usługi, która na początku była “zwykłą nakładką” na zewnętrzne systemy do wysyłania newsletterów, co chwilę pojawiają się kolejne nowości, które sprawiają, że wcześniejsza wersja artykułu o usłudze MailingR była(by) nawet jak nie bez sensu, to mocno niepełna. I gdy już myślałem, że może to ten moment, bo choć nowości się pojawiają, to nie są one już aż tak rewolucyjne, a bardziej ewolucyjne, to Bogusz i jego ekipa wyskoczyli z kolejną nowością, czyli opcją “pawywall”, która potencjalnie pozwala zamknąć dostęp do dowolnej strony tylko np. tylko dla subskrybentów płatnego newslettera. Brzmi dobrze, ale…

Generator memów “ja jestem zagrożeniem” z Jarosławem Kaczyńskim, czyli koń trojański PiS w obozie PO/KO znowu w akcji, albo…

Choć na łamach Webinsider.pl staram się unikać polityki, to od czasu do czasu coś związanego z polityką się trafi. I to nie tylko dlatego, że “my się możemy nie interesować polityka, ale polityka interesuje się nami”, a po prostu od czasu do czasu trafi się jakaś perełka. A czasem będzie to nie pojedyncza perełka, a cały ich koszyczek. I tak wczoraj dostałem link do generatora memów (?) przygotowanego – jak wynika z informacji na stronie – przez “KKW KOALICJA OBYWATELSKA PO .N IPL ZIELONI”, a jak do tego dodać jeszcze “osobowości” takie jak Arkadiusz “Belzebub” Myrcha, to właściwie jest pewne, że będzie śmiesznie. I się nie pomyliłem…

Opinie w sklepie internetowym na WooCommerce zgodne z Omnibusem to coś więcej, niż “zweryfikowany właściciel”

Pakiet ustaw potocznie zwany Omnibus jest z nami już prawie od pół roku, ale to nie oznacza, że wszystko i u wszystkich wdrożone. W ostatnich dniach przeprowadzaliśmy konsultację sklepu internetowego, również od strony podstawowych wdrożeń związanych właśnie z Omnibusem. Jednym z elementów, który musieliśmy umieścić na liście zadań do zrobienia, był moduł odpowiedzialny za opinie. Niby funkcjonujący prawidłowo, ale właśnie – niby…

DroneMap PANSA, czyli nowa oficjalna mapa ze strefami dla pilotów dronów, choć (jeszcze?) nie zastąpi aplikacji DroneRadar

Aplikacja DroneRadar – jak się zdaje – powoli umiera. Na telefonach z najnowszym Androidem w ogóle nie da się jej zainstalować z Google Play i trzeba kombinować “alternatywnym obiegiem”. Zresztą nawet jak aplikacja działa, to sporo odstaje od obecnych standardów. O ewentualnej aktualizacji coś tam słychać, ale nie bardzo wiadomo kiedy. Nie zdziwiłbym się, gdyby jej porządna aktualizacja w sensownych ramach (nakład pracy) w ogóle nie była możliwa. Widać w PAŻP/ULC mogą myśleć podobnie, bo właśnie zaprezentowano nowy system do przeglądania stref, dedykowany pilotom dronów.

Dodawanie niestandardowego kodu HTML i JavaScript do wybranych elementów strony za pomocą JavaScript, na przykładzie WordPressa

Dostałem zapytanie o umieszczenie formularza zapisu do newslettera w ramach usługi MailerLite na stronie internetowej działające na WordPressie. Niby nic nadzwyczajnego, ale tutaj miejsce, gdzie ów kod miał być umieszczony, było bardzo precyzyjnie wybrane i niekoniecznie łatwo dostępne do modyfikacji.

Web Application Firewall w Cloudflare jako skuteczna i nieirytująca metoda walki ze SPAMem w komentarzach w WordPressie

Od kilku lat formularz dodawania komentarzy m.in. na stronie Webinsider.pl chroni wtyczka, która dodaje standardowo niewidzialne pole pułapkę (honeypot) na różnej maści skrypty (roboty/boty) rozsyłające za pomocą komentarzy SPAM. Wszystko działa sprawnie, ale od pewnego czasu obserwuję pewien skrypt, który zdaje się radzić sobie z tym zabezpieczeniem, zupełnie tak jakby, przetwarzał kod JavaScript, który zazwyczaj jest wykorzystywany w tego typu zabezpieczeniach. Dlatego uznałem, że krok na kolejny element układanki, tym razem na wyższym poziomie, bo już jakby DNSów…

Eksport kluczy (tokenów) 2FA/TOTP z usługi Authy, z wykorzystaniem Authy Desktop i narzędzi dla deweloperów

Po artykule na temat usługi Bitwarden (menedżer haseł, z którego korzystam) dostałem całkiem sporo zapytań m.in. od znajomych o tę usługę. Ale to, co mnie zaskoczyło chyba najbardziej, to to, że dominującym argumentem nawet nie do samego korzystania z Bitwardena, ale od razu do przejścia na wersję płatną dla moich rozmówców okazała się opcja dostępu awaryjnego, o której wspomniałem trochę przy okazji (dla mnie – głównie ze względów zawodowych – to bardzo ważna opcja, z której korzystam po to, by “w razie czego” zabezpieczyć m.in. interesy swoich klientów). A skoro już ktoś zdecydował się na wersję płatną usługi Bitwarden, to bardzo możliwe, że zdecyduje się korzystać z niej również do generowania kodów jednorazowych 2FA/TOTP (Time-based One-Time Password).

W Google Analytics liczba użytkowników i odsłony interesują mnie najmniej, czyli co faktycznie jest (dla mnie) ważne w statystykach

Niedawno rozmawiałem ze znajomymi na temat statystyk na stronie. Zaczątkiem rozmowy była nowa wersja Google Analytics (Google Analytics 4), a konkretnie zmiany, jakie nie tylko w podejściu do monitorowania aktywności (np. na stronie internetowej), ale i w samym interfejsie użytkownika. A być może właśnie tu, bo szybko pojawił się temat ruchu na stronie, w tym głównie w kontekście unikatowych użytkowników, odsłon i sesji. Czyli dokładnie tego, co mnie najmniej interesuje podczas przeglądania statystyk…

Sklep internetowy na WooCommerce (WordPress) i niby niewinny drobiazg, który nie pozwalał sfinalizować zamówienia, czyli… wracamy z artykułami po (dłuższej) przerwie

Artykuł ten powinien się ukazać na przełomie czerwca i lipca, gdy cala akcja miała miejsce. Pisać zacząłem go kilka dni temu, ale uznałem, że fajnie, jak ukaże się właśnie dziś, tj. 24 sierpnia 2020. Data znamienna, 24 czerwca ukazał się poprzedni/ostatni artykuł na Webinsider.pl, czyli równo 2 miesiące temu. Przerwa długa, najprawdopodobniej najdłuższa w kilkuletniej historii serwisu. Przerwa wynikająca z jednej z większych – jesli nie największej – zmian w moim życiu, przynajmniej od kilku lat. Przerwa, która w planach miała trwać 2-3 dni, maksymalnie tydzień. Stąd też moje “informatyczne” zaplecze – np. w postaci laptopa z golutkim i świeżutkim systemem Windows i telefonu – miało wystarczyć, by w razie ew. pilnych i ważnych problemów móc działać. Ale czasem w życie przynosi niespodzianki, i to większe, niż można się było spodziewać.

Dodawanie ikon do strony internetowej (np. do menu) na przykładzie Font Awesome 5 (i Dashicons) i WordPressa

Będzie o ikonach (nie tylko) w menu, czyli temacie trochę pochodnym ostatnich zmian na Webinsider.pl – ikony w menu były chyba od zawsze, ale niedawno dorobiły się ich wszystkie pozycje (w menu głównym), i od razu w statystykach widzę, że jest dużo większe zainteresowanie poszczególnymi pozycjami. Dostałem też kilka pytań, jak takie ikony wdrożyć, stąd ten artykuł…

Modyfikacja atrybutów i zachowania wybranych elementów za pomocą jQuery na przykładzie WordPressa i motywu Divi

Znajomy pracuje w firmie, nie takiej małej, ale też nie takiej dużej, ale mają tam dział IT. I choć dział ten pełni głównie funkcję helpdesku, to szef wpadł na pomysł, że zaoszczędzi, a chłopaki zrobią mu stronę internetową. Nigdy tego żaden z nich nie robił, ale po konsultacji ze mną kolega postanowił działać. Jako motyw doradziłem mu w takim przypadku Divi od Elegant Themes, dałem kilka wskazówek, wskazałem kilka przydatnych wtyczek (nie, wtyczek Yoast SEO czy W3 Total Cache zdecydowanie nie było na tej liście) i kolega wziął się do pracy…

Wtyczka uBlock Origin blokuje treść niektórych artykułów, czyli wyraz “reklama” w nazwie tagów i kategorii

Jakiś czas temu koleżanka zasygnalizowała mi, że na jej firmowym laptopie, w przeglądarce Chrome w przypadku niektórych (!) artykułów nie wyświetla się treść – widzi nagłówek (logo i menu), a potem dopiero przyciski nawigacyjne “następny” i “poprzedni” artykuł, pole “o autorze”, listę podobnych wpisów, komentarze i stopkę. Do tego pasek boczny (sidebar). Czyli właściwie wszystko, poza najważniejszym, czyli treścią artykułu. Z racji tego, że dotyczyło to tylko niektórych wpisów, do tego u mnie nie udało się na żadnej przeglądarce powtórzyć tego błędu, temat trafił na listę zadań, do zrobienia… później.
Niedawno jednak podobny problem zgłosił inny czytelnik. W tym momencie to już nie incydent na specyficznie skonfigurowanym komputerze firmowym, a pewnego rodzaju reguła, którą postanowiłem sprawdzić dokładniej…

Obrazek śledzący (piksel) i Log Analytics w Matomo (Piwik), czyli alternatywne sposoby monitorowania ruchu na stronie

Do monitorowania aktywności na stronach internetowych (ale nie tylko na stronach, bo też np. aplikacjach mobilnych) korzystam ze statystyk. Oczywiście Google Analytics, które stały się niejako rynkowym standardem, a w połączeniu z Google Tag Manager można tutaj działać istne cuda. Ale oprócz GA korzystam od niedawna ze statystyk Yandex Metrica (punkt odniesienia), oraz – to już od bardzo dawna – Matomo (do niedawna Piwik), które służą nie tylko za punkt odniesienia, ale i całkiem silne uzupełnienie GA, zwłaszcza pod względem elementów niezależnych od (blokowania) JavaScript…

Firma Zeta Global przejęła Disqusa, czyli dlaczego z niego nie korzystam, i jakie mam(y) alternatywy dla WordPressa

Wczoraj lub przedwczoraj w moim czytniku RSS pojawiło się kilka artykułów o tym, że Disqus (zewnętrzny system komentarzy) został przejęty przez firmę Zeta Global.  Z racji tego, że z Disqusa nie korzystam na żadnej z moich stron, to ta informacja właściwie jest dla mnie neutralna (eufemizm), i właściwie na tym temat ten miałem zamknąć. Zapytał mnie jednak kolega co p tym myślę – mógłbym go zbyć stwierdzeniem, że “nic na ten temat nie myślę” (kolejny eufemizm ;-)), ale z racji tego, że on na swojej stronie korzysta z Disqusa, to postanowiłem, że temat trochę rozwinę…

Czasem warto wyłączyć justowanie tekstów na stronie WWW, np. dla urządzeń mobilnych

Wprawdzie gdzieś ten temat był na liście “do opracowania”, ale raczej jego priorytet był dość niski, i pewnie jeszcze długo by sobie czekał, gdyby nie to, że rano dostałem link od znajomego do jednego z serwisów o “czasem podobnej tematyce”, gdzie jeden z komentujących “miał prośbę, by zrobić coś z justowaniem na mniejszych urządzeniach”.
Sam z justowania tekstu korzystam chętnie, choć przyznaje, że na mniejszych ekranach (w mniejszych rozdzielczościach) sprawuje się ono średnio, i często w kolumnie tekstu mamy dziury, których pozazdrościłby niejeden ser żółty.

Orbitvu Viewer, czyli prezentacje 360°/3D z własnego serwera, na przykładzie WordPressa

Na stronie (a konkretnie w sklepie internetowym) jednego z moich klientów wdrażamy właśnie prezentacje 360°/3D produktów wykonane w technologii (z wykorzystaniem narzędzi) Orbitvu, dzięki czemu użytkownik strony (i zarazem potencjalny klient sklepu internetowego) może dokładnie obejrzeć produkt z każdej strony, przy okazji właściwie dowolnie powiększając/przybliżając poszczególne elementy.
W przypadku wykorzystania planów abonamentowych na usługę chmurową (subskrypcja, płatność raz w roku) wygenerowanie kod do umieszczenia na stronie jest wręcz banalne – właściwie wszystko można ustawić w menu graficznym, i tak wygenerowany kod wystarczy wkleić w odpowiednim miejscu na stronie.
Sytuacja trochę bardziej się komplikuje, gdy zamiast usługi chmurowej/abonamentowej (Orbitvu Sun) wybierzemy jednorazowy zakup samej przeglądarki (Orbitvu Viewer), i tym samych hostowanie prezentacji bezpośrednio na własnym serwerze.

Loading

Pin It on Pinterest