#html najlepsze najnowsze

wiadomix 2026-08-06 20:58:41 +0
Cześć.

Mam nietypową zagwozdkę, robię sobie raporty SSRS które są później uruchamiane w formie zakładek w innej aplikacji (tak jak zakładka w przeglądarce). Mogę to też robić w postaci jakiegoś formularza HTML + JS. No i z tego programu do tego raportu/formularza mogę przekazać numer i wersję zgłoszenia w formie: "URL_do_raport_lub_html?zgłoszenie=%ld&wersja=%ld

Chciałbym jednak zrobić to przy pomocy pythona i flaska, ale nie chce mi on tych parametrów odczytać.
Stawiam sobie serwer - do testów 127.0.0.1:5000 i łączę się 127.0.0.1:5000?zgłoszenie=%ld&wersja=%ld. Niestety request.args.get(zgłoszenie) odczytuje mi parametr %ld jako zwykły tekst czyli "%ld". Zarówno SSRS jak i javascript odczytuje mi te parametry poprawnie.

Wiecie może, czy w pythonie/flasku można taki parametr w jakiś sposób odczytać?
Google podpowiada, że %ld to jakieś formatowanie z języków C podobnych, ale ja w pythonie tego odczytać nie umiem.
Spotkaliście się kiedyś z takim problemem?

#programowanie #python #flask #ssrs #sql #html #javascript
redorbiter 2026-08-06 22:07:53 +1
@wiadomix: jezeli javascript to przetwarza po stronie klienta to rzecz jasna, ze moze miec dostep do rzeczywistych wartosci i sobie je dynamicznie rozwiazywac. Natomiast jesli do flaska trafia url w postaci url?zgloszenie=%ld&wersja=%ld, to jak on to ma rozwiazac? dostaje tekst, no to zwraca tekst jako argumenty. Problem polega na tym, ze musialbys miec juz w pelni uzupelniony url chcac odpytywac flaska

jakbys mial dowolny inny serwer na backendzie i wysylal mu url?zgloszenie=%ld&wersja=%ld to dostalbys %ld jako wartosci
blacktyg3r 2026-08-06 22:13:38 +2
@wiadomix: polecam FastAPI zamiast flask
pokaż komentarze (7)
Niewidzialny_fetyszysta_na_rowerze 2026-05-22 10:45:37 +1
#wykop kiedy nuaczycie sie w #html ? używam terminala do przegladania bo nie obchodza mnie obrazki i nie bede ciezkiej wielkiej przegladarki wlaczac zeby sobie poczytac mireczków ale wy macie problem nawet z podstawowym htmlem, czemu uzywacie przestarzalego ul do listowania tagow przez co kazdy wyswietla sie w nowej lini i dublujecie tytuly? ja rozumiem ze #seo esjt wazny ale na litosc boska tylko wykop wyglada tak zle z polskiego internetu #internet #komputery
Szala 2026-05-22 11:03:59 +2
@Niewidzialny_fetyszysta_na_rowerze: znalazł jeden prosty sposób na nie wyświetlanie białkowych reklam, sprawdź jak 乁(♥ ʖ̯♥)ㄏ
jednorazowka 2026-05-22 13:22:58 +5
@Niewidzialny_fetyszysta_na_rowerze: Chłop, co czyta Wykop w telegazecie.
tom-haszur 2026-04-20 11:54:27 +2
Cześć, planuję nauczyć się języka HTML, czy jesteście w stanie polecić mi jakiś dobry i sprawdzony kurs do tego? Najlepiej z doświadczenia :)
#html #it #ecommerce
Filip3k91 2026-04-20 12:50:29 +1
@tom-haszur:
DrGreen_2 2026-04-20 17:00:53 +2
@tom-haszur: w dzisiejszych czasach uczyc sie HTML to juz za pozno bo taki Claude Code zbuduje ci strone w html, css, java itd w 10 minut
pokaż komentarze (2)
mirko_anonim 2026-03-31 15:23:27 +0
✨️ Alternatywne aplikacje do przeglądania treści +18 bez logowania Ⓘ
Ktoś do cholery zrobi jakąś apkę/stronę żeby oglądać na wykopie treści +18 bez logowania się? Coś takiego jak np nitter do twittera? Wk.rwia mnie to niesamowicie, chcę sobie na szybko w drodze poprzeglądać parę tagów, jakieś wiadomości z wojny ukrainy albo iranu, albo przeczytać jakiś artykuł ciekawy - cyk +18 nic nie przeczytasz bez konta. Musisz albo non stop się logować w trybie incognito, albo być cały czas zalogowanym i dawać coraz więcej informacji białkowi do szpiegowania żeby jeszcze lepiej targetował reklamy. Masakra. Żałosne że od tak dawna nikt jeszcze nie wymyślił żadnej alternatywy. A może jest jakaś?
#wykop #informatyka #programowanie #kichiochpyta #problem #html #prywatnosc #zalesie

〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
▶︎ Obserwuj nasz tag #mirkoanonim
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
· Akcje: Odpowiedz anonimowo · Więcej szczegółów
· Opublikuj swój własny wpis: Mirko Anonim
· Zaakceptował: mkarweta

👉 Z Twoją pomocą możemy działać dalej! Wspomóż projekt

mirko_anonim 2026-03-31 19:48:51 +0
wyważony-teoretyk-90: jest, wystarczy wyłączyć skrypty, bo treść jest ładowana, ale ukryta przez skrypt.

Minusem jest brak rozwijania komentarzy, oraz cache, uaktualnia się co jakiś czas, więc czasem jest aktualne, czasem mniej. Skrypt wymusza wczytanie bieżącej. Oraz kreskuje niektóre słowa.

Treść można też czytać przez Dev Tools F12 w przeglądarce.

Więc da się łatwo zrobić skrypt bez ukrywania, ale komu by się chciało.

〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
· Akcje: Odpowiedz anonimowo · Więcej szczegółów
· Zaakceptował: Dipolarny
pk-dev2026 2026-02-09 19:45:58 +0
Cześć, z okazji walentynek robię mały eksperyment SEO na niszowej frazie („najsłodsza dziewczyna w Polsce”).

W tym celu
1) Wygenerowałem czatem prosty landing w czystym HTML (walentynkowy motyw)
2) Ustawiłem podstawowe elementy, title, meta description, alt zdjęcia "najsłodszej dziewczyny", jakiś test SEO
3) Osadziłem go na moim projekcie hostingowym (Biedahosting) pod darmową subdomeną do subdomeny ;)
4) Dodałem kilka elementów, które powinny zatrzymać użytkownika na stronie - piosenka z YT i klikalny element "wygeneruj miły tekst"
5) Dodałem do GSC

Chciałem sprawdzić kilka rzeczy:

czy Google w ogóle zaindeksuje taką stronę,
jak zachowa się niszowa fraza bez linkowania i budżetu,
czy drobne UX-owe rzeczy (film, generowanie miłych tekstów) mają jakikolwiek sens przy zerowym autorytecie domeny i braku użytkowników
czy wyszukiwarka grafik zareaguje na mój landing?
czy może trafię do LLMów na najsłodsza dziewczyna w Polsce? :D

Efekt:
Strona zaindeskowana, ale w ogóle nie wskoczyła do serpów.

Chętnie przyjmę sugestie co byście poprawili pod SEO przy takiej skali? To podejrzewam - dziwna domena lub słaby tekst seo - może trzeba go wydłużyć?

Link do landingu w komentarzu.

#seo #caseStudy #pozycjonowanie #html
FilipTraum 2026-02-09 21:30:46 +0
Strona zaindeskowana, ale w ogóle nie wskoczyła do serpów.

Wybierz jedno. Jak zaindeksowana, to wskoczyła do serpów (ss).

Chodzi Ci o frazę chyba, że w topy nie wskoczyła? (btw - fraza nie ma wcale potencjału wyszukiwań z tego, co zerknąłem w 1 narzędziu na szybko).

Tekst można by zrobić lepiej; jako search intent w tym przypadku raczej bym strzelał w jakiś ranking i top 1 jako ta "najsłodsza"; obecnie jest mocno miksowany, patrząc na wyniki (nie dokładnie sam google wie, co pod to "podpiąć").

