Atomjoy atomjoy

Splide.js - Marquee Infinity Scroll Effect

<!DOCTYPE html>
<html lang="pl">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Splide Slider - Marquee Infinity Effect</title>

Splide.js - Scale Image Effect

<!DOCTYPE html>
<html lang="pl">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Splide Slider - Efekt Skalowania Zdjęć</title>

Csp Spatie

Proste przykłady polityki CSP w Laravel.

AppSmartPolicy

<?php

namespace App\Support\Csp;

Konfiguracja cookie dla subdomen jako parametr w GTM

Instrukcja krok po kroku, jak ustawić parametr cookie_domain bezpośrednio w panelu Google Tag Manager dla Tagu Google w (GA4). Dzięki temu rozwiązaniu wszystkie pliki cookie tworzone automatycznie przez skrypty Google (np. _ga, _gid) będą zapisywane na poziomie subdomeny lub domeny bez współdzielenia (podobno). Utwórz 2 konta w gtm dla domeny i subdomeny.

Krok 1: Otwórz Tag Google

Zaloguj się do Google Tag Manager.
W menu po lewej stronie przejdź do sekcji Tagi (Tags).
Kliknij w swój istniejący Tag Google (Google Tag), który uruchamia analitykę na stronie.

Google TagManager Custom Events

Trigger events in gtag manager from js.

Add events

const payload = {
    order: {
        id: 1,

Vite shiki chunks in Laravel 13, Vue3, Inertia (no warnings)

import inertia from '@inertiajs/vite';
import { wayfinder } from '@laravel/vite-plugin-wayfinder';
import tailwindcss from '@tailwindcss/vite';
import vue from '@vitejs/plugin-vue';
import laravel from 'laravel-vite-plugin';
import { defineConfig } from 'vite';

	<!doctype html>
	<html lang="pl" class="scrollbar-thin">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- Google tag (gtag.js) -->
	<script>
	window.dataLayer = window.dataLayer \|\| []
	function gtag() {

	@props([
	'functionName' => 'callMe2',
	])

	<script>
	// Create function
	function callMe1() {
	alert('Wow1')
	}

	<!-- Add in views/components/gtag-banner.blade.php -->

	<!-- Komponent ładuje się na samej górze sekcji head -->
	{{-- <x-gtag-banner gtm-id="GTM-XXXXXXX" /> --}}
	{{-- @include('components.gtag-banner', ['gtmId' => 'GTM-XXXXXXX']) --}}

	<!-- Button wywołujący cookie banner dodaj do sekcji footer -->
	{{-- <button type="button" class="cookie-trigger-btn" onclick="showCookieBanner()">Ustawienia Cookies</button> --}}

	<!-- CONSENT COOKIE BANNER BLADE COMPONENT -->

	<?php

	namespace App\Actions\Website;

	use Illuminate\Support\Facades\Storage;
	use Intervention\Image\ImageManager;
	use Intervention\Image\Drivers\Gd\Driver;
	use Intervention\Image\Interfaces\ImageInterface;
	use Intervention\Image\Typography\Font;