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

Tag: javascript

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…

Divi AI Image Editor i Divi Code AI, czyli w Divi za pomocą AI już nie tylko wygenerujesz tekst i grafikę, ale też ją zmodyfikujesz, a nawet wygenerujesz kod CSS, HTML i JavaScript

Dziś w kontekście AI (Sztucznej Inteligencji, SI) pewnie wypadałoby napisać o nowym “produkcie” od OpenAI, czyli Sora, czyli nowym modelu do generowania filmów wideo, przy którym liczne serwisy do generowania wideo za pomocą AI wypadają… No średnio, ale to i tak będzie eufemizm. Ja jednak uznałem, że to dobry moment, by nadrobić zaległości w kontekście AI i motywu Divi do WordPressa.

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…

W Divi 5 dev-beta 3, czyli edytor Divi bez krótkich kodów, a na formacie JSON, czyli rozwiązaniu znanym z Gutenberga

Ukazała się trzecia dev-beta motywu Divi 5 od Elegant Themes, a więc nadchodzącej “dobrej zmiany”, jeśli chodzi o motyw Divi – ma być szybciej, nowocześniej, lepiej i ogólniej fajniej. Jednym z elementów tej zmiany jest program Shortcodes Minus, czyli odejście Divi Buildera (wizualnego edytora w Divi) od krótkich kodów, a przejście na bardziej nowoczesny i wydajny format, znany choćby z Gutenberga. I właśnie w Divi 5 dev-beta 3 można już sprawdzić, jak to wygląda i działa…

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…

Produkty do pobrania w WooCommerce z plikami w ramach usługi Amazon S3 za pomocą bezpłatnej wtyczki, po lekkiej korekcie

Sklep internetowy z produktami cyfrowymi na WooCommerce, czyli klasyka. Pojawia się jednak kwestia plików do pobrania. Nie w kontekście bezpieczeństwa (nieuprawnione pobieranie), bo to w nawet w standardowej konfiguracji WooCommerce jest dość dobrze zabezpieczone. Chodzi o miejsce, jakie kolejne pliki zajmują (głównie w kontekście kopii zapasowych), o obciążenie łącza w przypadku, gdy kilka osób naraz będzie “ssało coś większego”. Rozwiązanie problemu relatywnie proste – skorzystać z jakiejś usługi typu S3 (Simple Storage Service) do przechowywania i dystrybuowania plikó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).

Przekierowanie klienta po realizacji (złożeniu) zamówieniu w sklepie internetowym na WooCommerce

W niedawno publikowanym artykuł “dodatkowy komunikat (np. tekst) w podziękowaniu za zamówienie w sklepie internetowym na WooCommerce (WordPress)” napisałem, że oprócz tego, że można do strony z podziękowaniem za zakupy dodać dodatkowe informacje, “można też przekierować na inną stronę”. Wtedy zapowiedziałem, że to temat na inny artykuł, i… niniejszym tę zapowiedź spełniam.

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…

Przeprosiny z przewijaniem, czyli jak na portalu TVP Info wyświetlono przeprosiny tak, by tak jakby ich nie wyświetlić

Wczoraj wieczorem internet rozgrzał portal TVP Info, na którym pojawiły się przeprosiny TVP S.A. skierowane do jakiegoś komornika Sądowego przy Sądzie Rejonowym w Łukowie. Szczegóły nieistotne, bo nie treść tych przeprosin sprawiło, że o temacie zaczął dyskutować m.in. “bardziej techniczna część internetu”.

Interaktywne Wheel Of Life (koło życia) w WordPressie, generowane przy pomocy biblioteki amCharts

Napisała do mnie koleżanka, że wymyśliła sobie, by na swojej stronie zrobić coś w stylu Wheel Of Life (koło życia) w formie wykresu radarowego. Można powiedzieć, że nawet odrobiła “pracę domową”, bo “zapukała do mnie” z gotową propozycją, tzn. skryptem, z którego chciałaby skorzystać. Chodziło o projekt Wheel-Of-Life (codescale), który nie tylko jest dostępny w serwisie GitHub, ale chyba można z niego korzystać bezpłatnie, również w celach komercyjnych. Już samo to brzmi wystarczająco dobrze… ;-)

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ć.

WordPressa 5.4 (Adderley) i WooCommerce 4.0, czyli kolejna aktualizacja blokowa w WordPressie, a WooCommerce nawet nawet

Choć może się wydawać, że świat żyje w dużej mierze koronawirusem, to jednak są miejsca/branże, gdzie życie toczy się dalej. I tak w ostatnich dniach mieliśmy premierę WordPressa 5.4 (Adderley), oraz wtyczki WooCommerce w wersji 4.0 (chyba bez specjalnej nazwy ;-)). Początkowo miały być z tego niezależne artykuły, ale po analizie stwierdziłem, ze jak w ogóle mam na te aktualizacje poświęcać czas, to puszę to razem. Właściwie tylko dla zasady, z kronikarskiego obowiązku…

Force Dark Mode for Web contents w Google Chrome, czyli automatyczny tryb ciemny dla wszystkich stron internetowych

Nie da się ukryć, że moda na czarne interfejsy użytkownika (dark mode) rozkręca się coraz bardziej, i wchodzi w kolejne segmenty. O ile w telefonie zazwyczaj sam chętnie korzystam, to na komputerze raczej sporadycznie – ustawiłem w sumie tylko Windowsa, Firefoxa i jakieś pojedyncze aplikacje w tryb ciemny. Ale to może dlatego, że z komputera wieczorami i w nocy korzystam rzadko, co zresztą uważam za jeden z moich większych sukcesów, jeśli chodzi o prace i rozrywkę. Tymczasem Google prezentuje w najnowszej wersji swojej przeglądarki Chrome tryb ciemny dla… wszystkich stron.

Poznaj .*(?:.*=.*) – wyrażenie regularne (RegEx), które zatrzymało Cloudflare, a wraz z nimi sporą część internetu

Na początku lipca pisałem o awarii usługi Cloudflare, przez co spora część internetu (strony WWW) przestała działać. Wspomniałem wtedy też, że ekipa z Cloudflare zapowiedziała, że niebawem napisze coś więcej na temat samego incydentu. I jak zapowiedzieli, tak zrobili…

Loading

Pin It on Pinterest