Nie podałeś też na jakiej przestrzeni czasu te działania (to dość istotne).

Do takich zabaw sugeruję jakąś sensowniejszą frazę (bez szału ofc) z, powiedzmy 10 lub 20 wyszukiwaniami miesięcznie wg narzędzi.

GL & HF
pokaż komentarze (4)
pk-dev2026 2026-02-07 19:42:34 +0
Hej,
dla zabawy zrobiłem dwa bardzo proste szablony stron na Walentynki w czystym HTML + CSS:

„kartka walentynkowa” – tekst, zdjęcia, piosenka z YouTube

„oś czasu związku” – kilka wspólnych momentów + zdjęcia

To są statyczne strony – bez CMS, bez backendu, do postawienia dosłownie w 10 minut (wrzucasz pliki na hosting i działa).
Chciałem sprawdzić, czy taki format ma w ogóle sens jako alternatywa dla zwykłej kartki – zamiast kartki wysyłasz link.

Dema:
👉 https://buser1.deploy.net.pl/love/
👉 https://buser1.deploy.net.pl/love/v2/

Hostuję to na swoim tanim hostingu pod statyczne strony (projekt hobbystyczny), więc jeśli ktoś chce – może sobie to postawić u siebie. Bez problemu udostępnię szablony, jeśli ktoś chciałby dostosować do swoich potrzeb ( ͡° ͜ʖ ͡°)
Będę wdzięczny za szczery feedback

#html #css #sideproject #walentynki
kornolio 2026-01-22 16:53:15 +0
Mirasy, potrzebuję pomocy w ukierunkowaniu jak zrobić sortowanie tabeli w html.

kolejne wiersze zaciągam w php z bazy danych.
Skorzystałem rozwiązania przedstawionego na tej stronie: https://www.geeksforgeeks.org/html/how-to-sort-rows-in-a-table-using-javascript/

Problem polega na tym, że dla małej tabeli to działa, ale ja mam ponad 1200 wierszy i tak mi obciąża przeglądarkę, że masakra.

Chyba, żeby sortować bazę, przeładowanie strony i php by zaciągnął już posortowane?

#programowanie #php #javascript #html #sql
eternalmarcos 2026-01-22 17:00:40 +2
@kornolio: zrób server side
lobo 2026-01-22 17:02:35 +1
@kornolio: To teraz wyjaśnij kilka rzeczy
czy to js generuje tabele z danych zaciągniętych ajaxem czy php generuje pełny html, a ty później po naciśnieciu przycisku chcesz zmienić kolejność

Bo jak php i nie zmieniasz tej kolejności przez akcje użytkownika to po prostu w php zmień sobie to sortowanie (a w zasadzie sql).
pokaż komentarze (4)
U.....d 2025-11-07 11:15:39 +0
Szukam dodatku do #firefox który pozwala na zmianę danych(value) przesyłanych przez formularz na stronie.
Wydaje mi się że kiedyś w greasemonkey+jakiś skrypt to robiłem, ale nie mogę teraz znaleźć ( ͡° ʖ̯ ͡°)
#html #programista15k #programowanie #javascript
wiesiu2 2025-11-07 11:20:40 +0
@Undefended: ja dane podmieniałem burpem (zakładka repeater), przesyłając dane poprzez foxyproxy
yuio 2025-11-07 11:37:49 +0
@Undefended: data temper ; ale uwazaj wykop chodzi c-----o na ff, zacina sie czesto / zawiesza
pomidorki_koktajlowe 2025-10-31 00:15:33 +0
#webdev witam chciabym wykupić stronę internetową z błogiem w tematyce prawniczej. Ile taka usługa kosztuje? Ktoś pomoże? Na własną rękę coś zdziałam? #www #html #programowanie
Krylan 2025-10-31 00:23:28 +1
@pomidorki_koktajlowe: Trochę nie do końca rozumiem, co konkretnie chcesz "wykupić"? Istniejący już serwis z blogiem i treściami? Usługę stworzenia strony internetowej? Czy zarejestrować domenę, zamówić hosting i samemu postawić stronę od zera?
Krylan 2025-10-31 11:37:13 +1
@pomidorki_koktajlowe:
No to w takim razie robisz tak:
– rejestrujesz domenę (swoją nazwę adresu internetowego) z wybraną końcówką. Najlepiej wziąć to od jakiegoś zaufanego rejestratora. Patrz na ceny i zwracaj uwagę głównie na cenę odnowienia (cena rejestracji jest jednorazowa, na pierwszy rok, cenę odnowienia będziesz płacić za każdy następny). Ja dla domen korzystam z OVH, mają przejrzysty cennik i żadnych "haczyków". I koniecznie UNIKAJ nazwa.pl i home.pl – dwóch najgorszych usługodawców.

– wykupujesz hosting www od wybranego dostawcy (również unikaj dwóch powyższych). W zależności od tego, co potrzebujesz, czy jak chcesz z tego hostingu korzystać (np. czy będziesz mocno korzystać ze skrzynek e-mail?), może pasować inny usługodawca. Jeśli chcesz postawić stronę na Wordpressie (najpopularniejszy CMS, całkiem łatwy w obsłudze), to potrzebujesz hostingu z PHP, MySQL i wsparciem dla htaccess (serwer Apache lub LiteSpeed, ewentualnie Nginx jeśli ma moduł dla htaccess). Pojemność czy inne parametry zależą już od Twoich potrzeb. Ja osobiście korzystam od lat z MyDevil (https://www.mydevil.net/), który ostatnio zainwestował w szybkie dyski SSD NVMe. Mam do nich kod polecający, który obniża cenę zamówienia o 20%: 116ZFYBMTP
Jeśli te pakiety to za dużo na Twoje potrzeby, to ten sam właściciel prowadzi również Small.pl (https://www.small.pl/), to tam pakiety są mniejsze i tańsze (tutaj kodu polecającego nie mam, ale ogólnie jest to tanie i teraz nawet jest jakaś promocja -50%).

– na hostingu instalujesz sobie wybrany CMS, np. Wordpress (https://wordpress.org/). Przechodzisz przez instalację (tam trzeba zrobić parę rzeczy, m.in. podpiąć bazę danych, którą trzeba najpierw utworzyć z panelu hostingowego), a potem sobie to konfigurujesz tak jak chcesz. Możesz użyć gotowego darmowego motywu, kupić jakiś (np. na ThemeForest), albo wziąć kogoś do zaprojektowania i zrobienia takiego motywu skrojonego na Twoje potrzeby.

Utrzymanie takiej strony może kosztować tak mniej więcej ~120 zł rocznie.
pokaż komentarze (3)
LoveNutella 2025-10-18 13:40:17 +0
Cześć! Po wejściu na stronę mojego znajomego pojawia się tylko informacja o zweryfikowaniu czy nie jestem robotem. To wszystko jest z logiem cloudflare a po kliknięciu kwadracika pojawia się taki komunikat. Strona od razu kopiuje skrypt pewnie pobierający jakiś malware po wklejeniu do okna uruchom. Spotkał się ktoś z czymś takim? P------e #pomocy #it #internet #html
makrofag74 2025-10-18 14:01:57 +2
Malware. Strona zarażona. To znany myk, żebyś wkleił komendę z wirusem w polecenie uruchom.

Ktoś wstrzyknął złośliwy skrypt (np. do plików HTML/PHP lub WordPressa),

przekierowuje użytkowników na stronę phishingową,

a Ty nadal widzisz swój adres w pasku — bo złośliwy kod został osadzony lokalnie.
makrofag74 2025-10-18 14:28:38 +1


tak to działa ta fałszywa Captcha
pokaż komentarze (1)
Omer86 2025-10-16 21:31:17 +5
Mirki, czy ktoś by miał ochotę przetestować nową wersję mojej aplikacji, która pomaga przygotować się do rozmów rekrutacyjnych programistom i devops (iOS/Android)? https://www.itflashcards.com/ dodałem ostatnio ponad 5000 quizów, nowy design, dark mode.

Jak by ktoś miał chęć sprawdzić to mogę dać kod do konta premium na 30 dni za darmo :)

Mam już kilkudziesięciu subsrybentów z całego świata, ale cholernie ciężko się wbić na dobre pozycje w sklepach Google i Apple :(

#programista #programowanie #pracait #javascript #java #python #php #react #angular #myślę #azure #AWS #html #rozdajo
CH3j 2025-10-16 21:32:38 +0
@Omer86: Ile masz lat doświadczenia w rekrutacjach że postanowiłeś pomóc innym i napisac apk na ten temat?
CH3j 2025-10-16 21:45:22 +4
@Omer86: Dla mnie korpoidiotyzmy to uwłaczanie człowiekowi, nie poszedłbym na taką rozmowę nawet by się płaszczyć ( ͡° ͜ʖ ͡°)
Ale miło że próbujesz pomóc innym by jakoś to przetrwali
pokaż komentarze (7)
Dafy 2025-10-13 07:37:36 +0
Pytanie od podwójnego laika, kwestia #chatgpt oraz #html. Chce stworzyc strone, wizytowke, wszystko na glownej stronie wyswietlajace sie jedno pod drugim z linkami do mediow spolecznosciowych. Przyszlosciowo rowniez rozwijac to dodajac podstrony. Probowalem bawic sie z ChatemGPT ale czesto gubil kod, pytal czy dodac jakis efekt albo cos zmienic i po zaakceptowaniu edytowal jedno a potem usuwal drugie nie piszac o tym itd. Ktore narzedzie z dostepnych na rynku bedzie najlepsze do budowania szybkich stron-wizytowek i potem ewentualnej rozbudowy? Nic skomplikowanego obecnie, glownie html. Z gory dzieki za pomoc. #gemini #perplexity
havocki 2025-09-10 10:08:19 +0
#programowanie #woocommerce #wordpress #html #html5
Mam 3 widoki sklepu w PSD, front, listing i detal. Proste bez udziwnien, ale tylko desktop. Gdzie i kto moze to przerobic na gotowy template do Woo w rozsadnej cenie ale priorytetowo potrakwoac mobile i SEO? Ew. moze jakie rozwiaznie AI? Ogarniam co nieco html i css ale nie frameworki bo skladalem strony gdy robilo sie to na tabelkach i nawet pamietam przejscie na div, float i clear, ale tam zakonczyla sie moja przygoda
x.....x 2025-09-10 10:10:55 +1
@havocki: ta od razu pchaj się w ai i nie ch nasra ci jakiegoś kodu, którego nie zrozumiesz ale będzie wyglądał mądrze, jak sam nie umiesz tego zrobić to znajdź freelancera/studenta, który ci to wyklepie w jeden dzień za pół darmo, a może jeszcze coś wytłumaczy ( ͡° ͜ʖ ͡°)
lojawyk 2025-09-10 10:23:59 +1
Zrobil mi dzialajece pluginy do importu feedow, wyszukiwarke z API,

@havocki: Wkleił ci kod z jakiegoś pierwszego artykułu google.
Masz projekt, więc trzeba go zakodować. AI może pomóc, ale bez wiedzy jak rozbić to na szablony i robić to krok po kroku wyjdzie z tego dziadostwo.
Jeśli projekt jest skomplikowany (każdy klient mówi, że jest prosto i bez udziwnień), wymaga dopisania customowych funkcji to nic z tego nie będzie i potrzebujesz osoby, która ogarnia Woo.

Ostatecznie z AI pewnie coś porobisz, ale nie będzie wyglądało jak w projekcie, będzie w najlepszym przypadku działało jako tako i co najważniejsze poświęcisz na pracę pewnie kilkadziesiąt godzin.
Zapłać te 2-4 tysie za zakodowanie i dostaniesz gotowy sklep. To przecież nie majątek.

W tym czasie zajmij się dobrym przygotowaniem opisów, promocją, zdjęciami, jakimiś wpisami pod seo, mediami społecznościowymi, sprawdź jak konkurencja się promuje itd.
Szkoda czasu marnować na coś czego i tak nie umiesz, gdzie w tym czasie możesz zrobić zrobić rzeczy, które realnie zwiększą sprzedaż.
pokaż komentarze (8)
stigmatic 2025-08-19 19:04:44 +0
#grafika #grafikakomputerowa #grafika3d #html #blender

Taki temat, mam w blenderze jakiś produkt i robię wokół niego 36 renderów co 10 stopni - pełny obrót kamery.
Szukam jakiegoś sprytnego programiku, który będzie w stanie stworzyć z tych obrazów taki pseudo 3d viewer w pliku html gotowy do zamieszczenia na stronie, tak żeby odwiedzający mieli możliwość obracania widoku i oglądania danej rzeczy ze wszystkich stron.
Thx
LeciKrecikPl 2025-08-19 19:27:32 +2
@stigmatic: ‹!doctype html>
‹html lang="pl">
‹head>
‹meta charset="utf-8" />
‹meta name="viewport" content="width=device-width, initial-scale=1" />
‹title>Viewer 360° – single‑file‹/title>
‹style>
:root { --bg:#0b0d10; --fg:#e8eef3; --muted:#8a97a6; }
html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"}
.wrap{display:grid;place-items:center;min-height:100%;padding:16px}
.viewer{position:relative;max-width:min(900px, 92vw);aspect-ratio:1.3/1; background:#111; border-radius:16px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.45)}
.viewer img{width:100%;height:100%;object-fit:contain;display:block; user-select:none; -webkit-user-drag:none}
.hud{position:absolute;inset:auto 12px 12px auto; background:rgba(0,0,0,.45); color:var(--fg); padding:6px 10px; border-radius:999px; font-size:12px; backdrop-filter: blur(6px)}
.progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.progress>i{display:block;height:100%;width:0%;background:currentColor}
.help{margin-top:12px;color:var(--muted);font-size:14px;text-align:center}
.credits{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}
button.ctrl{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.55);color:var(--fg);border:0;border-radius:10px;padding:6px 10px;cursor:pointer}
‹/style>
‹/head>
‹body>
‹div class="wrap">
‹!-- Konfiguracja przez data-* -->
‹div id="viewer" class="viewer"
data-folder="./images/"
data-prefix="frame_"
data-ext="jpg"
data-pad="4"
data-amount="36"
data-initial="1"
data-drag-sensitivity="1.0"
data-wheel-sensitivity="0.25"
data-autoplay="false"
data-autoplay-speed="120">
‹img alt="product 360" draggable="false"/>
‹div class="hud">Przeciągnij ↔‹/div>
‹div class="progress" aria-hidden="true">‹i>‹/i>‹/div>
‹button class="ctrl" type="button" title="Play / Pause" aria-label="Play / Pause">▶︎‹/button>
‹/div>
‹p class="help">Wrzucaj klatki jako ‹code>./images/frame_0001.jpg‹/code> … ‹code>frame_0036.jpg‹/code>. Zmienisz nazwę/wzorzec w atrybutach ‹code>data-*‹/code> powyżej.‹/p>
‹p class="credits">Single-file viewer 360° – drag, swipe, wheel, autoplay, preloading. Brak zależności.‹/p>
‹/div>
‹script>
(function(){
const el = document.getElementById('viewer');
const img = el.querySelector('img');
const bar = el.querySelector('.progress>i');
const btn = el.querySelector('button.ctrl');

const cfg = {
folder: el.dataset.folder || './',
prefix: el.dataset.prefix || 'frame_',
ext: el.dataset.ext || 'jpg',
pad: parseInt(el.dataset.pad||'4',10),
amount: parseInt(el.dataset.amount||'36',10),
initial: Math.min(Math.max(parseInt(el.dataset.initial||'1',10),1), parseInt(el.dataset.amount||'36',10)),
dragSensitivity: parseFloat(el.dataset.dragSensitivity||'1'),
wheelSensitivity: parseFloat(el.dataset.wheelSensitivity||'0.25'),
autoplay: (el.dataset.autoplay||'false') === 'true',
autoplaySpeed: parseInt(el.dataset.autoplaySpeed||'120',10)
};

const pad = (n, w) => String(n).padStart(w,'0');
const srcFor = (idx) => ${cfg.folder}${cfg.prefix}${pad(idx, cfg.pad)}.${cfg.ext};

let index = cfg.initial; // 1..amount
let down = false; let lastX = 0; let raf = 0; let auto = null; let loaded = 0;

// Preload
const imgs = Array.from({length: cfg.amount}, (_,i)=>{
const im = new Image();
im.decoding = 'async';
im.loading = 'eager';
im.src = srcFor(i+1);
im.addEventListener('load', () => { loaded++; bar.style.width = ((loaded/cfg.amount)*100).toFixed(1)+'%'; if(loaded===cfg.amount) bar.parentElement.style.opacity=.15; });
return im;
});

function render(){ img.src = srcFor(index); }
function clamp(i){ while(i<1) i += cfg.amount; while(i>cfg.amount) i -= cfg.amount; return i; }
function step(delta){ index = clamp(index + delta); render(); }

function onDown(e){ down=true; lastX = (e.touches? e.touches[0].clientX : e.clientX); }
function onMove(e){ if(!down) return; const x=(e.touches? e.touches[0].clientX : e.clientX); const dx = (x-lastX) * cfg.dragSensitivity; lastX = x; if(!raf){ raf = requestAnimationFrame(()=>{ step(Math.sign(-dx) * Math.max(1, Math.floor(Math.abs(dx)/4))); raf=0; }); } }
function onUp(){ down=false; }
function onWheel(e){ e.preventDefault(); const delta = Math.sign(e.deltaY) * cfg.wheelSensitivity; if(!raf){ raf = requestAnimationFrame(()=>{ step(delta>0?1:-1); raf=0; }); } }

function toggleAuto(){ if(auto){ clearInterval(auto); auto=null; btn.textContent='▶︎'; } else { auto = setInterval(()=>step(1), cfg.autoplaySpeed); btn.textContent='❚❚'; } }

el.addEventListener('mousedown', onDown); window.addEventListener('mousemove', onMove); window.addEventListener('mouseup', onUp);
el.addEventListener('touchstart', onDown, {passive:true}); window.addEventListener('touchmove', onMove, {passive:true}); window.addEventListener('touchend', onUp);
el.addEventListener('wheel', onWheel, {passive:false});
btn.addEventListener('click', toggleAuto);

// Init
render(); if(cfg.autoplay) toggleAuto();
})();
‹/script>
‹/body>
‹/html>

Mordo, da się to ogarnąć na dwa sposoby: gotowym „programikiem” albo lekkim, jednoplikowym viewerem HTML (wrzuciłem Ci taki gotowiec niżej na canvasie).

Szybkie opcje „z pudełka”

JS Cloudimage 360 View (vanilla JS) – lekki, bez jQuery, konfig przez data-*, działa lokalnie i z hostingiem; ma demo i dokumentację.

SpriteSpin (jQuery) – klasyka do 360° z klatek; proste API, dużo przykładów. Jeśli i tak masz jQuery na stronie, to wygodne.

WebRotate 360 – desktopowy edytor (Win/Mac) + eksport gotowego HTML/JS, wtyczki do CMS-ów; fajne, gdy chcesz klikalne hotspoty i „pakiet” publikacji.

Gotowy, samodzielny plik HTML

Dodałem Ci na canvasku „Viewer 360° – gotowy plik HTML (drag & swipe, 36 klatek)”.
Co robi:

bez zależności (czysty JS), drag/swipe/wheel, autoplay, preload, responsywne.

Konfiguracja w atrybutach data-* (folder, prefix, rozszerzenie, liczba klatek, padding, itp.).

Domyślnie szuka klatek: ./images/frame_0001.jpg … frame_0036.jpg.

Jak użyć (3 kroki)

1. W Blenderze wyeksportuj 36 renderów co 10° z nazwami np. frame_0001.jpg … frame_0036.jpg.

2. W katalogu obok pliku HTML utwórz images/ i wrzuć tam te klatki.

3. Otwórz HTML w przeglądarce. Na stronie możesz zmienić data-folder, data-prefix, data-ext, data-amount, data-pad pod swój schemat.
stigmatic 2025-08-19 21:23:13 +0
@LeciKrecikPl: Dzięki potestuję
ZawzietyRobaczek 2025-08-03 12:21:41 +0
#webdev #www #html #css Elo.. robienie dzisiaj stron www to koszmar. Bo powinno sie toto dobrze wyswietlac wszedzie a rozrzut urzadzen jest spory do tego dochodzą tryb pionowy i poziomy. Pierwszy raz robię stronkę responsywną, nie uzywam zadnych fremewarokow tylko w przyslowiowym "notatniku" robie. z grubsza dobrze mi sie wszsytko wyświetla na kazdym urządzeniu. Mam 3 wersje. Dla desktop gdzie jest zafixowany width na 1400px. i potem dla mobile portrait i landscape. Mam pytanie Jakich stopni/progów używacie jeszcze w media query? Bo zauwazyłem przey testowaniu na Chromie w dev mode, że przy niektorych urządzeniach jak Ipad Pro, gdy mamy tryb portretowy to wersja portretowa wygląda słabo na tym, na spokojnie moża by użyuć wersji landscape. Probowalem to troche obejść za pomoca media query aspect-ratio ale troche się kaszaniło po klikaniu w linki i powrocie. powinienem jeszcze zrobic jakis dodatkowy tryb np. portrait- ale gdy urzadzeniejest duze i szerokie to wtedy dawac tryb landscape ? masakra.. jak sobie z tym radzie.. ja jestem niestety taką osobą że musze mieć to wszsytko pięknie równo co do pixela
BrotatyChleb 2025-08-03 23:32:01 +0
@ZawzietyRobaczek: dlatego robienie fixed width to proszenie sie o klopoty ( ͡° ͜ʖ ͡°) chyba ze chcesz media query robic co 10px xD
Krylan 2025-08-03 23:33:47 +0
@ZawzietyRobaczek a w plikach projektowych od Web Designera co masz? ( ͡° ͜ʖ ͡°)

Ile i jakie breakpointy: zależy od projektu. Zazwyczaj wystarczą trzy : telefon, tablet/laptop, duży ekran. Ewentualnie czasem czwarty gdzieś pomiędzy lub na bardzo duże ekrany.
Raczej nie widzę specjalnego powodu, żeby dla zwykłej strony www rozróżniać tryb portrait i landscape – raczej opierasz się na szerokościach ekranu. A strona pomiędzy tymi breakpointami powinna się dostosowywać do maksymalnej szerokości ekranu.
programista_wykopek 2025-07-05 19:01:00 +0
Jak to coś skutecznie zablokować? addon I still dont care about cookies sobie nie radzi, a w ublocku zablokuje jedno, generuje się kolejne. Użyli jakieś randomizacji w divie by zmieniał obiekt nazwę za każdym odświeżeniem stronki
#ublock #adblock #ublockorigin #internet #html #css #reklama #chrome #firefox #komputry #przegladarki #informatyka #dobreprogramy #pytanie #kiciochpyta
gr0m1t 2025-07-06 11:39:43 +2
@programista_wykopek: Chrome - uBlock Origin Lite. Działa elegancko, ale do YouTube musiałem jeszcze dodać Adblock dla Youtube™

Edit: A możesz zablokować div zawierający określony string?
Ertrael 2025-07-02 21:07:32 +0
Mirasy pomóżcie w jednej sprawie. Polećcie jakoś program do robienia stron internetowych. Chodzi mi o to, że mam kod ale chciałabym taki edytor w którym moge dodawać elementy nie grzebiąc w kodzie (bo HTML moją mocną stroną nie jest). Kiedyś był (dawno temu) chyba pajączek.
#html #stronywww
G06DbT 2025-07-02 21:08:53 +0
@Ertrael: macromedia dreamweaver ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)
G06DbT 2025-07-02 21:13:07 +1
@Ertrael: Microsoft front page (⌐ ͡■ ͜ʖ ͡■)
pokaż komentarze (4)