<!DOCTYPE html>
<html lang="hu" class="scroll-smooth">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
        <title>
        Blog - Tutorial.hu    </title>

    <!-- Favicons -->
    <link rel="icon" href="https://www.tutorial.hu/assets/images/favicon.ico" sizes="any">
    <link rel="icon" href="https://www.tutorial.hu/assets/images/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="https://www.tutorial.hu/assets/images/apple-touch-icon.png">

    <!-- A live kereső csak JS-szel működik (kliensoldali JSON-szűrés). JS nélkül elrejtjük
         a keresés-triggereket, hogy ne legyen törött/félrevezető gomb. A mobilmenü CSS-only
         (checkbox-hack), az JS nélkül is működik. -->
    <noscript>
        <style>[data-search-open]{display:none!important;}</style>
    </noscript>

                <meta name="description" content="Friss cikkek SEO-ról, közösségi médiáról, analitikáról és e-commerce megoldásokról">
            <meta name="author" content="Harder">
            <link rel="canonical" href="https://www.tutorial.hu/blog/">
    
    <!-- Resource Hints (fontok self-hosztoltak — nincs Google Fonts preconnect).
         A GTM-host előtöltése csak GTM-mel: gtm_id nélkül a site egyetlen kérést sem küld
         oda, a hint csak fölösleges külső DNS-lekérés volt (propolisz, 2026-09-29). -->
        <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    
        <meta property="og:locale" content="hu_HU">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Blog">
            <meta property="og:description" content="Friss cikkek SEO-ról, közösségi médiáról, analitikáról és e-commerce megoldásokról">
                <meta property="og:url" content="https://www.tutorial.hu/blog/">
                <meta property="og:site_name" content="Tutorial.hu">
                <meta property="og:image" content="https://www.tutorial.hu/assets/images/harder-avatar-negyzet.webp">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Blog">
            <meta name="twitter:description" content="Friss cikkek SEO-ról, közösségi médiáról, analitikáról és e-commerce megoldásokról">
                <meta name="twitter:image" content="https://www.tutorial.hu/assets/images/harder-avatar-negyzet.webp">
    
            <script>
            // GTM betöltő + Google Consent Mode v2 („alap" mód).
            // - A GTM csak hozzájárulás után töltődik be (analitika VAGY marketing — a Google Ads
            //   címkéknek elég a marketing). Hozzájárulás nélkül semmilyen külső kérés nem megy ki.
            // - A GTM ELŐTT a dataLayer-be kerül a consent 'default' (minden tiltva), majd az
            //   'update' a tényleges választással. A Google-címkék (GA4, Google Ads) ebből maguktól
            //   tudják, mit szabad. A nem-Google címkéket (pl. Meta Pixel) a GTM-ben kell a
            //   megfelelő consent-típushoz kötni: marketing = ad_storage, analitika = analytics_storage.
            // - A window.__loadGTM() és a window.__hcmsConsentUpdate() a consent-bannerből is hívható.
            (function () {
                var gtmId = 'GTM-PV6DXBX';
                var requireConsent = true;

                function getCookie(name) {
                    var value = '; ' + document.cookie;
                    var parts = value.split('; ' + name + '=');
                    if (parts.length === 2) return parts.pop().split(';').shift();
                    return null;
                }

                function isTrackingDisabled() {
                    var urlParams = new URLSearchParams(window.location.search);
                    return urlParams.get('no-tracking') === '1';
                }

                function hasAnalytics() {
                    return !requireConsent || getCookie('consent_analytics') === 'yes';
                }

                function hasMarketing() {
                    return !requireConsent || getCookie('consent_marketing') === 'yes';
                }

                function canLoadTracking() {
                    if (isTrackingDisabled()) return false;
                    return hasAnalytics() || hasMarketing();
                }

                // A banner két kategóriája → a Consent Mode v2 típusai.
                function consentState(analytics, marketing) {
                    var a = analytics ? 'granted' : 'denied';
                    var m = marketing ? 'granted' : 'denied';
                    return {
                        analytics_storage: a,
                        ad_storage: m,
                        ad_user_data: m,
                        ad_personalization: m,
                        personalization_storage: m,
                        functionality_storage: 'granted',
                        security_storage: 'granted'
                    };
                }

                window.dataLayer = window.dataLayer || [];
                window.gtag = window.gtag || function () { window.dataLayer.push(arguments); };

                // Alapállapot: minden tiltva (a szükséges sütik kivételével) — mindig a GTM előtt.
                window.gtag('consent', 'default', consentState(false, false));
                window.gtag('set', 'ads_data_redaction', true);

                // A tényleges választás jelzése. A 'consent_update' dataLayer-esemény GTM-triggerként
                // is használható (pl. egy címke a marketing-elfogadás pillanatában is elsülhet).
                window.__hcmsConsentUpdate = function (analytics, marketing) {
                    window.gtag('consent', 'update', consentState(analytics, marketing));
                    window.dataLayer.push({
                        event: 'consent_update',
                        consent_analytics: analytics ? 'granted' : 'denied',
                        consent_marketing: marketing ? 'granted' : 'denied'
                    });
                };

                // Idempotens GTM-injektálás; a head ÉS a consent-banner is hívhatja.
                // FONTOS: ez NEM ellenőrzi a consentet — a hívó felelőssége (a head a canLoadTracking()-gel,
                // a banner az elfogadás után hívja). Csak a __gtmLoaded / !gtmId / no-tracking ellen véd.
                window.__loadGTM = function () {
                    if (window.__gtmLoaded || !gtmId || isTrackingDisabled()) {
                        return;
                    }
                    window.__gtmLoaded = true;

                    window.dataLayer = window.dataLayer || [];
                    (function (w, d, s, l, i) {
                        w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                        var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
                        j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                        f.parentNode.insertBefore(j, f);
                    })(window, document, 'script', 'dataLayer', gtmId);

                    // Noscript fallback — csak ha a <body> már létezik (a head-fázisban még nem).
                    if (document.body) {
                        var noscript = document.createElement('noscript');
                        var iframe = document.createElement('iframe');
                        iframe.src = 'https://www.googletagmanager.com/ns.html?id=' + gtmId;
                        iframe.height = '0';
                        iframe.width = '0';
                        iframe.style.display = 'none';
                        iframe.style.visibility = 'hidden';
                        noscript.appendChild(iframe);
                        document.body.insertBefore(noscript, document.body.firstChild);
                    }
                };

                // Betöltéskor: ha a feltételek engedik (pl. consent már megvolt), előbb a tárolt
                // választás megy a dataLayer-be, csak utána a GTM.
                if (canLoadTracking()) {
                    window.__hcmsConsentUpdate(hasAnalytics(), hasMarketing());
                    window.__loadGTM();
                }
            })();
        </script>
    
    <link rel="stylesheet" href="https://www.tutorial.hu/assets/tailwind.css?v=96cac6c7">
    <link rel="stylesheet" href="https://www.tutorial.hu/assets/site.css?v=e988f5fc">
    <meta name="theme-color" content="#10284D">
<link rel="preload" href="https://www.tutorial.hu/assets/fonts/oswald-latin-ext.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.tutorial.hu/assets/fonts/merriweather-latin-ext.woff2" as="font" type="font/woff2" crossorigin>
<script>(function(){try{var s=localStorage.getItem('reading-size');if(s==='1'||s==='2')document.documentElement.classList.add('reading-size-'+s);}catch(e){}})();</script>
<link rel="stylesheet" href="https://www.tutorial.hu/assets/fonts.css?v=ad832bc8">

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.tutorial.hu/#org","name":"Tutorial.hu","url":"https://www.tutorial.hu","logo":"https://www.tutorial.hu/assets/images/icon.svg","description":"Tutorial.hu: leírások és útmutatók."}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.tutorial.hu/#website","name":"Tutorial.hu","url":"https://www.tutorial.hu"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Blog","name":"Blog","url":"https://www.tutorial.hu/blog/"}</script>
</head>
<body
    class="bg-brand-paper text-brand-ink font-serif antialiased overflow-x-hidden selection:bg-brand-sageTint selection:text-brand-ink">

    <!-- Accessibility Skip Link -->
    <a href="#main-content"
        class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:bg-white focus:text-brand-ink focus:px-4 focus:py-2 focus:rounded focus:shadow"
        aria-label="Ugrás a fő tartalomra">Ugrás a fő tartalomra</a>

    <!-- Navigation -->
    <header class="bg-brand-surface">

    <!-- ── 1. Utility sáv (csak desktopon; mobilon a keresés a navban van) ── -->
    <div class="hidden md:block border-b border-brand-line">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-9 font-sans text-[12px] uppercase tracking-[0.14em] text-brand-muted">
                <span class="hidden sm:block">2026. október 22.</span>
                <button type="button" data-search-open
                        class="flex items-center gap-1.5 hover:text-brand-ink transition-colors duration-150 ml-auto"
                        aria-label="Keresés">
                    <svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-[12px]" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>                    <span class="hidden sm:inline">Keresés</span>
                </button>
            </div>
        </div>
    </div>

    <!-- ── 2. Masthead: avatar + név + mottó ──────────────────────────── -->
    <div class="masthead bg-brand-ink border-b border-brand-ink">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 md:py-4">
            <a href="https://www.tutorial.hu/" class="masthead__link group flex items-center justify-center gap-3 sm:gap-4">
                                <img src="https://www.tutorial.hu/assets/images/harder-avatar.webp" alt="" width="192" height="192"
                     class="masthead__avatar shrink-0 w-12 h-12 sm:w-16 sm:h-16 md:w-20 md:h-20 rounded-full">
                                <div class="masthead__text text-left">
                                        <span class="masthead__name block font-display font-bold leading-none tracking-[-0.01em] text-white
                                 text-3xl sm:text-5xl md:text-6xl group-hover:text-white/80 transition-colors duration-150">Tutorial.hu</span>
                                                        </div>
            </a>
        </div>
    </div>

    <!-- ── 3. Nav sáv (sticky) ────────────────────────────────────────── -->
    <nav id="navbar" class="sticky top-0 z-50 bg-brand-surface border-y-4 border-double border-brand-ink transition-transform duration-300 will-change-transform">

        <!-- Mobilmenü-állapot: rejtett checkbox (CSS-only toggle) — JS NÉLKÜL is nyílik/csukódik.
             A #mobile-menu peer-checked:block reagál rá; a látható gomb a <label for>. -->
        <input type="checkbox" id="mobile-menu-toggle" class="peer sr-only" aria-label="Menü megnyitása" aria-controls="mobile-menu">

        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

            <!-- Desktop: középre zárt kategória-menü -->
            <div class="hidden md:flex flex-wrap items-center justify-center gap-x-6 gap-y-1 py-3
                        font-sans text-[13px] font-semibold uppercase tracking-[0.1em]">
                                                <a href="/blog/kategoria/ai/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">AI</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/facebook-hirdetes/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Facebook hirdetés</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/google-hirdetes/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Google hirdetés</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/grafika/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Grafika</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/online-marketing/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Online marketing</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/ppc/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">PPC</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/seo/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">SEO</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/weboldal-keszites/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Weboldal készítés</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/hirek/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">hírek</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/blog/kategoria/egyeb/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Egyéb</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/bemutatkozas/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Rólam</a>
                                <span class="w-px h-3 bg-brand-line" aria-hidden="true"></span>                <a href="/kapcsolat/"
                   class="text-brand-ink hover:text-brand-muted transition-colors duration-150 whitespace-nowrap">Kapcsolat</a>
                            </div>

            <!-- Mobile: hamburger + "Menü" felirat | keresés -->
            <div class="md:hidden flex items-center justify-between h-12">
                <label id="mobile-menu-btn" for="mobile-menu-toggle" aria-hidden="true"
                        class="flex items-center gap-2 -ml-0.5 font-sans text-[13px] font-semibold uppercase tracking-[0.12em] text-brand-ink hover:text-brand-muted transition-colors cursor-pointer select-none">
                    <svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-lg" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>                    <span>Menü</span>
                </label>
                <button type="button" data-search-open aria-label="Keresés"
                        class="flex items-center justify-center w-9 h-9 -mr-1.5 text-brand-ink hover:text-brand-muted transition-colors">
                    <svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-base" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>                </button>
            </div>

        </div>

        <!-- Mobile menü panel — a #mobile-menu-toggle checkboxra nyílik (CSS-only, JS nélkül is).
             md:!hidden: desktopon mindig rejtve (a peer-checked magasabb specificitását felülüti). -->
        <div id="mobile-menu" class="hidden peer-checked:block md:!hidden bg-brand-surface border-t border-brand-line">
            <div class="px-4 py-1 font-sans text-[13px] font-semibold uppercase tracking-[0.1em] divide-y divide-brand-line">
                                <a href="/blog/kategoria/ai/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">AI</a>
                                <a href="/blog/kategoria/facebook-hirdetes/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Facebook hirdetés</a>
                                <a href="/blog/kategoria/google-hirdetes/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Google hirdetés</a>
                                <a href="/blog/kategoria/grafika/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Grafika</a>
                                <a href="/blog/kategoria/online-marketing/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Online marketing</a>
                                <a href="/blog/kategoria/ppc/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">PPC</a>
                                <a href="/blog/kategoria/seo/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">SEO</a>
                                <a href="/blog/kategoria/weboldal-keszites/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Weboldal készítés</a>
                                <a href="/blog/kategoria/hirek/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">hírek</a>
                                <a href="/blog/kategoria/egyeb/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Egyéb</a>
                                <a href="/bemutatkozas/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Rólam</a>
                                <a href="/kapcsolat/"
                   class="block py-3 text-brand-ink hover:text-brand-muted transition-colors">Kapcsolat</a>
                            </div>
        </div>
    </nav>

</header>

<main id="main-content" role="main" tabindex="-1" class="bg-brand-surface">

    
    <!-- ════════════════════════════════════════════════════════════════════
         FEJLÉC — breadcrumb + nagy Oswald cím + darabszám
         ════════════════════════════════════════════════════════════════════ -->
    <section class="border-b-2 border-brand-ink">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-10">
            <nav aria-label="Útvonal" class="flex flex-wrap items-center gap-1 text-[14px] leading-none font-sans">
    
            <a href="/"
           class="text-brand-muted hover:text-brand-inkSoft transition-colors duration-150">
            Kezdőlap        </a>
                <span class="text-brand-faint select-none" aria-hidden="true">›</span>
    
            <span class="text-brand-ink font-semibold" aria-current="page">Blog</span>
    </nav>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Kezdőlap",
      "item": "https://www.tutorial.hu/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog"
    }
  ]
}
</script>
            <div class="text-center mt-8">
                <h1 class="font-display font-bold uppercase text-brand-ink text-5xl sm:text-6xl md:text-7xl leading-[0.9] tracking-[-0.03em]">
                    Blog                </h1>
                                <p class="mt-4 font-sans text-[12px] font-bold uppercase tracking-[0.16em] text-brand-muted">
                    (1527 cikk)
                </p>
                            </div>
        </div>
    </section>

    
    <!-- ════════════════════════════════════════════════════════════════════
         KIEMELT (legfrissebb) cikk — teljes szélességű, desktopon kép-balra
         ════════════════════════════════════════════════════════════════════ -->
    <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-10">
        <a href="/blog/jogi-ai-asszisztensek-magyarul/" class="group block md:flex md:gap-8 md:items-center">
            <div class="md:w-1/2 lg:w-3/5 shrink-0 mb-3 md:mb-0">
                <div class="aspect-[16/9] overflow-hidden bg-brand-sand">
                    <img src="https://www.tutorial.hu/kepek/2026/10/jogi-ai-asszisztensek-magyarul-kiemelt-kep.png" alt="" loading="eager" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.02]" fetchpriority="high" decoding="async">                </div>
            </div>
            <div class="md:flex-1">
                <h2 class="font-display font-bold text-brand-ink text-2xl md:text-4xl leading-[1.05] group-hover:underline decoration-1 underline-offset-2">Jogi AI-asszisztensek magyarul: jog.gov.hu, JURA, LEXA, Bojtár.AI, azta és Libratech.ai</h2>
                                <p class="mt-3 font-serif text-brand-inkSoft text-base leading-relaxed line-clamp-3 md:line-clamp-4">Magyarul jelenleg legalább hat jogi AI-asszisztenst használhatsz. Kettő ingyenes (a jog.gov.hu MI-keresője és a JURA), négy fizetős, de mind a négy ad ingyenes keretet vagy próbaidőt (LEXA, Bojtár.AI, azta, Libratech.ai)…</p>
                                                <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-3">2026. október 6.</span>
                            </div>
        </a>
    </section>

    <!-- ════════════════════════════════════════════════════════════════════
         RÁCS — a többi cikk, "Több cikk betöltése" gombbal (site.js)
         ════════════════════════════════════════════════════════════════════ -->
        <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-14 border-t border-brand-line pt-10">
        <div id="blog-posts-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-10">
                        <article data-post-card class="group">
                <a href="/blog/parall-mac-app/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/08/parall-mac-app-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Parall - ha egy app-ból több példány kell</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Munkahelyi fiók, saját fiók, ügyfélfiók. Három külön élet, de az alkalmazásból csak egy van a Macen, ezért marad a kijelentkezés, belépés, profilváltás és az örök kérdés: most éppen melyik ablakban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. augusztus 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/tudasgraf-eszkozok-ai-fejlesztes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/07/3-tudasgrafos-eszkoz-ai-fejleszteshez.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Graphify, code-review-graph vagy Understand Anything?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A code-review-graph a programkód szerkezetének gyors és pontos feltérképezésében erős, a Graphify a kód mellett dokumentumokat és más projektfájlokat is összekapcsol, az Understand Anything pedig látványos, magyarázatokkal kiegészített tudástérképet készít…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/wcag-webes-akadalymentesites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/07/wcag-webes-akadalymentesites.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WCAG és webes akadálymentesítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">WCAG és webes akadálymentesítés: mit jelent, kire vonatkozik, és hogyan teszteld a weboldalad? Összeszedtem mindent, amit 2026-ban tudni kell róla.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. július 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/meta-hirdetes-hiba-3858231-advertising-currently-limited/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/07/meta-bug-3858231.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Meta hirdetés hiba #3858231: &quot;Advertising currently limited</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Július 21-én reggel minket is elért: egyszerre kezdett el mindenkinek beszállni a Meta Ads Managerbe ugyanaz az üzenet: &quot;Advertising currently limited: This ad can&#039;t run. The owner of @ should…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. július 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/shopify-horizon-facebook-bug-view-transitions-javitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/06/shopify-android-bug.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify Horizon témán Androidon megbénul a Facebook-forgalmad? Itt a kétfájlos javítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Shopify Horizon téma egy beállítása Androidon megbénítja a Facebook- és Instagram-forgalmat: az oldal betölt, de kattintásra nem reagál. 2 fájlt kell javítani.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/geo-nem-egy-uj-szakterulet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/05/ai-alapu-kereses-seo-geo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A GEO nem egy új szakterület – csak a Google megint átnevezte azt, amit mindig is kért tőled</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google kiadott egy hivatalos útmutatót arról, hogyan optimalizálj az AI-keresőkre. Elmondom, mi van benne, mert az a szép benne, hogy szinte semmi új nincs – de attól még érdemes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. május 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/arajanlat-utankoveto-megoldasok-kkv-knak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/05/arajanlat-utankovetes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Árajánlat utánkövető megoldások KKV-knak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Minner közösségben merült fel a kérdés: hogyan lehet tudni, hogy az ügyfél megnyitotta-e az elküldött árajánlatot, és hogyan lehet ezt diszkréten, automatikusan utánkövetni? A válasz nem egyszerű – jó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. május 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/github-copilot-aremeles-token-alapu-szamlazas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/05/github-copilot-token-alapu-elszamolas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">GitHub Copilot áremelés: jön a token alapú számlázás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2026. június 1-jétől a GitHub Copilot teljesen áttér a token alapú, usage-based billing modellre. A havidíjak papíron maradnak, de a prémium kérések helyett GitHub AI Creditek lesznek – és a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. május 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/baselinks-obsidian-html-export/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/05/baselink-obsidian-export-nyitolap.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Baselinks: így lesz weboldal az Obsidian vault-odból</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Obsidian jegyzeteidből egy böngészőben futó, statikus weboldalt generálhatsz a Baselinks nevű eszközzel, teljesen ingyen, szerver nélkül, és a fájljaid sosem hagyják el a gépedet. Nincs telepítés, nincs regisztráció –…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/milyen-markdown-editort-erdemes-hasznalni/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/05/2026-05-05_18-06-38.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Milyen Markdown editort érdemes használni 2026-ben?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha csak szerkeszteni akarsz .md fájlokat, és nem akarsz Obsidiant vagy VS Code-ot tanulni, akkor a MarkText az egyik legjobb ingyenes kiindulópont – WYSIWYG, Windows/Mac/Linux kompatibilis, nyílt forráskódú. Ha már…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. május 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group">
                <a href="/blog/notebooklm-eleres-claude-alol-2026/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/03/noteobooklm-integralasa-claude-desktop-ala.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan érd el a NotebookLM-et Claude-ból? 3 jó megoldás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google NotebookLM-et 2026 márciusában háromféleképpen kötheted össze a Claude-dal: egy Claude Code skill-lel, egy MCP szerverrel, vagy egy Python API-val. Mindhárom megoldás browser automáción alapul, mert a NotebookLM-nek nincs…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gsc-mcp-telepites-claude-desktophoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/03/gsc-mcp-bekotes-claude-desktop.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Search Console MCP telepítése Claude Desktophoz – lépésről lépésre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha SEO-sként használod a Claude Desktopot, előbb-utóbb eljutsz oda, hogy nem csak cikkeket akarsz íratni vele, hanem valódi adatokhoz is hozzá szeretnéd kötni. A Google Search Console az egyik leghasznosabb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/unas-blog-canonical/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/03/unas-canonical-funkcio.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az Unas blogban mostantól állíthatsz canonical URL-t, de ...</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">… de olvasd el ezt, mielőtt nekiállsz ! Az Unas legújabb fejlesztésével blogbejegyzésenként külön megadható a canonical URL. Jó fejlesztés, régóta hiányzott. Az Unas saját leírása azonban nem fedi le…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. március 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/shopify-checkout-vat-adoszam-ellenorzes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2026/03/shopify-vat-adoszam-ellenorzes-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify checkout új funkció: VAT-adószám ellenőrzés (EU/UK)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az EU-s és brit piacokra értékesítő webshopoknál a céges vásárlók VAT-adószámának kezelése és a fordított adózás (reverse charge) sokszor kézi munka. A Shopify Tax (EU/UK) mellé most érkezett egy olyan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2026. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kozossegi-media-management-eszkozok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/10/social-media-management-platforms.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Közösségi média management eszközök: melyik platformokat támogatják?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán te is észrevetted már, milyen nagy a választék a közösségi média menedzsment eszközök piacán. Nemrég egy beszélgetés során szembesültem azzal a kérdéssel, hogy tulajdonképpen milyen lehetőségek állnak rendelkezésünkre manapság…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. október 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-totalstudio-kft-mostantol-shopify-partner/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/10/totalstudio-shopify-hivatalos-partner.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A TotalStudio Kft. mostantól Shopify Partner!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagy örömmel és büszkeséggel jelentjük be, hogy a magyar e-kereskedelmi piac egyik meghatározó szereplője, a TotalStudio Kft. hivatalosan is bekerült a Shopify Partnerek szűk körű, nemzetközi közösségébe. Ez a minősítés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. október 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/shopify-summer-editions-2025/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/05/summer-edition-shopify-2025-kiadas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify Summer Editions 2025</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Shopify-nál nem egyszerűen fejlesztenek – ők újraértelmezik, milyen lehet a modern e-kereskedelem. Nemrég elmélyedtem a témában, és a friss információkat már összefoglalták ebben a remek cikkben: Shopify Summer Editions…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-rss-feed-kezeles/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/05/wp-rss-feed-2.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress RSS feed-ek kezelése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress alapértelmezetten számos RSS feed-et generál a weboldaladon. Ezek a feed-ek minden egyes oldalhoz, bejegyzéshez, kategóriához, címkéhez és egyéb tartalomtípushoz létrejönnek, és általában a &quot;/feed/&quot; végződéssel érhetők el az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. május 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/shopify-boltod-van-nemsokara-te-is-bukhatod-a-google-mereseidet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/04/shopify-meres-valtozasok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify boltod van? Nemsokára te is bukhatod a Google méréseidet!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az elmúlt héten fontos bejelentésre lettünk figyelmesek a Shopify világából, ami minden webáruház tulajdonost érint, aki Google hirdetéseket vagy Analytics elemzéseket használ. A Shopify alapjaiban változtatja meg a fizetési folyamat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. április 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/melyik-javascript-keretrendszer-a-legjobb-seo-szempontbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/04/javascript-keretrendszerek-vs-seo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Melyik JavaScript-keretrendszer a legjobb SEO szempontból?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha valaha is elgondolkodtál azon, hogy melyik JavaScript-alapú technológiát érdemes választani egy weboldalhoz, különösen, ha a keresőoptimalizálás (SEO) is szempont, akkor nem vagy egyedül. A Google indexelési szokásai és a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. április 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/shopify-payments-magyarorszagon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/02/shopify-payments-magyarorszag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify Payments - végre egyszerűbb lesz a nemzetközi értékesítés!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fantasztikus hírem van számodra! 2025. február 21-én hivatalosan is elindult a Shopify Payments Magyarországon, ami hatalmas mérföldkő a hazai e-kereskedelem számára. Webfejlesztőként és Shopify szakértőként már régóta vártam ezt a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. február 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kadence-leggyakrabban-elkovetett-hibak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/02/kadencewp.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kadence - a leggyakrabban elkövetett hibák</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a cikkben a Kadence WordPress téma használata során elkövetett leggyakoribb hibákat fogjuk megvizsgálni. Ezek a hibák gyakran rontják a weboldal megjelenését, olvashatóságát és felhasználói élményét. Megmutatjuk a helyes megközelítéseket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/watson-ga4-fiok-audit-looker-studioval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/01/ga4-setup-audit-watson.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Watson - így auditáld a GA4 fiókodat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google Analytics 4 (GA4) rendszere komplex, és sokszor nehezen átlátható. Gyakran előfordulhatnak olyan hibák, amelyek torzítják az adatok pontosságát, befolyásolják a jelentéseket, és értékes üzleti lehetőségeket vesztegethetnek el. Erre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megerkezett-a-drupal-cms-1-0/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2025/01/drupal-cms-1-released-1920w.269860bf8691472c9a454aae8048bb57.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megérkezett a Drupal CMS 1.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagy napot ünnepel ma a Drupal közösség! A népszerű CMS (Content Management System - tartalomkezelő rendszer) 24. születésnapján megjelent a vadonatúj Drupal CMS 1.0 verzió, ami igazi mérföldkőnek számít a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2025. január 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/itt-a-wordpress-vege/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/10/itt-a-wordpress-vege.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Itt a WordPress vége?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég fedeztem fel Zsolt YouTube csatornáján egy újabb, rendkívül időszerű videót a WordPress világában zajló eseményekről. Már 17 éve aktív tagja a WordPress magyar fordítói közösségnek, a tőle megszokott alapossággal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-wordpress-es-a-wp-engine-konfliktus/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/10/wordpress-cms-jogi-csatarozas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A WordPress és a WP Engine konfliktus</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress világában jelentős feszültség alakult ki Matt Mullenweg, a WordPress alapítója és az Automattic vezérigazgatója, valamint a WP Engine, egy népszerű WordPress-alapú tárhelyszolgáltató között. A konfliktus középpontjában a WordPress…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. október 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-google-2024-augusztusi-alapfrissitese-befejezodott/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/09/google-algoritmus-frissites.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Google 2024. augusztusi alapfrissítése befejeződött</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google szóvivője kiadta a tájékoztatást, hogy a 2024. augusztusi alapfrissítés ( Google core update ) befejeződött. A folyamat 2024. augusztus 15-én kezdődött, és 19 nappal később, 2024. szeptember 3-án…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-avif-keptamogatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/09/google-avif-tamogatas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google bevezeti az AVIF képtámogatást</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google most már támogatja az AVIF képformátumot. Mit jelent ez a webfejlesztőknek? Javít a weboldal teljesítményén?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/storytelling-szerepe-az-online-vilagban-es-marketingben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/08/storytelling.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A storytelling szerepe az online világban (és marketingben)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az internet világában — ezáltal az online marketingben is — egyre nagyobb hangsúlyt kap az adatokra épülő döntéshozatal, ami lehetővé teszi többek között a kampányok hatékonyságának precíz mérését, kielemzését és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-wordpress-plugin-wp-autoplugin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/07/wp-autoplugin.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új WordPress Plugin: WP-Autoplugin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">WP-Autoplugin: Ingyenes WordPress bővítmény AI támogatással fejlesztéshez. Támogatja a GPT-3.5 Turbo, GPT-4, Claude 3 Haiku és Claude 3.5 Sonnet modelleket.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/shopify-2024-nyari-frissites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/06/shopify-combined-listings-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Shopify 2024 nyári frissítés: újdonságok és fejlesztések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikket elsősorban azok számára lesz érdekes, akik már rendelkeznek Shopify webáruházzal, vagy épp mostanában akarnak egy ilyet indítani. A Shopify ismét bebizonyította, hogy miért vezető platform az online értékesítés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-notebooklm-digitalis-asszisztens/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/06/google-notebooklm-chat.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google NotebookLM: A digitális asszisztens, amely forradalmasítja a kutatást és az írást</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megmutatom, hogyan változtatja meg a Google NotebookLM a kutatási és írási folyamatokat. Az AI-alapú digitális asszisztens segítségével minden könnyebb és hatékonyabb.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/erfan-azimi-allitolag-o-van-a-google-szivarogtatas-hattereben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/05/erfan-azimi-google-szivarogtatas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Erfan Azimi - állítólag ő van a Google szivárogtatás hátterében</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Erfan Azimi, az EA Eagle Digital digitális marketingügynökség vezérigazgatója, a közelmúltban nagy vihart kavart a SEO közösségben. Azimi állítólag megszerezte és megosztotta Rand Fishkinnel és Mike Kinggel a Google keresési…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/titkos-google-search-api-dokumentumok-szivarogtak-ki/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/05/google-api-content-warehouse-2.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Titkos Google Search API dokumentumok szivárogtak ki</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy névtelen forrás több ezer kiszivárgott Google Search API dokumentumot osztott - Ezt minden SEO szakembernek látnia kell!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ai-asszisztens-mac/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/05/mindmac-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">AI asszisztensek Macre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">ChatGPT alternatívák MacOS-re - AI asszisztensek: ChatGPT, Claude, GPT-4 és társaik. Így használhatod őket a leghatékonyabban a munkádhoz és a tanuláshoz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. május 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gpt-4o-es-macos-asztali-alkalmazas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/05/gpt-4o-3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">GPT-4o és MacOS asztali alkalmazás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a GPT-4o ami gyorsabb, fejlettebb és még olcsóbb is, mint az előző Turbo változata. No meg persze itt az új MacOS asztali alkalmazás is!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. május 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bitcoin-felezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/05/bitcoin-felezes-halving.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bitcoin felezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Bitcoin felezés a kriptovaluta piac egyik legfontosabb eseménye! Tudd meg mi a halving, hogyan működik, és milyen hatással van a Bitcoin árfolyamára, bányászatra.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. május 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/local-llm-otthoni-gepen-futtathato-nagy-nyelvi-modellek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/03/lm-studio-desktop-llm.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Local LLM - otthoni gépen futtatható nagy nyelvi modellek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fedezd fel a gépeden is futtatható nyelvi modellek ( Local LLM ) világát: Adatvédelem, offline működés és testreszabás otthoni és vállalati környezetben egyaránt. Ingyenes és otthon is használható szofverek listája a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zimmwriter-futtatasa-mac-en-utm-segitsegevel-ingyen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2024/02/utm-virtualis-gep-mac.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ZimmWriter futtatása Mac-en UTM segítségével - ingyen!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan használj Windows-only alkalmazásokat Mac-en? ZimmWriter + UTM: a tökéletes párosítás a hatékony tartalomgyártáshoz. Tudd meg, hogyan!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2024. február 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fajlokat-listazo-php-script-apache-webszerverre/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/12/konyvtar-listazo-php-script-apache-webszerverre.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fájlokat listázó PHP script Apache webszerverre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai bejegyzésünkben bemutatunk egy egyszerű, de nagyon hasznos PHP szkriptet, amely lehetővé teszi számunkra, hogy listázzuk a fájlokat egy meghatározott könyvtárban a webkiszolgálónkon. Ez a funkcionalitás különösen hasznos lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. december 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/link-shim-facebook/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/11/link-shim-facebook.d7057501973f44f58875b48ad03f6b66.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Link Shim - Facebook</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Link Shim - a Facebook által kifejlesztett eszközt, amely ellenőrzi a kattintott linkeket, védelmet nyújtva ezzel az online veszélyek ellen. További részletek itt!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. november 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/excel-automatikus-oszlopszelessegek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/11/excel-automatikus-oszlopszelesseg.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Excel - automatikus oszlopszélességek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha gyakran használsz Excelt, biztosan belefutottál már abba, hogy a cellák szélességét macerás állítgatni. Még akkor is, ha nem egyesével csinálod.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. november 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-serp-checker-valentin-app/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/06/google-serp-ellenorzes-valentin-app.05026d560e5a4b568d266dd2931b1d71.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google SERP Checker - Valentin.app</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A digitális marketingben és úgy egyáltalán az online térben gyakran előfordul, hogy szeretnénk pontosan látni, milyen találatok jelennek meg egy adott helyi keresésben a Google-ben. Nézzünk hát meg egy olyan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regexai-ai-alapu-regex-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/03/regex.bfd1ca831bbb4415a1606158a4c88b6f.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Regex.ai - új AI alapú regex generátor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A regex (reguláris kifejezések) kapcsán már korábban is írtam az oldalon (ezeket a cikk végén megtalálod), de most egy új eszközt találtam, ami rendkívül hasznos szerintem, úgyhogy ajánlanám neked is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. március 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gmail-kuldo-nevenek-megvaltoztatasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/03/gmail-nevcsere.0713fb07c01742f99ca0908cddb9aec5.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gmail küldő nevének megváltoztatása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Apró kis cikk, nem is cikk, inkább csak segédlet. Szóval ha a Gmail -ből küldöd a leveleidet és szeretnéd módosítani a küldős nevét , akkor nem a szokásos helyen (google…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/duplikalt-tartalom-eltavolitasa-google-sheets/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2023/03/duplikalt-tartalmak-google-sheets.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Duplikált tartalom eltávolítása Google Sheets-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos nem vagyok azzal egyedül, hogy időről időre duplikátumokat kell takarítanom táblázatos formátumokban, vagy akár szöveges tartalmakban (sorokban). Alapvetően MacOS alatt elérhető “Clean Text” nevű app-ot használok, de jó tudni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2023. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/indexifembedded-uj-meta-robots-cimke/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2022/01/indexifembedded-meta-robots-cimke-google.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">indexifembedded - új meta robots címke</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google bejelentette, hogy kiadott egy új meta robots címkét indexifembedded néven , amely megkönnyíti a noindex címkével jelölt és iframe-eken keresztül harmadik fél oldalaiba ágyazott oldalak feltérképezését. A Google…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2022. január 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-cegem-7-extra-nap-varakozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2022/01/google-cegem-7-extra-nap-biztonsag.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Cégem - 7 extra nap várakozás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google Cégem (Google My Business) fiókok esetében a Google egy új biztonsági lépést vezetett be. Ha korábban kaptál tulajdonos vagy kezelő jogosultságot, akkor egyből tudtál mindent intézni a fiókon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2022. január 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/indexnow-plugin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2022/01/indexnow.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IndexNow plugin - új WordPress bővítmény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent az IndexNow plugin! A Microsoft Bing kiadott egy bővítményt a WordPress számára, amellyel könnyedén integrálhatod az IndexNow protokollt a weboldaladba.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2022. január 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/quillbot-ai-program-szovegiroknak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/09/quillbot-ai-szovegiro-program.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">QuillBot - AI program szövegíróknak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A QuillBot.com -t egy olyan fejlesztőcsapat hozta létre, akik a tartalomfejlesztők, írók mindennapi munkáját szerették volna segíteni. Olyan mesterséges intelligenciával (AI) működő keresőmotor, amely segít a tartalomíróknak releváns cikkeket, témákat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. szeptember 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-google-title-atiras-ellenorzo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/09/ingyenes-google-title-atiras-ellenorzes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes Google Title átírás ellenőrző</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A hírek között minap már írtam arról, hogy a a Google elég sok esetben módosítja a SERP-en a weboldal Title tartalmát és kicsit mást mutat meg (Új Google szabályok a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/meggyozo-jol-konvertalo-weboldal-legfontosabb-elemei/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/09/weboldal-elemek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egy meggyőző, jól konvertáló weboldal legfontosabb elemei</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy meggyőző, jól konvertáló weboldal legfontosabb elemei</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/checktitles-js-hol-cserelt-title-google-talalati-lista/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/08/serp-es-title-ellenorzese-gyorsan.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">checkTitles.js - hol cserélt Title-t a Google a találati listában?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">checkTitles.js - hol cserélt Title-t a Google a találati listában?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. augusztus 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/19-seo-kerdes-a-hatekony-keresooptimalizalashoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/08/19-seo-kerdes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">19+ SEO kérdés a hatékony keresőoptimalizáláshoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">19+ olyan SEO kérdést ismerhetsz meg a cikkben, melyek megválaszolása nagymértékben hozzájárul a sikeres keresőoptimalizáláshoz</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-google-szabalyok-a-weboldalak-title-cimsor-megjelenitese-kapcsan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/08/Google-meta-title-serp-hir.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új Google szabályok a weboldalak Title (Címsor) megjelenítése kapcsán</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Új szabályok a weboldalak Title / Cím megjelenítése kapcsán</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. augusztus 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-webhely-tartomany-ellenorzese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/04/webhely-tartomany-ellenorzes-facebook.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook webhely tartomány ellenőrzése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Több okot is fölsorakoztathatunk. Ebből az egyik, hogy az Apple az iOS 14-el olyan módosításokat vezetett be, ami érinti az adatok átadását, emiatt a mérési lehetőségek is megváltoztnak. Ez arra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. április 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mi-az-ip-cimem-ipv4-ipv6/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/04/mi-az-ip-cimem-ipv4-ipv6.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mi az IP címem - IPv4 és IPv6 cím lekérdezése egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mi az IP címem? Hol tudom megnézni az IP címem? - ha ezekre a kérdésekre keresed a választ, akkor pont jó helyen vagy! A cikkben megmutatom, hol éred el gyorsan a publikus IPv4 és az IPv6 (ha van) címedet.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. április 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/valtozasok-a-google-adsben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/03/goggle-ads-valtozasok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Változások a Google Adsben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Még február 4-én tette közzé a Google, hogy megszünteti a modified broadot. Gyakorlatilag összevonják a phrase match-csel, a kifejezésegyezéssel. Ez gyakorlatilag azt jelenti, hogy a phrase match is kezelni fogja…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-cache-tudni-erdemes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/03/wordpress-cache-tudni-erdemes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Amit a Wordpress cache-ről tudni érdemes</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress weboldal gyorsításában nagy szerepe van a cache-nek, amiről az alábbiakat érdemes tudni: növeli a felhasználói élményt és a javítja a konverziót és ...</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-honlap-gyorsitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/03/wordpress-gyorsitasa.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress honlap gyorsítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress oldalak gyorsítására egy bizonyos szintig egyszerű, csak pár dologra kell odafigyelned. Összegyűjtöttem neked 6 pontban a legfontosabb részleteket.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lets-encrypt-ssl-tanusitvany-beallitasa-directadmin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/03/lets-encrypt-ssl-tanusitvany-directadmin-https.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Let&#039;s Encrypt SSL tanúsítvány beállítása DirectAdmin felületen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenes SSL tanúsítvány beállítása DirectAdmin felületen a Let&#039;s Encrypt segítségével. Ha most szeretnél HTTPS -re váltani, csak kövesd a lépéseket!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-instagram-oembed-problema-wordpress/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2021/03/wordpress-oembed-problema-facebook-instagram.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook és Instagram oEmbed probléma megoldása WordPressben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook és Instagram oEmbed probléma megoldása WordPressben. Több megoldás is van, a cikkben ezeket vesszük végig és konkrét megoldást is ajánlunk!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/digitalis-fotokamerak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/07/digitalis-fotokamerak-fenykepezogepek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Digitális fotókamerák - Milyen fényképezőgépet vegyek?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot;Milyen kamerát vegyek?&quot; kérdésre ma már nehéz egyértelműen válaszolni, óriási a kínálat. A digitális kamerák összefoglalója segít választani!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. március 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-rest-api-tiltasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/wordpress-rest-api-tiltasa-1200x864-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress Rest API tiltása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPressben a 4.4 óta elérhető a REST API. Ez elsősorban a fejlesztők hasznos, mert segítségével könnyedén le tudnak kérni adatokat a weboldaltól akkor is, ha egyébként nincs semmilyen hozzáférésük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2021. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/reszletes-celzasbovites-bekapcsolva/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/10/facebook-reszletes-celzasbovítes-figyelmeztetes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Részletes célzásbővítés bekapcsolva!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A részletes célzásbővítés - ellenőrizd, mielőtt elindítod a hirdetéseket! Van, hogy a Facebook alapértelmezetten bekapcsolja.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. október 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mi-az-a-cdn-mikor-szukseges/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/10/mi-a-cdn-mikor-szukseges.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mi az a CDN és mikor szükséges?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mi az a CDN és mikor szükséges a használata? Tényleg jelentősen tud gyorsítani a weboldalon és mindenki számára ajánlott? Ezekre és még más kérdésekre is ...</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. október 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-powersuite-akcio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/09/seo-powersuite-akcio-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO PowerSuite akció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A világ egyik legismertebb és legteljesebb SEO szoftvercsomagja kétségkívül a SEO PowerSuite , amit évente 1-1 alkalommal óriási kedvezménnyel lehet megvásárolni. Azért is merem ajánlani itt a tutorialon is, mert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. szeptember 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wackowiki-bemutato-es-telepitesi-utmutato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/09/wackowiki-cms-tartalomkezelo-rendszer.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WackoWiki bemutató és telepítési útmutató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A wiki rendszer egy olyan interneten (böngészőből) elérhető felület, mely segítségével a látogatók egyszerű olvasóból szerkesztővé is válhatnak. Az ezzel készített weboldal egyes aloldalai mindenki számára szerkeszthetőek és olvashatóak, így…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. szeptember 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cache-gyorsitotar-mire-jo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/08/cache-gyorsitotar.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mire jó a cache, gyorsítótár?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Avagy a cache fogalma, előnyei, hogyan és mikor fontos a használata, mire jó stb... ha gyorsítanál a weboldaladon, ezt a cikket ne hagyd ki!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-maps-api-kulcs/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/08/google-maps-api-kulcs-keszitese-hogyan.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Maps API kulcs készítése - így csináld!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha nem szeretnéd, hogy weboldalad látogatói elhagyják böngészés közben a weboldalad, a Google Maps térképet így illeszd be!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. augusztus 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szolgaltatasmarketing-online/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/08/szolgaltatasmarketing-online-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szolgáltatásmarketing online</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szolgáltatásmarketing lehetséges folyamata, stratégiai tényezők, tervezési kérdések. Az online szolgáltatásmarketing buktatói.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. augusztus 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-idealis-facebook-celkozonseg-meret/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/08/idealis-facebook-celkozonseg-meret.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az ideális Facebook célközönség méret</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokszor felmerül a kérdés, és bizonytalanságot okoz, hogy mekkora célközönségeket használjunk a Facebook hirdetéseinkben. Hasznos infók a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. augusztus 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/betelt-tarhely-5-tipp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/07/tarhely-hosting-betelt.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">5 tipp, hogy elkerüld a betelt tárhelyet!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Betelt a tárhely? Íme 5 tipp, hogy ez ne történjen meg többet! Sok esetben okoz az problémát, hogy egyik pillanatról a másikra betelik a tárhely , ami általában azt eredményezi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. július 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-carousel-szoveges-hirdetesek-mar-magyarorszagon-is-tesztelik/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/07/google-carousel-text-ad.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google carousel szöveges hirdetések - már Magyarországon is tesztelik</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már Magyarországon is teszteli a Google a carousel szöveges hirdetéseket. Lássuk mi is lesz ez, mire bírhat hatással!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-kulcsszo-kereso-eszkozok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/07/ingyenes-kulcsszo-kereso-eszkozok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes kulcsszó kereső eszközök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenesen is elérhető kulcsszó kereső eszközök kulcsszókutatáshoz. Akár keresőoptimalizálásról, akár Google Ads search kampányokról van szó.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/youtube-keresooptimalizalas-video-seo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/07/youtube-keresooptimalizalas.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">YouTube keresőoptimalizálás (Video SEO)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Dallos Zoltán, az Alkalmazottból vállalkozó lettem című könyv szerzője avat be a YouTube keresőoptimalizálás rejtelmeibe. Érdemes tőle tanulni!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. július 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-ads-kulcsszokutatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/06/google-ads-kulcsszokutatas-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Ads kulcsszókutatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kulcsszókutatás teljes know-how! Milyen típushibákkal találkozunk a Google Ads fiókokban. Ötletek, tanácsok a kulcsszókutatás megtanulásához.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesek-kreativok-tesztelesenek-tervezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/06/facebook-hirdetes-teszteles.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetések - kreatívok tesztelésének tervezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan tervezzük a kreatív teszteket. Milyen csapdákba eshetünk bele a tervezéskor és, ezeket hogyan kerülhetjük el. Mit tegyünk, ha rövid kampányról van szó.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. június 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/osszefogva-edukal-a-magyar-keresomarketing-szakma/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/06/dimsz-keresomarketing-logo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Összefogva edukál a magyar keresőmarketing szakma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Keresőmarketing tudásanyagok ingyen! Kommunikációs hónapot indít a DIMSZ Keresőmarketing Tagozata. Emellett egy ingyenes kutatási anyagot is letölthetünk.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lehet-fontos-az-impression/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/impression.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lehet fontos az impression</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Impression, megjelenítés, az online marketing egyik fontos mérőszáma. Viszont ritkán kerül fókuszba. Lássuk, mikor válik mégis fontossá!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-ads-kereso-kampanyok-megjelenesre-optimalizalva-dragabb-a-jobb-pozicio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/05/megjelenesre-optimalizalt-google-search-kampanyok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Ads kereső kampányok megjelenésre optimalizálva – drágább a jobb pozíció?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elég ritka ugyan, de előfordul, hogy pozícióra optimalizáljuk a Google search kampányokat. Bár az átlag pozíció mérőszámot a Google Ads 2019. szeptemberében kivezette, de kaptunk egy algoritmust, és optimalizálási stratégiának…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdeteskezelo-letrehozasa-es-beallitasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/05/facebook-hirdeteskezelo-letrehozasa.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetéskezelő létrehozása és beállításai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook hirdetéskezelő létrehozása, beállítása lépésről-lépésre. Alapbeállítások, fizetés bekötése, Facebook hirdetéskezelő létrehozás a Business Managerből.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. május 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesi-fiok-feltores/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/05/facebook-fiok-feltores.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetési fiók feltörés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan előzhetjük meg a Facebook hirdetési fiókunk feltörését és mit tehetünk, ha már feltörték?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. május 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-ketfaktoros-hitelesites-beallitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/05/facebook-ketfaktoros-hitelesites-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook kétfaktoros hitelesítés beállítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan tudjuk beállítani a Facebook kétfaktoros hitelesítést? Ha hirdetünk is, célszerű a többi felhasználónak is kötelezövé tenni. De hogyan? Válaszok a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2020-aprilis-amikor-felborult-az-online-marketing-vilaga/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/05/2020-aprilis.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2020 április, amikor felborult az online marketing világa</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2020. április. Semmi nem olyan, mint megszoktuk, az online marketing sem. Lássuk az új tapasztalatokat!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ha-nem-mukodik-facebook-hasonmas-lookalike-lista-letrehozasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/04/facebook-lookalike-bug.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ha nem működik: Facebook hasonmás/lookalike lista létrehozása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook lookalike lista inkatív a &quot;Célközönség létrehozása&quot; gomb. Itt a megoldás rá!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. április 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uep-es-esp-erzelmi-eladasi-pozicio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/uep-esp.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">UEP és ESP – érzelmi eladási pozíció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">UEP és az ESP? Sokan használjuk, a marketingben, ha nem is tudatosan. Építsünk hatékonyabban érzelmi kapcsolatot célcsoportunkkal, a jobb eredményesség érdekében.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webshop-motorok-melyik-legjobb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/04/webshop-motor.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Webshop motorok: Melyik a legjobb számomra?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webáruház készítés talán legfontosabb kérdése: Vásárlás, bérlés – vagy esetleg ingyenessel érdemes elindulni? A cikkből megtudhatod!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-terkep-terulet-kiemelese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/04/google-terkepen-terulet-kiemelese.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google térkép - egy terület kiemelése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szitu : a szolgáltatásodat csak egy bizonyos területen belül tudod végezni. Vagy mondjuk kereskedő vagy és vállalsz házhoz szállítást, de nem futárszolgálattal hanem saját munkatársakkal és ezért nem országosan, csak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. április 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jarvanyveszely-mit-tehetunk-az-online-marketingben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/03/jarvanyveszely-mit-tehetunk-az-online-marketingben.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Járványveszély – mit tehetünk az online marketingben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az elmúlt napok ügyfél kommunikációját a koronavírus-járványveszély uralta. Több kampányt le kellett állítani vagy jelentősen módosítani. Vannak olyan cégek, melyek már teljesen leálltak, mások pedig a következő napokban tervezik a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. március 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-vallalkozaskezelo-business-manager-letrehozasa-es-beallitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/03/facebook-vallalkozaskezelo-letrehozasa.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook Vállalkozáskezelő/Business manager létrehozása és beállítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook Vállalkozáskezelő létrehozása. Facebook-oldal, hirdetési fiók hozzáadása, jogosultságok kezelése. Alap beállítások lépésről-lépésre!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. március 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/teaser-kampany/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/teaser-kampany.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Teaser kampány a PPC-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Teaser kampány: mi van a fogalom mögött. Hogyan, és mire használhatjuk, akár KKV-ként, kis budget-vel is. Ötletek és tippek a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/crawl-budget-optimalizalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/crawl-budget-optimalizalas-seo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Crawl budget optimalizálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan optimalizáljuk a weboldalunk feltérképezési keretét, avagy a crawl budget optimalizálása. Tudod, hogy mit jelent a crawl rate limit, crawl demand?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-marketing-tippek-es-alapok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/facebook-marketing.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook marketing tippek és alapok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook marketing alapok, tippek és trükkök kezdőknek és haladóknak. Ha úgy érzed lenne még hova fejlődni...</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/weboldal-tesztelesi-eljarasok-teljes-utmutato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/weboldal-tesztelesi-eljarasok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Weboldal tesztelési eljárások – teljes útmutató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyorsan változó világunkban az internet megkerülhetetlen információ forrássá vált. Üzlet döntéseink többségében az internetről informálódunk, sőt már a vásárlások egyre nagyobb részét is itt bonyolítjuk. Éppen ezért a vállalkozások számára…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/e-kereskedelem-es-42-ajanlott-konyv/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/hirek-1200x864-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">E-kereskedelem és 42 ajánlott könyv</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pusztai Ádám: &quot; Elgondolkodtam: vajon milyen tantárgyakat, milyen szakirodalmat raknék össze egy olyan képzésre, aminek a végén gamification tervezők röppennek ki a nagyvilágba? &quot; Ádám 5 olyan &quot;tantárgyra&quot; (projektmenedzsment, kutatásmódszertan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/februar-vegi-wordpress-seo-google-ajanlok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/hirek-1200x864-februar.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Február végi WordPress - SEO - Google - ajánlók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress oldalunk továbbfejlesztéséhez jó támpontot adhat a felhasználói tevékenység nyomon követése. Mit is csinálnak a felhasználók az oldalon? Milyen témakörök generálják a legnagyobb látogatottságot? Melyik plugineket használják a legtöbbet?…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdeteskezelo-tanfolyam-kepzes-hogyan-valasszunk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/facebook-hirdeteskezelo-tanfolyam.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetéskezelő tanfolyam, képzés – hogyan válasszunk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Segédanyag Facebook hirdetéskezelő tanfolyam választásához. Milyen jellegű képzések vannak, mit érdemes figyelembe venni a választáskor. Mire ügyeljünk.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/guide-a-dinamikus-keresesi-hirdetesekhez-dsa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/DSA-dinamikus-keresesi-hirdetesek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Guide a dinamikus keresési hirdetésekhez - DSA</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mikor, mire és hogyan használjuk. DSA kampánystruktúra, célzások, optimalizálás. A dinamikus keresési hirdetések buktatói és veszélyei.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ajanlo-dofollow-linkek-alap-seo-lista-webarculat-javitas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/ajanlo-20200212.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ajánló: Dofollow linkek, alap SEO lista és webarculat javítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az első benyomás minden területen fontos, ezért a weboldalunkat is érdemes ilyen szemmel megvizsgálni. Bármilyen színvonalas is egy oldal tartalmilag, ha rossz az összkép vagy nehezen lehet rajta navigálni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-feed-hirdetesekhez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/facebook-feed-hirdetesekhez.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook feed hirdetésekhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hol találjuk a Facebook feed setuphoz szükséges specifikációt. Milyen mezőket tegyünk a feedbe. Mire ügyeljünk feltöltéskor.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ajanlo-google-analytics-mitoszok-nemzetkozi-seo-12-marketing-fogas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/tutorial-hirek-20200208.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ajánló: Google Analytics mítoszok, Nemzetközi SEO és 12 marketing fogás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kétféle hazugság létezik: a sima hazugság és a statisztika, tartja egy mondás. A Google Analytics a statisztikák egész tárházát biztosítja, ám bármilyen nagy mennyiségű adat is felesleges, sőt káros lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-wp-meetup-budapest-sorozat-2020/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/wpmeetup-event-hatter.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes WP Meetup Budapest sorozat 2020-ban is</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">WordPress Meetup Budapest - újraindul 2020-ban is a nagy sikerű ingyenes WP előadásokat kínáló sorozat! Részletek, program, időpont, helyszín a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tiktok-hirdetes-magyarorszagon-nem-elerheto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/tiktok-hirdetesek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TikTok hirdetés - Magyarországon nem elérhető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megkerestük a TikTok hirdetési csapatát és sajnos azt a választ kaptuk, hogy a TikTok hirdetés Magyarországon nem elérhető.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rank-math-seo-plugin-title-tipp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/02/rank-math-seo-plugin-wordpress.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rank Math SEO plugin - TITLE (tipp)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Rank Math egy kiváló SEO plugin WP oldalakhoz és ajánlom én is. Ha korábban All In One SEO plugint használtál, akkor ez a tipp hasznos lesz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-tema-plugin-detektorok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/wordpress-pluginek-temak-felderitese.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress téma és plugin detektorok - melyik weboldal mit használ?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Volt már olyan, hogy láttál egy WordPress weboldalt és tetszett rajta valamilyen megoldás, de nem tudtad, hogy miként valósították meg ? Velem többször is előfordult mostanában, például minap Domán Zsolt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/brandepites-facebook-es-google-ads-kampanyokkal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/brandepeites_facebook_google_adsben.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Brandépítés Facebook és Google Ads kampányokkal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Brandépítés struktúra, eszközök, célok meghatározása. Avagy hogyan tegyük hatékonnyá és mérhetővé a brand kampányainkat.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-postok-hirdetese-nem-aktivitas-cellal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/facebook-post-nem-aktivitas-cellal.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook postok hirdetése nem aktivitás céllal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Facebook postok sokkal több lehetőséget jelentenek hirdetési szempontból, mint a boost/promoted post hirdetések. Megmutatjuk még mire használhatod!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-video-hirdetes-mi-van-a-hype-mogott/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/facebook-video-hirdetes-hype.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook videó hirdetés: mi van a hype mögött?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Esettanulmányon keresztül mutatjuk be, hogy milyen módon, céllal és esetekben lehet a tesztek alapján használni a Facebook videó kampányokat.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-foldrajzi-celzas-csapdaja-a-google-kampanyokban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/google-ads-foldrajzi-celzas-csapdai.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A földrajzi célzás csapdája a Google kampányokban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A földrajzi célzás látszólag igen egyszerű beállítása a Google kampányoknak. Vannak esetek, amikor mégis nagyon át kell gondolni, hogy használjuk őket.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesi-support-kapcsolatfelveteli-lehetosegek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/facebook-hirdetesi-support.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetési support, kapcsolatfelvételi lehetőségek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook hirdetési ügyfélszolgálata ugyan telefonon nem elérhető, de több lehetőségünk is nyílik arra, hogy hatékonyan fölvehessük velük a kapcsolatot.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-shopping-100/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/google-shopping-100.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Shopping 100</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Google Shopping 100 - mely termékek népszerűsége növekedett meg gyorsan az utóbbi időben? Mire keresnek mások, mi érdekli jelenleg az embereket?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesi-fiokhiba/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2020/01/facebook-fiokhiba.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetési fiókhiba</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mit fed a Facebook Hirdetéskezelőben a &quot;Fiókhiba&quot; jelzés és hogyan tudjuk megszüntetni, hogy újra futni kezdjen a fiókunk.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2020. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyakorlati-tanacsok-google-ads-kulcsszoegyezesi-tipusok-hasznalatahoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/google-ads-kulcsszoegyezes-gyakorlati-tanacsok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyakorlati tanácsok a Google Ads kulcsszóegyezési típusok használatához</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Látszólag könnyű, amikor elkezdjük a gyakorlatban is használni, azonban kiderül, hogy számos kérdésünk van. Ezekre adunk választ ebben a cikkben.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/3-kezdo-tipp-google-ads-kampanyok-menedzselesehez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/3-kezdo-tipp-google-ads-kampanyok-menedzselesehez.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">3 kezdő tipp Google Ads kampányok menedzseléséhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kezdőként számos olyan eset van, ami felett kellő ismeret hiányában, értetlenül állunk. Tippjeink Neked is választ adhatnak pár kérdésedre.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesek-hogyan-tanuljunk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/facebook-hirdetesek-hogyan-tanuljunk.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetések – hogyan tanuljunk?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Milyen módokon tanulhatunk? Hol érjük el a Facebook hivatalos ismeretanyagait? Hogyan érjük el az Ads Managert? Tippek a hatékony Facebook tanuláshoz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesi-fiok-minosege-account-quality-eszkoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/facebook-account-quality-eszkoz.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetési fiók minősége: Account Quality eszköz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facecook ingyenes Account Quality eszköze. Hasznos funkció, amivel nyomon tudjuk követni, hogy állnak a megfellebezett hirdetéseink.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-ads-tanulas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/google-ads-tanulas.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Ads tanulás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megmutatjuk milyen hivatalos Google ismeretanyagok állnak rendelkezésünkre. Továbbá tippeket, ötleteket adunk a tanulási folyamathoz.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-hirdetes-a-kezdetek-google-ads-fiok-letrehozasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/google-ads-kezdetek-fiok-letrehozasa.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google hirdetés - a kezdetek: Google Ads fiók létrehozása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan is kezdődik ez az egész? Mik az első lépések, ahhoz, hogy Google hirdetést tudjunk készíteni. Google Ads fiók létrehozása lépésről-lépésre.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/konkurens-kulcsszavak-kezelese-google-ads-kampanyokban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/konkurens-kulcsszavak-google-ads.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Konkurens kulcsszavak kezelése Google Ads kampányokban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hirdessünk, ne hirdessünk a konkurenciára? Ha hirdetünk, hogyan célszerű? Milyen etikai buktatókkal találkozhatunk? Válaszok a cikkben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mi-a-gond-google-ads-javaslatteteleivel-esettanulmany/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/mi-a-gond-a-google-ads-javaslatteteleivel.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mi a gond a Google Ads javaslattételeivel? - esettanulmány</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google számos javaslatot tesz a kampányaink kezeléséhez. Ezeket érdemes kritikával kezelnünk. Ebben az esettanulmányban bemutatom, hogy miért.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetes-5-1-tevhit/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/facebook-hirdetes-5-1-tevhit.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hirdetés 5+1 tévhit</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook hirdetésről több megkérdőjelezhető információ kering. Minek hihetünk és minek nem? Mi segít eldönteni, mi igaz, és mi nem?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesi-fiok-osszeomlasa-esettanulmany/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/facebook-hirdetesi-fiok-osszeomlasa.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egy Facebook hirdetési fiók összeomlása - esettanulmány</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mit tehetünk, ha összeomlik a Facebook hirdetési fiókunk. Mi segíthet a helyzeten. Ezt mutatom be egy megtörtént eseten keresztül.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hirdetesrol-tudnod-erdemes-cegvezetokent-marketingeskent/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/amit-a-facebook-hirdetesekrol-tudnod-erdemes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Amit a Facebook hirdetésről tudnod érdemes cégvezetőként, marketingesként is</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Marketingesként, cégvezetőként is hasznos egy alap szintű tudás. Busásan megtérülhet, illetve megóvhat minket a felesleges költségektől.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letiltott-facebook-hirdetesek-fellebbezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2019/12/letiltott-facebook-hirdetesek-fellebezese.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letiltott Facebook hirdetések fellebbezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letiltották a Facebook hirdetésem. Most mi legyen? Megfellebbezzem, vagy ne, inkább készítsek másikat? Megadjuk a választ!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2019. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/grafikonok-diagramok-egyszeruen-javascript/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2016/02/chartjs.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Grafikonok és diagramok készítése egyszerűen JavaScripttel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weboldalon többféleképpen is megjeleníthetünk grafikonokat, legegyszerűbben egy erre kitalált JavaScript plugin segítségével. Ezeken belül is több választásunk van, de talán a legismertebb a Google szolgáltatása mellett a Chart.js. Ez utóbbiról…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2016. február 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-google-szerint-a-404-es-hibak-nem-rontjak-oldalunk-helyezeset/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2016/06/google.404-hibak.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Google szerint a 404-es hibák nem rontják oldalunk helyezését</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webmesterek körében évek óta tartja magát a tévhit, miszerint minél több 404-es oldal, illetve hiba található honlapunkon, a Google annál több büntetést oszt ki számunkra, illetve annál hátrébb sorolja…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2015. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mekkora-gondot-jelentenek-a-404-es-hibak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2015/08/404-es-hibaoldalak-kezelese.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mekkora gondot jelentenek a 404-es hibák?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webmesterek bizonyára ismerik a Google Webmester Eszközökben megtalálható &quot; Feltérképezés / Feltérképezési hibák ” részt, ahol jól látható ha a googlebot 404-es linkre szalad. Többször hallotttam visssza én is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2015. augusztus 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-hozzunk-letre-egy-blogot-egyszeruen-es-gyorsan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2015/04/sozdat_blogi.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan hozzunk létre egy blogot egyszerűen és gyorsan?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Professzionális blog létrehozása egyszerűen, rövid idő alatt és teljesen ingyen a uCoz weboldalszerkesztő segítségével.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2015. április 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fekete-feher-kepek-keszitese-fotozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/12/perfect-photo-suite.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fekete-fehér képek készítése (fotózás)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Múltkoriban fekete fehér képek konvertálása kapcsán keresgettem különböző képszerkesztő alkalmazásokat, képek utómunkálataira kihegyezett szoftvereket illetve neten arról szóló leírásokat, hogy melyik fotós melyik programot és milyen megoldást ajánlja erre a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. december 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/belepes-kozossegi-halozatokkal-ucoz-os-honlapokon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/12/kozossbelep11.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Belépés közösségi hálózatokkal uCoz-os honlapokon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy, uCoz rendszerben készült honlapon eddig csak a uID regisztrációs és bejelentkezési rendszerben adatott meg a felhasználóknak a regisztráció, illetve a belépés lehetősége. Egy uCoz szakértő kifejlesztett egy PHP szkriptet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. december 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-ucoz-partnerprogram-ezuttal-webmestereknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/12/ucoz-startweb.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új uCoz partnerprogram, ezúttal webmestereknek!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az ingyenes weboldalszerkesztő , a uCoz ezúttal egy újabb partnerprogramot kínál fel azoknak a webmestereknek - függetlenül attól, hogy szabadúszókról vagy akár webstúdiókról van szó - akik a uCoz rendszerben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. december 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ucoz-animalt-3d-cimkefelho-kiegeszito/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/12/cimkefelho_tutorial_hu.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">uCoz - Animált (3D) címkefelhő kiegészítő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Miután létrehoztuk első honlapunkat az ingyenes és professzionális honlapszerkesztővel, a uCoz-zal , és hozzáadtunk pár anyagot, &quot;kidíszíthetjük&quot; weboldalunkat egy kis wigdgettel (kiegészítővel), amely a leggyakrabban használt kulcsszavakat jeleníti meg. Természetesen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. december 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tartalommarketing-strategia-5-lepesben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/10/tartalommarketing.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tartalommarketing-stratégia 5 lépésben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tartalommarketing ma egy nagyon divatos szó lett, amelyet ha konkrétan meghatározott célok mellett használnak, valóban nagyon sokat lendíthet az adott területen, de ha csak úgy a levegőbe durrogtatnak, akkor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. október 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/email-cim-mx-ellenorzes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/10/email.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Email cím MX ellenőrzés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számos szempont alapján ellenőrizhetjük a felhasználók által megadott email cím valóságát, a legegyszerűbb módszerektől a legnehezebbekig. Én most a kettő között szeretnék bemutatni egy viszonylag egyszerű megoldást. A végén adok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. október 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-keszul-a-jo-grafikus/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/09/photoshop-tanfolyam-webdesigner-kepzes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan készül a jó grafikus?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hozzávalók egy személyre: 1 egységnyi kockás inges fazon, egy csipetnyi tehetség és egy Adobe Photoshop program. Az egészet jól összerázzuk, hagyjuk észhez térni és monitor elé ültetjük. Ennél persze van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seoceros-ingyenes-magyar-seo-elemzo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/08/seoceros-logo1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEOceros - Ingyenes, magyar SEO elemző szolgáltatás mutatkozott be!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy új, magyar hátterű, ingyenes SEO alkalmazás mutatkozott be a napokban: a SEOceros.hu. Ahogy a neve is sejteti, egy keresőoptimalizálást segítő eszközről van szó. A SEOceros technikai csapata mindössze 3…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. augusztus 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-jelszavas-vedelem-weblapra-php-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/07/php-jelszavas-vedelem.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű jelszavas védelem weblapra PHP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elsőnek készítsünk egy form-ot: A check.php-ben vegyünk fel egy változót: Majd egy if feltétellel vizsgáljuk meg hogy a jelszó megegyezik-e a mi általunk meghatározottal: A két fájl letöltető innen. Ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. július 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csokolade-szoveg-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/07/legesvege.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csokoládé szöveg effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan készítsünk pár lépésből csokoládé hatású szöveg effektet. 1. Lépés Készítsünk egy új dokumentumot 960 X 640 pixel méretben &amp; 35;39312C háttérszínnel. Kétszer kattintsunk a háttérkép Layer -re a Layers…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. július 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/igy-futtasd-korbe-a-szoveget-photoshop-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/07/port2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Így futtasd körbe a szöveget Photoshop-ban!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szöveg igazítás bármilyen alakzathoz Photoshop-ban.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenesen-letoltheto-a-onone-perfect-effects-8-premium-edition/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/05/onone-perfect-effects-8.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenesen letölthető a onOne Perfect Effects 8 Premium Edition</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A képszerkesztő, képmanipuláló programok közül az egyik legjobb a onOne féle Perfect Photo Suite 8, amit most egy rövid ideig teljesen ingyen lehet letölteni a honlapjukról. Ha fotók manipulálásáról van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-vallalkozok-nagy-ebook-csomagja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/05/ebook-csomag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online vállalkozók nagy ebook csomagja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A bundlehunt.com oldalon most elég nagy kedvezménnyel lehet megvenni egy ebook csomagot, melyet az alábbi témákból állítottak össze: - Design - HTML5 és JS - Adwords - Prezentáció - Közösségi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/olvastalan-levelek-szama/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/04/Topic10NotesImage4-e1396796461665.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Olvastalan levelek száma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap egy olyan oldalon dolgoztam, ahol több helyen is ki kellett íratni az olvasatlan levelek számát. Ilyen és hasonló esetekre nagyon hasznos a Function használata. Az alábbi kódot ments…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. április 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/oldalankent-valtozo-js-fajl/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/includejs.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Oldalanként változó JS fájl</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán a cikk neve egy kicsit érdekesen hangzik, de aki belesett az alábbi problémába, az egyből érteni fogja miért is adtam ezt a nevet. Talán sokan olvastátok már Harder php…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wtf-html-and-css-hasznos-tanacsok-gyakorlo-sitebuildereknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/sitebuild-tanacsok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WTF, HTML and CSS? - hasznos tanácsok gyakorló sitebuildereknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mark Otto, az ex-Twitter Bootstrap készítője szedett össze több olyan hasznos tippet, tudnivalót, trükköt amit gyakorló sitebuildereknek érdemes tudnia. Nem a szokásos tanácsok, sokkal inkább olyan kis trükkök amik ismerete…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/brutalisan-jo-google-drive-ajanlat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/google-drive-arak-csomagok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Brutálisan jó Google Drive ajánlat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Láttátok, hogy milyen brutálisan jók az új csomagárak a Google Drive-n? Konkrétan havi 1.99 dollárért (ez most kb 450 Ft) kapunk most 100 GB helyet , havi 9.99 dollárért (kb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-biztonsag-oktatovideo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/wordpress-video-biztonsag.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress biztonság (oktató videó)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itt a blogon is többször volt már szó a Wordpress-ről és úgy általában a biztonságról , szerintem nem lehet erről elégszer beszélni. A wordpress-t remek rendszernek tartom, de mint minden…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-modszer-hogy-a-photoshop-gyorsabb-legyen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/top10_run_faster_final.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 módszer, hogy a Photoshop gyorsabb legyen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Optimalizálni a Photoshop teljesítményét életbevágó lehet, ha nagy méretű képekkel dolgozol, vagy olyan funkciókat használsz, mint a HDR, fényképek egyesítése, 3D vagy a videó rétegek. Ebben a tutorialban kaphatsz pár…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-3-9-hirek-jovahagytak-a-widget-customizer-t/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/widget-customizer-wp-szerkesztes1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 3.9 hírek - jóváhagyták a Widget Customizer-t</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Widget Customizer bővítmény felszállt, és nemsokára landol a Wordpress 3.9-es verziójában. :) A fő fejlesztési találkozón jóváhagyták, hogy a bővítmény a Wordpress része legyen. Korábban a widget-ek szerkesztése közben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nofollow-linkek-a-google-oldalon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/google-plus-nofollow.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nofollow linkek a Google+ oldalon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem az utóbbi 1-2 nap híre de itthon nem sok nyomát láttam ennek az “újításnak”, szóval ... A hír lényege: a Google &quot;NoFollows&quot; linkekké alakította a Google+ profilos linkeket A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-adobe-photoshop-14-2-cc-ujdonsagai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/adobe-photoshop-cc.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az Adobe Photoshop 14.2 (CC) újdonságai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Teljes útmutató: Mi az újdonság az Adobe Photoshop 14.2-ben Az egyik legnagyobb előnye az Adobe Creative Cloud-nak az a sebesség, amivel az új funkciókat le tudják feljeszteni. Anno amikor az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forgo-fogaskerek-animacio-ps/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/03/forgo-fogaskerek-animacio-photoshop-video-tutorial.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Forgó fogaskerék animáció - PS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan készítsünk forgó animációt Adobe Photoshop segítségével. Sokak számára ez az egyszerűnek tűnő feladat nagy nehézségeket okoz és nem véletlenül. Amikor egy egyszerű mozgó animációt készítünk (pl: pattogó labda), akkor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/darktable-ingyenes-raw-editor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/darktable-raw-vegeredmeny.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Darktable - ingyenes RAW editor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki kicsit is foglalkozott/foglalkozik fotózással, biztosan belefutott a RAW formátumba és abba, hogy ennek feldolgozása a legtöbb oprendszer alatt bizony fizetős szoftverekkel oldható meg leginkább. Persze 1-1 ingyenes megoldás mindenhol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vegtelen-scrollozasu-oldalak-seo-ja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/google-seo-vegtelen-scroll.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Végtelen scrollozású oldalak SEO-ja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A végtelen scrollozású (infinite scroll technika) oldalak kapcsán szóba kerülni, hogy bár sokak szerint alapvetően ez egy elég jó megoldás a felhasználók miatt (szerintem nem feltétlenül), a SEO hátrányai miatt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megvaltozik-a-google-analytics-kinezete/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/google-analytics-side-bar.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megváltozik a Google Analytics kinézete</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bár nálam még nem történt meg a váltás, de a Google Analytics Google+ fiókjában már megjelent a hír miszerint a Google Analytics felületét módosítják a navigációs és a bal menüsáv…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mennyit-keresnek-mashol-az-informatikusok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/webes-fizetesek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mennyit keresnek máshol az informatikusok?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A moz.com-on most jelent meg « How Your Salary Compares to Online Marketers Across the World » címmel az cikk, melyben a legfrissebb adatok láthatóak arról, a világ többi részén…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/valentin-napi-otletek-2014/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/valentin-napi-otletek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Valentin napi ötletek - 2014</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Valentin nap idén is lesz, egészen pontosan 2014. február 14-én, pénteken lehet megünnepelni a szerelem napját. Ennek alkalmából átfésültem az idei valentin napos híreket, oldalakat, cikkeket és igyekeztem kigyűjteni azokat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-google-nofollow-linkekke-alakitotta-a-google-profilos-linkeket/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/02/google-plus-nofollow1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Google &quot;NoFollow&quot; linkekké alakította a Google+ profilos linkeket</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap a Google+ tagjai arra lettek figyelmesek, hogy a Google+ hirtelen &quot; NoFollow &quot; attribútumot adott a profiljukon lévő linkek nagyrészének. Ezért ha ellátogatsz a saját profil oldaladra a Google+…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kezdo-csomagok-wordpress-theme-kesziteshez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/01/wordpress-starter-theme.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kezdő csomagok Wordpress theme készítéshez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Évekkel ezelőtt volt egy bejegyzésem amiben Wordpress theme készítéshez ajánlottam egy direkt erre a célra kialakított Theme fájlt (ezt akkor Sandbox-nak hívták). Bár mostanában nem igazán építek már ennyire 0-ról…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. január 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-music-gyorsbillentyuk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/01/play-google-music-2014.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Music gyorsbillentyűk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az gondolom nem nagyon újdonság, hogy most már itthon is elérhető a Google Music (Zene - Google Play), a blogon egyszer már írtam róla a &quot;Google Music – Google Play…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. január 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-buntetes-ellenorzese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/01/google-buntetes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google büntetés ellenőrzése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan ellenőrizhetjük hogy oldalunkat büntette-e a Google. Négy egyszerű, de megbízható módszer.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. január 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/paypal-hogy-tudom-lemondani-az-automatikus-havi-elofizetest/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2014/01/paypal-12.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Paypal - hogy tudom lemondani az automatikus havi előfizetést?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">avagy hogy lehet az automatikus havi kifizetéseket letiltani egy szolgáltatás esetében, ha már nincs rá szükség? Amikor 1-1 szolgáltatásra feliratkozol a neten, nagyon oda kell figyelni arra, hogy sokszor valahol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2014. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-web-designer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/10/google-web-designer.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Web Designer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a Google által támogatott HTML5 editor - Google Web Designer - első beta verziója, ami PC-re és Mac-re lehet letölteni. url:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. október 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/oriasi-designer-csomag-szinte-fillerekert/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/09/design-csomag1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Óriási designer csomag szinte fillérekért</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ritkán szoktam csak fizetős csomagokat ajánlani, de ezt most nagyon jól összeválogatták. Az alábbiakat kapod meg 39 dollárért: - 3233 ikon - 8 Bootstrap theme - 250 iOS7 ikon -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tombok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/09/php-tombok-tutorial-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP tömbök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP tömbök a nyelv alapját képezik. Ha hatékonyan akarsz programozni, jól meg kell ismerned a php tömbök használatát.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-valtozok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/09/php-valtozok-video-tutorial.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP változók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a cikkben a PHP változók egyszerű típusait ismerheted meg. A PHP a legelterjedtebb szerver oldali nyelv, tanuld meg és keress pénzt a weben!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-alapok-telepites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/09/phpcode-287392.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP alapok, telepítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ismerd meg a PHP nyelv alapjait egyszerű oktató videók segítségével, magyarul. Telepítünk egy szervert a gépre és abban futtatunk PHP kódot.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/180-designer-leggyakrabban-hasznalt-programjai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/09/designer-infografika.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">180 designer leggyakrabban használt programjai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A bestvendor.com-on volt egy bejegyzés reggel amit olvastam: &quot;Infographic: The Most Popular Design Tools&quot;. 180 designer által a legygyakrabban használt programot fogja össze ez az infógrafika. A teljes kép itt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sublime-text-2-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/08/Sublime_Text_Logo.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sublime Text 2 használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a cikkben a sublime text 2 program telepítését és néhány hasznos funkcióját fogom bemutatni videóban és szövegesen is.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-theme-nyelvesites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/08/wordpress-nyelvesites.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress theme nyelvesítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy apró kis leírás lesz, de talán másnak időt spórolok meg vele. A wordpress nyelvesítésről van szó, de nem az alap rendszeréről hanem a theme fordítás részéről. Az alap…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. augusztus 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/101-hasznos-eszkoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/08/onlineeszkozok1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10+1 hasznos eszköz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikkben összeszedtem 10+1 olyan weboldalt, mely az informatikai szakembereknek a webfejlesztés vagy keresőmarketing munkájukat nagyban megtudja könnyíteni. http://validator.w3.org A weboldal validitása a keresőoptimalizálásban már közel sem olyan fontos mint…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. augusztus 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-online-tv-nezes-nezd-a-kedvenc-musoraidat-ahonnan-csak-akarod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/07/online-tv-ingyenes-magyar-rtl-klub-tv2-e1375007074551.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes Online TV nézés - Nézd a kedvenc műsoraidat, ahonnan csak akarod!</h3>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/joomla-biztonsag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/07/joomla-biztonsag.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Joomla biztonság</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Joomla CMS hackerek körében is népszerű célpont, ezért egy rövid 5 pontos útmutató, hogyan tegyük biztonságossá oldalunkat.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. július 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-biztonsag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/01/wordpress-biztonsag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress biztonság</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A bloggingpro.com egy 6-os listával segíti a wordpress biztonságosabbá tételét. - mozgasd át a wp-config.php fájlodat más helyre - szedd ki a forrásból a wp verziószámát - védd a wp-includes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/25-kulonosen-hasznos-wordpress-function-trukk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/06/wordpress.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">25 különösen hasznos Wordpress function trükk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kíváncsi vagy 25 olyan wordpress function trükkre, mellyel a wp honlapod jobb lesz? Akkor nézd át ezt a listát!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-fejlesztoi-allas-az-abaco-hu-nal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/05/abaco.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP fejlesztői állás az Abaco.hu-nál</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Munkahely + ZEND PHP vizsga felkészítés Egy norvég ügyfelünk projektcsapatába keresünk PHP fejlesztőt, akit felkészítünk a Zend vizsgára is. Amit nyújtunk - munkaidő: 8-17 óráig, ebédszünettel - zuglói iroda (</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ucoz-partnerprogram/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/03/ucoz-partnerprogram.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">uCoz partnerprogram</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A partnerprogram egy jutalékos pénzkereseti rendszer, aminek lényege, hogy azok után a felhasználók után, akik a mi ajánlásunkon keresztül hoznak létre aktív honlapot a uCoznál, azok után pénzt fizet a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. április 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cinemagraph-a-mozgo-allokep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cinemagraph, a mozgó állókép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy animált GIF kép, aminek csak egy része, vagy részei mozognak. Jamie Beck és Kevin Burg fotósok keltették életre 2011 - ben. Mozgóképre vagy képsorozatra van szükség hozzá. After…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. április 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/text-machanic-online-szovegmanipulator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/02/szoveg-manipulator-text-mechanic.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Text Machanic - online szövegmanipulátor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a bejegyzést annak szentelem, hogy figyelmedbe ajánljam az egyik legjobb online szövegmanipuláló szolgáltatást, mely a textmechanic.com címen érhető el. Szinte azt mondhatom, hogy minden egyes nap használom valamelyik funkcióját…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. február 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepek-optimalizalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/02/kepek-optimalizalasa.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képek optimalizálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég írtam a mactippek.com oldalon egy olyan asztali szoftverről, amivel a képeket lehet optimalizálni 1-1 oldal kapcsán. Gondolok itt persze most a képek fájlméretére, a felesleges információk eltávolítására a gyorsabb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. február 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mit-tehetek-ha-meghackeltek-a-wordpress-oldalam/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/02/hack.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mit tehetek, ha meghackelték a Wordpress oldalam?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Feltörték a wordpress honlapodat? Nem tudsz belépni?  5 lépés, amit feltétlenül meg kell tenned, hogy újra teljeskörűen birtokba vehesd!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. február 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-briefly-unavailable-for-scheduled-maintenance-check-back-in-a-minute/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/01/wordpress-maintenance-mode.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress: Briefly unavailable for scheduled maintenance. Check back in a minute.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előbb futottam bele abba, hogy a honlapomon egy ilyen üzenet fogadott: Briefly unavailable for scheduled maintenance. Check back in a minute. Épp frissítettem plugineket és az egyik csak tekert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. január 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2012-legkeresettebb-kifejezesei-magyarorszagon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2013/01/keresesi-trendek-2012-magyarorszag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2012 legkeresettebb kifejezései Magyarországon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google minden évben kiadja ezeket a keresési trendeket, idén is vannak benne vicces vagy épp mulatságos, meglepő eredmények :) Google Zeitgeist 2012 :</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2013. január 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/django-alapok-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/12/django-keretrendszer.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Django alapok 1.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Django egy nyílt forráskódú 2.0 webalkalmazás keretrendszer. Python nyelven írodott, amely követi a model-view-controller mintát. Elsődleges célja, hogy megkönnyítse a komplex adatbázis alapú weboldalak létrehozását. Először is telepítenünk kell…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. december 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flux-slider/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/11/flux-slider.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flux Slider</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Találtam ma a hírek között egy nagyon jónak tűnő slider-t Joe Lambert-től (hardveres gyorsítás, CSS3/JS alapú, 2D és 3D képátmenet effektek), amit itt lehet megnézni: URL:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. november 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-egyszeru-kereso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/01/php-logo1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP egyszerű kereső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a tutorial a PHP Tutorial videó sorozatnál feltett kérésre készül. A posztban bemutatott kereső felhasználók között keres, természetesen a logika alapján MYSQL-ben tárolt oldalakban, vagy tartalmakban is kereshet. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. november 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tutorial-4-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/php-tutorial-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP tutorial – 4. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A 4. részben a HTML űrlapról, illetve annak a feldolgozásáról esik szó. Sajnos az utóbbi időben nem volt időm videót felvenni, most végre tudom folytatni a tutorialt. A héten felkerül…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. november 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ucoz-linkek-bejegyzesekbe-illesztese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/ucoz-videotippek1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">uCoz – Linkek bejegyzésekbe illesztése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szöveg szerkesztése közben az összes linkelési lehetőség a rendelkezésünkre áll egy uCoz honlapon. Használhatjuk a vizuális ( WYSIWYG ) szerkesztőt, ahol a szöveg kijelölése után csak az eszköztár Hyperlink…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. november 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-like-gomb-ucoz-honlapba-illesztese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/ucoz-videotippek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook Like gomb uCoz honlapba illesztése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy uCoz honlapon lehetőségünk van rá, hogy a bejegyzéseinkhez a ma már oly népszerű közösségi oldalak, mint például a Facebook „Tetszik” gombját hozzáadjuk. Mivel a gombot csak bizonyos modulokhoz lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/menu-szerkesztese-ucoz-honlapon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/ucoz-videotippek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Menü szerkesztése uCoz honlapon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor létrehozunk egy honlapot a uCoz rendszerében, alapesetben tartalmazni fog egy főmenüt az oldal. A főmenü annak függvényében folyton változik, ahogy újabb és újabb modulokat aktiválunk az oldalon. Amint egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tartalom-feltoltese-es-modulok-vezerlese-a-ucoz-rendszereben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/ucoz-videotippek1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tartalom feltöltése és modulok vezérlése a uCoz rendszerében</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A moduláris felépítésének köszönhetően egy, a uCoz rendszerében létrehozott honlap rengetegféleképpen épülhet fel, kezdve egy híroldaltól, a blogon át, egészen a webáruházig – rengeteg lehetőségünk van az elemeket tetszés szerint…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-letrehozasa-az-ucoz-rendszereben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/ucoz-videotippek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlap létrehozása az uCoz rendszerében</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amint a regisztráción túl vagyunk, azonnal meg is kezdhetjük a berendezkedést. A uNet adminisztrációs felületén belépve egy úgynevezett WebTop on találjuk magunkat. Az elnevezés a Desktop után szabadon – hiszen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltes-eroltetese-ismert-fajltipus-eseteben-is/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/10/almos.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letöltés erőltetése ismert fájltípus esetében is</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Felmerült ma délután egy kérdés és mivel hirtelen én sem tudtam rá a pontos választ, utánanéztem. A kérdés az alábbi volt: hogy lehet a böngészőt letöltési ablak feldobására kényszeríteni még…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regisztracio-a-ucoz-rendszerebe/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/ucoz-2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Regisztráció a uCoz rendszerébe</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha igénybe kívánjuk venni a uCoz ingyenes honlapépítő szolgáltatását, mindössze egy regisztrációra van szükség. Regisztrálni bármilyen valós e-mail címmel lehet, amire fogadni tudjuk a regisztrációt megerősítő e-mailt. Akár egy ideiglenes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tutorial-3-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/php-tutorial-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP tutorial - 3. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A MySQL műveleteket illetve a PHPMyAdmin-t mutatom be ebben a php tutorial videóban.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. október 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tutorial-2-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/php-tutorial-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP tutorial – 2. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a videóban néhány funkció, a változók, elágazás, ciklus illetve tömbök kerülnek bemutatásra.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tutorial-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/php-tutorial-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP tutorial - 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">PHP Tutorial videó sorozat az alapoktól egy login rendszer elkészítése.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-ucoz-ingyenes-weblapszerkeszto-bemutatasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/ucoz-honlapkeszites.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A uCoz – ingyenes weblapszerkesztő – bemutatása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A uCoz egy 2005-ben indult orosz vállalkozás, amely mára már nemzetközivé vált, és elég dinamikusan terjeszkedik. Ma már több mint 16 nyelven ( köztük magyarul is ) kínálja elérhetőségét a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tablet-emulator-online-tablagep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/tablet-emulator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tablet Emulator - online táblagép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">KGC osztotta meg Facebook-on és szerintem is hasznos oldal, úgyhogy ajánlanám figyelmedbe, ha tesztelni akarsz táblára. A site - tablet-emulator.org - tetején egyébként érdemes megnézni a többi emulátort is: -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-share-gomb-hogyan-tedd-ki-egyszeruen-a-honlapra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/facebook-share-megosztas-gomb.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook Share gomb - hogyan tedd ki egyszerűen a honlapra?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha arra a kérdésre keresed te is a választ, hogy hogyan lehet egy Facebook share gombot kitenni a honlapra a legegyszerűbb módon, akkor jó helyen jársz. Annyira egyszerű, hogy nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-google-helyezes-vizsgalo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/09/google-helyezes-vizsgalo-szoftver.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes Google helyezés vizsgáló</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem új a program és régen használtam is, időről-időre ajánlani szeretném 1-1 ismerősömnek csak nem ugrik be a neve. Most kiteszem a tutorial.hu-ra is hogy aki eddig nem találkozott vele…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-html5-boilerplate-v4-0-0/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/08/html5-boilerplate-4.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a HTML5 Boilerplate v4.0.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a népszerű front-end template rendszerének legújabb verziója, érdemes szedni és frissíteni aki használja. letöltés:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/augusztusi-pix-mag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/08/pix-mag-webdesign-magazin.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Augusztusi PIX:MAG</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az első szám sikerén felbuzdulva itt a folytatás sok-sok érdekes és hasznos cikkel, csak ajánlani tudom én is! Katt a képre vagy erre a linkre:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. augusztus 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sajat-google-kereso-hozzaadasa-honlapunkhoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/08/logo3w.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Saját Google kereső hozzáadása honlapunkhoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon egyszerű lesz a dolgunk: Hozzunk létre egy formot az alábbi beállításokkal: Két input mezőt is adjunk hozzá: Ha jól dolgoztunk, így néz ki a kódunk: Így pedig a keresőnk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. augusztus 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-realisztikus-graffiti-tetko/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/body-tattoo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop realisztikus graffiti - tetkó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissuk meg a fotót és a graffitit. A graffitit jelöljük ki, ha PNG akkor a legegyszerűbb CTRL nyomva tartva és a réteg miniatűr fölé húzzuk az egérmutatót, és bal klick…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pixlr-express-az-online-kepszerkeszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/Untitled-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pixlr Express - Az online képszerkesztő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Éppen négy éve indította útjára Ola Sevandersson svéd fejlesztő a Pixlr nevű képszerkesztő programot, míg tavaly felvásárolta az Autodesk cég, mely ismert lehet számunkra mint a világ vezető cége a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-eszkoztar-ujdonsagok-a-cs6-os-verzioban-2-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/head1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop eszköztár (Újdonságok a CS6-os verzióban) 2. Rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tekintsük át az Adobe Photoshop CS6 eszköztárat (Toolbar) és nézzük meg milyen újdonságokkal leptek meg minket a szoftver fejlesztői.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-illustrator-intelligens-segedvonalak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/61.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Illustrator - intelligens segédvonalak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Illustrator hatékony és gyors használatának alapköve az intelligens segédvonalak (Smart Guides). Helyes használatukkal képes leszel gyorsabban és egyszerűbben dolgozni!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pixmag-digitalis-webdesign-es-online-trend-magazin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/pixmag.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PIX:MAG - digitális webdesign és online trend magazin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a PIX:MAG digitális webdesign és online trend magazin első, ingyenes próbaszáma Tóth Zsuzsannának köszönhetően! A magazinban nagyon sok érdekes témát és cikket találtam. Nem szeretném mindegyiket előre lelőni, de…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egy-kihagyhatatlan-plugin-yoast-wordpress-seo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/07/wordpress-seo-plugin-yoast.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egy kihagyhatatlan plugin: Yoast Wordpress SEO</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az egyik legjobb és legteljesebb ingyenes Wordpress SEO plugin manapság a Yoast féle megoldás. A Wordpress keresőoptimalizálás egyik leghatékonyabb fegyvere, ismerd meg Te is!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/logotervezes-illustratorral/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/06/31.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Logótervezés Illustratorral?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha még csak most ismerkedsz a grafika világával lehet, hogy már hallottál róla de sosem értetted, hogy pontosan mire is való. Aki grafikát kezd tanulni, az esetek túlnyomó részében a Photoshoppal kezdi. Ebben a cikkben megtudhatod, hogy miért elengedhetetlen az Illustrator használata is, ha a reklámgrafikával szeretnél foglalkozni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. július 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/div-et-generalo-wordpress-bovitmenyek-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DIV-et generáló WordPress bővítmények használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amennyiben értéket tulajdonít az ember a szabványos kódnak a szép megjelenés mellett , akkor egy-egy ilyen WordPress fícsör is nyomozás alá kerül. Bevallom nem néztem át alaposan a wp-includes/formatting.php belsejében…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/geo-url-alkalmazas-geotagging-es-adatok-megjelolese-html-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/06/geotagging.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Geo URL alkalmazás - geotagging és adatok megjelölése HTML-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy 2012-ben készülő honlap már nem csak az emberknek, a látogatóknak készül, hanem a különböző robotoknak is. Például keresők robotjai, vagy közösségi oldalak robotjai. Az információkat nem csak emberek számára…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-biztonsag-es-specialis-wordpress-vedekezesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/01/wordpress-biztonsag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlap biztonság és speciális WordPress védekezések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Összefoglalom a napi rutin részét képező teendőket és a preventív hosting lépéseket, amelyek néhány biztonsági résen keresztüli támadást meggátolnak, és jelenthetővé válnak a behatolási próbálkozások (támadások), mivel a támadók általában…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-eszkoztar-ujdonsagok-a-cs6-os-verzioban-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/06/featured.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop eszköztár (Újdonságok a CS6-os verzióban) 1. Rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ismerd meg a Photoshop CS6 legújabb eszközeit és újdonságait! A CS5-höz képest számos újítást vezettek be, érdemes használni őket!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zenhtml-kodolj-egyszerubben-gyorsabban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/06/zen-html-kodolas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ZenHTML - Kódolj egyszerűbben, gyorsabban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A ZenHTML (Zen kódolás) a hagyományos kódírás egy gyorsabb, hatékonyabb formája, mely kevesebb gépeléssel jár. Ha szeretnéd jelentősen csökkenteni a kódolási idődat, jó helyen jársz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-photoshop-cs6-irasok-a-magyar-neten/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/adobe-photoshop-cs6.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Photoshop CS6 írások a magyar neten</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elkezdtem összeszedni, hogy milyen magyar nyelvű leírások jelentek már meg a neten az Adobe Photoshop CS6-tal kapcsolatban. url: http://pixinfo.com/cikkek/adobe&amp; 95;photoshop&amp; 95;cs6&amp; 95;beta Jó összegzés az újdonságokról, az alábbi bontásban: bevezető…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/itt-a-google-penguin-1-1-update/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Itt a Google Penguin 1.1 update</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itt a Google Penguin frissítése, 1.1-es verzióval. Ha első körben a Pingvin elkapott, ellenőrizd a lapod mostani helyezéseit. Segítséget a cikkben találsz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-facebook-nem-tamogatja-a-chrome-t/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/facebook-tamogatott-bongeszok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A facebook nem támogatja a Chrome-t</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A facebbok a továbbiakban nem támogatja a Google Chrome böngészőt. Az ajánlott böngészők között ott a Firefox, az Opera és meglepő módon az Internet Explorer is.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/teljes-honlap-lementese-httrack-website-copier-hasznalataval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Teljes honlap lementése HTTrack Website Copier használatával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha teljes honlapot szeretnél lementeni, ha szükséged van egy weboldal offline elérhetőségére, akkor windows alatt használd a HTTrack Website Copier-t e leírás alapján.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nagy-webaruhaz-felmeres-2012-pdf/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/nagy-webaruhaz-felmeres-2012.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nagy Webáruház Felmérés 2012 (PDF)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Idén is ingyenesen letölthetővé vált a Nagy webáruház felmérés legújabb változata. A PDF-ben sok hasznos információt találsz webhop, webáruház témában. Töltsd le most!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zocial-ingyenes-css3-gombkeszlet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/zocial-screenshot-set-31.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Zocial - Ingyenes CSS3 gombkészlet</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Manapság általánossá vált közösségi gombok elhelyezése honlapunkon. Ha nem vagy designer egyből az az ötleted támad (legalábbis nekem biztos), hogy keresel egy ingyenes ikonkészletet. De ha ezek túl kicsik és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/teged-is-megcsapott-a-google-pingvin-szarnya/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/google-pingvin-update1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Téged is megcsapott a Google Pingvin szárnya?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha a lapodat is sújtja a legújabb Google algoritmus változás, a Google Pingvin update, itt az ideje hogy képbekerülj és megszabadulj tőle!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mp3-letoltes-youtube-rol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/ingyenes-youtube-to-mp3-konvertalas-09.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MP3 letöltés a Youtube-ról</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha szeretnél MP3 zenéket letölteni ingyen, Ha szeretnél youtube to mp3 convertert találni ami működik is, akkor olvasd ez ezt a leírást, GARANTÁLTAN tetszeni fog!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fixie-js-sitebuildereknek-kodolj-hatekonyabban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/fixiejs.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fixie.js sitebuildereknek - kódolj hatékonyabban!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Találtam ma egy nagyon hasznos JS-t (fixie.js), amely arra hivatott, hogy a sitebuilderek életét kicsit megkönnyítse. Méghozzá azáltal, hogy a fixie.js használatával nem kell az egyes HTML elemekhez mintatartalmat adni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-photoshop-hirek-megjelent-a-legujabb-camera-raw-v7-1-rc/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/adobe-photoshop-camera-raw.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Photoshop hírek: Megjelent a legújabb Camera Raw v7.1 RC</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elérhető és letölthetővé vált a legújabb Photoshop Camera Raw v7.1 RC, ami sok új kamerához biztosítja a RAW támogatást illetve a profilok terén is újdonságokat tartalmaz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szerezd-meg-a-smashing-magazine-7-db-webfejleszteses-konyvet-te-is/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/smashing-magazine-bundlehunt-konyv-csomag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szerezd meg a Smashing Magazine 7 db webfejlesztéses könyvét Te is</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Töltsd le Te is a Smashing Magazine legújabb 7 db ebook-ját (elektronikus könyvét) a BundleHunt oldalról, ha érdekel a Wordpress, Photoshop és más webfejlesztés témakör!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/datumok-es-idopontok-eltavolitasa-wordpress-honlaprol-egyszeruen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/datum-torlese-wordpress.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dátumok és időpontok eltávolítása Wordpress honlapról egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapkészítés során számos olyan eset lehet, amikor nincs szükség a dátumok kiiratására. Pl. benne van az URL-ben és a lapon már felesleges, vagy olyan a téma amikor nincs értelme kitenni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sitewide-linkek-optimalizalasa-wordpress-menuben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/google-pingvin-update.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sitewide linkek optimalizálása Wordpress menüben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki nem foglalkozik aktívan SEO-val (keresőoptimalizálás), valószínűleg nem is hallott a Google legújabb algoritmus frissítéséről, amit Pingvinnek neveztek el ( Penguin update ). A pingvin update célja, hogy visszaszorítsa azokat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/majusi-tutorial-hu-frissitesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/frissites.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Májusi tutorial.hu frissítések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Alakítottam pár dolgot a lapon, bár ez számotokra valószínűleg nem fog nagy, látványos változásokkal járni. A szövegek olvashatóbbak lettek (betűméret, sortáv stb... változott), módosítottam egyes dobozok szélességén is. A jobb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/15-nagyszeru-html5-es-css3-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/html5-css3-generator.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">15 nagyszerű HTML5 és CSS3 generator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webdesigner depot-on jelent meg nemrég egy jó kis gyűjtemény 15db HTML5 és CSS3 generátor szolgáltatást felsorolva, amik között vannak tényleg jók és hasznosak. A CSS 3 Generator szerintem már…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-lehet-megszuntetni-a-honlap-vizszintes-ugralasat-lapvaltaskor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/05/css-trukk.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan lehet megszüntetni a honlap vízszintes ugrálását lapváltáskor?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az olyan honlapok, amelyek nem elég hosszúak ahhoz, hogy a böngésző jobb oldali gördítősávját (csúszka sáv, scrollbar) automatikusan megjelenítse, különös jelenség áll elő. Főleg olyan honlapoknál venni ezt észre, ahol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-webmestereszkozok-ellenorzes-ultraweb-en/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/uw.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Webmestereszközök ellenőrzés Ultraweb-en</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Google Webmestereszközök ellenőrzés Ultraweb tárhelyen HTML fájl segítségével Módszerek Mivel a Google Webmaster Tools-ban a következő módszerek nem működnek az uw.hu tárhelyen: -</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-drive-es-dropbox-arak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/google-drive-telepites.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Drive és Dropbox árak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most este kaptam meg én is a mail-t, melyen értesítettek a Google Drive szolgáltatásról, ezentúl elérhető nálam is. A telepítés egyszerűen ment, letölt/klikk-klikk/elfogad/indít ... szóval semmi extra. A program első…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-cs6-szoftvercsomag-sajtokozlemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/adobe-cs6-programcsomag.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe CS6 szoftvercsomag - sajtóközlemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe Systems Incorporated a mai napon bejelentette az Adobe Creative Suite 6 termékcsalád és az Adobe Creative Cloud szolgáltatást a nyomtatásra, illetve a webes és mobileszközökre szánt tartalmak tervezői…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-chrome-vs-google-webfonts-problema/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/chrome-vs-google-webfonts.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Chrome vs Google Webfonts - probléma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Belefutottam egy igen érdekes problémába a minap: a Google Chrome nem jeleníti meg rendesen a Google Webfont-okat (vagy legalábbis egyes fontokat biztos nem). A szöveg helyett krikszkraszokat rajzol ki, mutatom…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-theme-generatorok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/wp-paintbrush-wp-theme-generator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress theme generátorok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">ha Wordpress oldalhoz szeretnél egy új theme-t , nagyjából az alábbi lehetőségeid vannak: 1.) Elkészíted magadnak 1.1) Felépíted nulláról 1.2) Átalakítasz egy már meglévőt (legyen az akár fizetős, akár ingyenes)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-ingyenes-es-premium-wordpress-themek-kollekcioja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/04/pim-premium-wp-theme.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új ingyenes és premium wordpress themek kollekciója</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A hírek, újdonságok között mindig figyelem a wordpress theme gyűjteményeket, legyenek azok akár ingyenesek, akár fizetősek (ez a premium kategóriára jellemző). Az utóbbi időszakból az alábbiak tetszettek, amiket Neked is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. április 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-photoshop-cs6-beta-letoltes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/adobe-photoshop-cs6-letoltes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Photoshop CS6 Beta letöltés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Te már letöltötted az Adobe Photoshop CS6 legújabb beta verzióját, amit ingyen lehet tesztelni egy korlátozott ideig? Ha nem, kattints az alábbi linkre és töltsd le Te is a PS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-e107-tartalomkezelo-rendszer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/logo_template1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az e107 tartalomkezelő rendszer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weboldalak készítésekor minden új projekt esetében felmerülnek bizonyos kérdések, melyek megválaszolása nagyban befolyásolja a leendő oldalunk minőségét és felhasználhatóságát. Milyen funkciókat szánunk majdani oldalunkra? Milyen legyen a külcsín? Mire fogjuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-algoritmus-valtozasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google algoritmus változások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">TLoF küldött egy nagyon jó kis infógrafikát ma reggel, amit meg is osztanék Veletek, szerintem hasznos lesz.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nincs-internet-adsl-kapcsolat-hibakereses/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/adsl-problema.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nincs internet - ADSL kapcsolat hibakeresés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogy nincs internet - az ADSL kapcsolat megszakadt -, onnan lehetséges megtudni, hogy a következő listán végig megy: - ADSL internet vonalam van? - Van a kábelen szolgáltatás? - A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pinterest-wordpress-themek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/pinterest-wordpress-theme.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pinterest - Wordpress themek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ismered a Pinterest.com-t? Ha nem, olvasd el az alábbi cikkeket, jól összefoglalják, miért is olyan &quot;nagy szám&quot; ez a viszonylag új oldal. - Mi is az a Pinterest? - Miért…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webalkalmazas-fejlesztes-napjainkban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/arth2o-blog.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Webalkalmazás fejlesztés napjainkban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap futottam bele ARTH2O oldalán egy cikkbe és amúgy is ajánlani akartam már Nektek a blogját, most itt az ideje hogy aki még nem ismeri, fel tudja venni a kedvencek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kozel-30000-wordpress-t-tortek-fel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/03/wordpress-biztonsag.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Közel 30000 Wordpress-t törtek fel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár napja több mint 30000 Wordpress alapú honlapot törtek fel, ideje frissíteni, ha még nem tetted meg!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. március 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/biztonsagos-fajlfeltoltes-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/02/biztonsagos-file-feltoltes-php.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Biztonságos fájlfeltöltés PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP-val való publikus fájlfeltöltésnél a biztonságra ügyelni kell. Vannak olyan gyakran használt ellenőrző módszerek, amik nem állják meg a helyüket, de egyszerűen javíthatóak. Először is néhány tévhit az ellenőrzésekről…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. február 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/min-device-width-css-gond-megoldasa-internet-explorer-ben-jquery-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/02/jquery-logo1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">min-device-width CSS gond megoldása Internet Explorer-ben jQuery-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sok webdesigner szeretné használni ezt a technikát, ezidáig viszont mellőznie kellett. A megoldás viszont új lehetőségeket kínál Internet Explorer alatt is.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. február 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/foto-manipulalas-fenykep-modositas-fotosoknak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/02/camerabag-2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fotó manipulálás &amp; fénykép módosítás - fotósoknak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy ideje már szemezek olyan programokkal, megoldásokkal, amelyekkel kicsit különlegesebb hatású képeket tudok készíteni az általam készített fotókból, fényképekből. Szándékosan írok képeket , mert tudom hogy a fotósok zöme hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. február 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/after-effects-out-of-bounds/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">After Effects Out of Bounds</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">After Effects-ben az a legjobb, hogy szinte minden olyan effektet amit Photoshopban szerettünk itt sem kell nélkülöznünk. Egy kis optikai csalódással felvértezve ál 3D hatást lehet kreálni. After Effects-ben az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. január 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-10-legnepszerubb-designer-alkalmazas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/01/designer-programok-felmeres.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A 10 legnépszerűbb designer alkalmazás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fastcodesign.com oldalán jelent meg egy infógrafika arról, hogy 10 népszerű témában milyen szoftvereket használnak leginkább a designerek. Nem meglepő módon elég sok Mac-es program is van közöttük, ami annak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uzenofal-script/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/01/uzenofal-script.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Üzenőfal script</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lapon szerepel már 2 üzenőfalas leírás, de ezek korábbiak kicsit. A Üzenőfal honlapra c. leírás 2004-es, míg a Üzenőfal készítése c. tutorial 2005-ös. Felmerült a hozzászólásokban, hogy ezeket a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-3-x-telepites-az-atw-hu-webtarhely-szolgaltatonal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/01/atw-wordpress.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress 3.x telepítés az atw.hu webtárhely szolgáltatónál</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan állítsam be a WordPress-t ATW tárhelyen? Mit van letiltva az ATW szolgáltatónal?</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. január 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jobb-agyfeltekes-rajzolas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2012/01/jobb-agyfeltekes-rajzolas.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Jobb agyféltekés rajzolás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Eddig nem volt olyan, hogy kuponos oldal 1-1 ajánlatát ajánlottam volna és a jövőben sem tervezem, de ez most annyira a lap témájába vág, hogy nem akarom kihagyni. A jobb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2012. január 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-tokeletes-honlap-anatomiaja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/12/toketes-honlap.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A tökéletes honlap anatómiája</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">a R.O.I Media készítette el tökéletes honlap anatómiája c. ábrát, melyen sok hasznos infót lehet megtalálni. Ha a felépítés kapcsán túl sok újdonságot nem is mond, de az egyes elemek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-3-3/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/12/wordpress-3.3.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress 3.3</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a WordPress 3.3 , letölthető magyar nyelven is, amiért DjZoNe-nak jár a köszönet. Igazán lenyűgöző, hogy az angol verzió megjelenése után milyen gyorsan elérhető a magyar verzió is. Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/karacsonyi-nyeremenyeso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/12/ucoz-karacsonyi-nyeremenyjatek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Karácsonyi nyereményeső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A napokban már írtunk a uCoz.hu ingyenes weblap készítő szolgáltatás versenytársakkal szemben felmutatott előnyeiről, így most ezzel részletesebben nem fogunk foglalkozni. Az eredeti írást megtaláljátok itt. Ami viszont sokkal érdekesebb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. december 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-tudsz-egyedi-facebook-likebox-kesziteni/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/egyedi-facebook-likebox.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan tudsz egyedi Facebook likebox-t készíteni</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Viktor (Totalstudio) barátom írt egy nagyon jó facebook-os tutorialt arról, hogy lehet egyedi (skinezett) Facebook Likebox -t készíteni. A leírás nagyon részletes, nekem tetszett és szerintem neked is hasznos lesz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-nyelvvalaszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/ini1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP nyelvválasztó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyszer mindenki elérkezik odáig, hogy több nyelvű honlapot kell készítenie. Ilyenkor jön a nagy kérdés, hogy adatbázissal csináljuk-e meg avagy sem. Ez a kérdés merült fel bennem is. Utánajártam kicsit…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aranymetszes-kalkulator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/aranymetszes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Aranymetszés kalkulátor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aranymetszés, golden ratio, Phi érték, isteni arány ... sok neve van, grafikában (is) ismert fogalom amit most nem szeretnék ragozni, csak egy eszközt mutatni hozzá: Egy nagyon egyszerű online szolgáltatás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pixlr-online-kepszerkeszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/pixlr-online-kepszerkeszto.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pixlr - online képszerkesztő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy szimpla ajánló lesz, de megérdemel egy külön bejegyzést szerintem. Ha épp nincs kéznél egyetlen képszerkesztő program sem, de szükséged lenne valamelyik funkcióra, csak ezt a címet jegyezd meg:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/50-db-ingyenesen-letoltheto-konyv-programozoknak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/50-ingyenesen-letoltheto-konyv.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">50 db ingyenesen letölthető könyv programozóknak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">TLoF ajánlott nemrég egy oldalt, ahol 50 db olyan elektronikus könyvet lehet letölteni, ami programozóknak lesz hasznos. A lista: 1. Integrating PHP Projects with Jenkins 2. PHP and MySQL Web…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/milyen-betutipussal-irtak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/milyen-betutipussal-irtak.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Milyen betűtípussal írták?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára már Veled is esett meg, hogy szeretted volna megtudni 1-1 tetszetős betűtípusról, mi is a pontos neve. Én eddig a WhatTheFont! « MyFonts oldalt használtam, de most itt van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/freeuikits-com-ingyenes-psd-sablonok-photoshophoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/ingyenes-photoshop-psd-letoltheto-ingyen-2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FreeUIKits.com - ingyenes PSD sablonok Photoshophoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Remek oldal, ajánlanám minden grafikusnak! Az ilyen linkek mindig jól jönnek, népszerű témákat dolgoznak fel (lsd youtube, iphone4, facebook, mac os x stb.) és elég sok időt lehet megspórolni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/instagram-filterek-photoshop-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/instagram.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Instagram filterek Photoshop-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">iPhone tulajok bizonyára ismerik az instagr.am alkalmazást, amivel divatos és szerintem kimondottan kellemes effektekkel színesíthetjük az elkészített képeinket. Főleg Facebook-on látni ilyen fotókat. A szolgáltatáshoz jelenleg nincs desktop alkalmazás, ám…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlapkeszites-maskepp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/11/ucoz-honlapkeszites.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlapkészítés másképp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha ingyenes blogokról és weblapokról van szó, sokaknak automatikusan a WordPress ugrik be, mint elsődleges platform. Jóllehet ez a rendszer jótékony hatással van a honlapunk keresőmotorokban nyújtott teljesítményére, ám csak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. november 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/azonos-oszlopmagassag-jquery-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/10/jquery-azonos-magas-oszlop.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Azonos oszlopmagasság jQuery segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára mindenkivel előfordult már, hogy egy olyan layout-ot kellett összeraknia, ami több oszlopból áll, de nem mindig az lap alsó részéig ér le a tartalom, azaz nem 100%-os magasságú a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dropbox-helyett-10-hasonlo-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/10/dropbox-alternativ.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dropbox helyett - 10 hasonló program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kollegám/barátom - Viktor - szólt, hogy írt egy cikket, ami a Dropbox helyett használható programokat szedi össze, nézzem meg és ha tetszik, tegyem ki a lapra is. A leírása szerintem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-piwik-1-6/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/10/piwik-1-6.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a Piwik 1.6</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most jött az értesítés, hogy a Piwik - online statisztikai rendszer - kihozta a legújabb, 1.6-os frissítést amit minden gond nélkül fel is lehet tenni (én is most tettem meg)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/talalkozas-a-wordpress-fejlesztoivel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Találkozás a WordPress fejlesztőivel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">DjZoNe (Lakatos Zsolt -</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/30-hasznos-infografika-webdesignereknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/10/html5.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">30 hasznos infografika webdesignereknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már nem tudom, hogy hol láttam ezt a linket minap - talán nem is érdekes most már - de elraktam, hogy hasznos és nézzem át. Szerintem Te is találsz benne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-ne-legyen-hatassal-a-talalati-listara/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/10/google-plus-testreszabasa.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google+ ne legyen hatással a találati listára</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google+ manipulálja a találati listádat kereséskor. Ha nem tetszik, hogy rossz eredményt kapsz, tiltsd le ezt a funkciót Te is!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. október 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/50-szazalek-kedvezmeny-az-adobe-videovagi-szoftvereire/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/adobe-videos-szoftver-50-kedvezmeny-e1317373149852.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">50%-os kedvezmény az Adobe videós szoftvereire</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most kaptam hírlevélbe, hogy az Adobe videós szoftvereit 50%-os kedvezménnyel lehet most megvenni. Részlet az akcióból: - Amennyiben az alábbi termékek bármelyikével rendelkezik, Ön jogosult az 50%-os kedvezmény igénybevételére: -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-adsense-vizualis-hirdeteseknel-mostantol-megtalalhato-a-1-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/google-adsense.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az AdSense vizuális hirdetéseknél mostantól megtalálható a +1 gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma reggel jött, jó ha tudtok Ti is a legújabb módosításról, ami az Adsense felhasználókat érinti: Üdvözöljük! A jövő hónaptól kezdődően bevezetjük a +1 gombot és a személyes ajánlásokat a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/set-expires-gyorsitsd-a-honlapod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/apache-set-expires.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Set Expires - gyorsítsd a honlapod</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jöjjön most egy másik honlapgyorsítási lehetőség, az &quot; expires &quot;. Szintén a . htaccess -be kell beletenni és azt a célt szolgálja, hogy bizonyos fájltípusokat ne akarjon a böngésző gyakrabban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gzip-tomorites-gyorsitsd-a-honlapod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/gzip-tomorites-compression.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gzip tömörítés - gyorsítsd a honlapod</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Gzip tömörítés (Gzip compression) igencsak felgyorsíthatja a lapodat letöltődési sebességét. Azt ugye talán mondani sem kell, hogy a lapok betöltődési ideje, sebessége egyre fontosabb szempont lesz a jövőben (és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/auto-refresh-plus-aktiv-forumozoknak-hasznos-chrome-kiegeszito/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/auto-refresh-plus-beallitasok.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Auto Refresh Plus - aktív fórumozóknak hasznos Chrome kiegészítő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Auto Refresh Plus - aktív fórumozóknak hasznos Chrome kiegészítő az oldalak automatikus újratöltéséhez. Kötelező darab Google Chrome alá!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hungarian-stop-words/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/hungarian-stop-words.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hungarian stop words</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hungarian stop words avagy a magyar stopwords lista, melyet 2020-ban frissítettem. Használható például SEO kapcsán egy TF-IDF elemzéskor.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xvid-kodolas-premiere-pro-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/09/xvid-codec-settings.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xvid kódolás Premiere Pro-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha a szívünkhöz nőtt az Xvid kódolás, a Premiere Pro meg a pénztárcánkhoz, nem kell nélkülöznünk egyiket sem. Ez az együttműködés egyike volt még nem is olyan régen a lehetetlen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/input-mezok-default-szovege/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/08/forms.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Input mezők default szövege</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Felmerült egy kérdésként, hogy lehetne egy login oldal tartalmánál (belépési név és jelszót kell megadni) jelezni a felhasználók számára azt, hogy melyik mező milyen adatot vár. A mezők fölé (alá…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-html5-boilerplate-2-0/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/08/html5-boilerplate-2.0.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a HTML5 Boilerplate 2.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a népszerű HTML5 Boilerplate 2.0-ás legújabb verziója site: http://html5boilerplate.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-matrica-felhajtott-sarokkal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/07/Matrica2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű matrica felhajtott sarokkal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi videókban egy egyszerű matrica elkészítése van bemutatva lépésről lépésre. Gyakran lehet ilyeneket látni, webshop-okon de egyéb termék oldalakon is, ezért arra gondoltam, bemutatok egy egyszerűbbet azok számára akik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/iso-erzekenyseg-avagy-ami-a-photoshop-elott-van/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/07/ISO1600.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ISO érzékenység, avagy ami a Photoshop előtt van</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Digitális gépeknél a fényérzékelő szenzor határozza meg, hogy milyen lesz a fotónk. A fényviszonyoknak megfelelő beállítást kell alkalmaznunk, minél világosabb van annál kevesebb ISO szükséges. Automata módban ezt elvégzi helyettünk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. július 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/magyar-ikonkeszlet-1-dollarert/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/07/magyar-ikonkeszlet.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Magyar ikonkészlet 1 dollárért</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Viszt Péter - alias passatgt - készített egy ikongyűjteményt, melyben jelenleg 201 ikon található meg és a későbbiekben a tervek szerint bővíteni is fog. A gyűjteményben nem csak maguk az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. július 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thumbnail-kepek-beallitasa-wordpress-sablonban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/07/thumb.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Thumbnail képek beállítása WordPress sablonban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Thumbnail kép használatára WordPress 2.9 verziótól van lehetőség. Ahhoz azonban, hogy használni tudd a thumbnail képeket a sablonodnak tartalmaznia kell bizonyos kódrészleteket. Amennyiben a sablonod már tartalmazza a beállításokat a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-lett-a-clearbox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/07/clearbox.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes lett a ClearBox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A méltán népszerű ClearBox szerzője - pyro - írta meg az örömteli hírt mail-ben, hogy teljesen ingyenessé tette a scriptet, akár kereskedelmi célzattal is szabadon felhasználható. URL: http://clearbox.hu/</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bluegriffon-wysiwyg-szerkeszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/bluegriffon-wysiwyg-szerkeszto.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BlueGriffon WYSIWYG szerkesztő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent egy új WYSIWYG szerkesztő BlueGriffon néven, amit azzal reklámoznak hogy a Firefox 4 motorját (Gecko) használja, robosztus és modern. Ami még pozitív benne, hgoy több oprendszer alatt is elérhető…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/minimal-portfolio-weblap-photoshopban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/Portfolio_Weblap3.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Minimal portfolió weblap Photoshopban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lenti videó gyűjtemény egy minimál stílusú weblap grafikai elemeinek elkészítését hivatott bemutatni az első lépéstől az utolsóig. A tutorial elsősorban kezdőknek szól, mivel az alapok vannak bemutatva. A lapot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dvd-keparany-modositas-ujra-rendereles-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/ifo-finish.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DVD képarány módosítás újra renderelés nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az IFOedit nevű ingyenes programot fogjuk használni, amit DVD buherátorok biztos, hogy ismernek. Sajnos még a méregdrága Encore DVD is képes arra, hogy nem azt a képarányt produkálja a renderelés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/4-tumblr-seo-tipp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/tumblr-seo-theme.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">4 Tumblr SEO tipp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tumblr blogot indítani és azt tartalommal feltölteni könnyű. Itthon nem örvend óriási népszerűségnek tudomásom szerint, még az én ismerőseim között is viszonylag kevesen használják (pedig sok jó értelembe vett &quot;kocka&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nevjegykartya-sablon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/letoltheto-nevjegykartya-sablon.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Névjegykártya sablon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Envato letölthetővé tette mások számára is a fajta névjegykártya sablonját, mely a tervezést képes megkönnyíteni némileg. 2 méretben letölthetőek a fájlok és mindegy elérhető PSD, Indesign (INDD) és EPS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-fuggvenyek-javascriptben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/phpjs.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP függvények Javascriptben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">PHP fuggvenyek Javascriptben</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-ujsag-vagy-jelentsd-be-magad/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/online-magazines.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online újság vagy? Jelentsd be magad!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most olvastam az index-en, hogy 2011. június 30-ig be kell jelenteni az online újságokat, különben akár 1 milliós büntetésre is számíthatnak. Hogy mely oldalakat kell majd bejelenteni, az egyelőre még…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-1-gomb-a-honlapodra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/06/google-plusz-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google +1 gomb a honlapodra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Google +1 gomb a honlapodra avagy a Google új közösségi megosztó szolgáltatása</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android-program-designereknek-es-fejlesztoknek-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/NewImage.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android program designereknek és fejlesztőknek - I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem állítom, hogy ezek nélkül nem lehet élni, sőt ... :) inkább csak poénnak jó a többségük illetve 1-1 vészhelyzet esetén jöhetnek jól (főleg a szerkesztők). Tehát egy lista android-os…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android-program-designereknek-es-fejlesztoknek-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/wordpress-mobile.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android program designereknek és fejlesztőknek - II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző rész folytatása és még több android-os program :) Kedvenc FTP kliens programom, gyakorlatilag minden fontosabb képesség meg van benne. Phoenix Mysql Client Ha valami óhatatlan vágyat éreznél és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/premiere-pro-time-remapping-egyszeru-lassitas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/premiere-pro-time-remapping.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Premiere Pro - Time Remapping, egyszerű lassítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a legegyszerűbb technika a lassított felvétel készítésére. A Time Remapping (idő újraszámítás) effektet fogjuk használni. Ez a legegyszerűbb technika a lassított felvétel készítésére. A Time Remapping (idő újraszámítás) effektet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/youtube-mp3-letoltes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/youtube-video-letoltes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Youtube MP3 letöltés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Youtube-ról videót (FLV, MP4) és zenét letölteni (MP3), konvertálni egyszerűbb, mint gondolnád! Ha érdekel a módszer, olvasd el a tutorial-t most!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android-t-mobile-vodafone-telenor-internet-es-mms-beallitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/android-t-mobile-apn-beallitas.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android T-Mobile, Vodafone, Telenor internet és MMS beállítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Androidos telefonon (pl. Samsung Galaxy S) T-Mobile, Vodafone, Telenor internet illetve MMS beállítása részletesen. T-Mobile H és T-Mobile H MMS adatok itt!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/samsung-galaxy-s-frissitese-android-2-3-3-gingerbread-re/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/samsung-galaxy-s-i9000-gingerbread-android-2.3.3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Samsung Galaxy S frissítése Android 2.3.3 Gingerbread-re</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha frissíteni szeretnéd Samsung Galaxy S telefonod 2.1 vagy 2.2.1-es rendszerét a legújabb, 2.3.3-as Gingerbread Androidra, itt legrészletesebb leírás hozzá!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/site-speed-uj-funkcio-a-google-analytics-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/site-speed-google-analytics.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Site speed - új funkció a Google Analytics-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">BoGyesz hívta fel a minap erre a hírre a figyelmet a SEO fórumon, de a kérésnek megfelelően eddig nem lett belőle hír. Asszinkron kódban a módosítás: Ebből ez a sor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/profi-leave-color-effect-after-effects/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/leave-color-mask.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Profi Leave Color effect - After Effects</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi videó tutorial eredménye inkább Sin City effektként lehet ismerős sokak számára ... egyetlen színt fogunk meghagyni a videóban a többi fekete-fehér marad. Az alábbi videó tutorial eredménye inkább…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-3-online-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/css3-generator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS 3 online generator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itt a legújabb CSS3 online generator. Megnéztem és teljesen jó kódot generál, használata meglehetősen egyszerű, egyértelmű. Egy mintakód, amit generált: Link: CSS3 Generator - By Eric Hoffman &amp;amp; Peter Funk</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/berelheto-photoshop-es-egyeb-adobe-termekek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/adobe-creative-suite-5.5.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bérelhető Photoshop és egyéb Adobe termékek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Újdonság, hogy a nemrég megjelent 5.5-ös Adobe termékcsomag egyes vagy összes elemét most már akár havonta, bérlős formában is magunkénak tudhatjuk. Bár magyar árak még nincsenek, de az USA árak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elrte-jquery-alapu-wysiwyg-html-szerkeszto-ingyenes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/elrte.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">elRTE jQuery alapu WYSIWYG HTML szerkeszto INGYENES!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">elRTE, jQuery alapú html szerkesztő</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-videokonferencia-hivas-akar-4-en-egyszerre-fringen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/05/fring.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes videókonferencia hívás akár 4-en egyszerre - Fringen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenes 4 felhasználós videókonferencia szolgáltatást nyújt ingyen a Fring legújabb verziója.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2-hasznos-link-domain-regisztraciohoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/04/szellemi-tulajdon-nemzeti-hivatal.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2 hasznos link domain regisztrációhoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot;Megszünik a .hu 2 hetes várólistája&quot; c. SEO Fórum topicban tett be 2 linket Celithrandil , amit jómagam is hasznosnak tartok domain regisztrációja előtt (pont belefutottam egy problémás domainbe…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyorsabb-hu-domain-regisztracio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/04/hu-domain-regisztracio-nic.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyorsabb .hu domain regisztráció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">TLoF-nak thx, amiért felhívta a figyelmet a nic.hu hírlevelére: idézet: A domain az igény benyújtását követő műszaki és adminisztrátori ellenőrzést követően &quot;Feltételes használatba adásra&quot; kerül, azaz az igénylő műszakilag használni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. április 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sm-mag-magazin-2011-aprilis/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/04/sm.mag-2011-aprilis.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">sm.mag magazin 2011. április</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a sm.mag magazin legújabb, 2011. áprilisi száma. Letöltés:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. április 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lezerkard-tutorial-2-after-effects/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lézerkard tutorial 2-After Effects</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel az előző tutorial okán, a sok penezgetés miatt mindenki feje fölött ott lebeg az ínhüvelygyulladás réme, ezért most egy új technikát mutatok be. Sajnálatos módon a pluginek nem mindig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-smmag-2011-3-szama/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/03/smmag20113.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a sm.mag 2011-es 3. száma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a sm.mag ingyenes offline közösségi média magazin legújabb száma (2011/03) és letölthető az alábbi linkre kattintva, PDF formátumban: http://smmag.eu/</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sitemap-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/03/sitemap-generator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sitemap Generator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma kollegámmal belefutottunk egy új project kapcsán abba, hogy egy lapról sitemap-t kellett volna generálni, de amit eddig használtunk ( Create your Google Sitemap Online - XML Sitemaps Generator )…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. március 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lyukas-kez-tutorial-after-effects/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lyukas kéz tutorial - After Effects</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorial segítségével egy olyan effektet lehet majd létrehozni videóban, mintha a kéz lyukas lenne. Ehhez az effekthez némi előkészület is szükséges. Kettő videót kell készíteni, az egyik amikor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jquery-pluginek-gyujtemenye-magyarul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/02/jquery-pluginek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">jQuery pluginek gyűjteménye magyarul</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy rövid ajánló lesz, mivel ma találtam először ezzel a lappal és igencsak megtetszett:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. február 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-hackelest-felderito-script/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/02/wphackdetector.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlap hackelést felderítő script</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap Merras írt egy hasznos és tanulságos bejegyzést a blogjára Életveszélyes WordPress SEO spamek, amik kinyírhatják a helyezéseidet címmel, ami szóbakerült egy chat-en mint wordpress, wordpress feltörés, hackelés stb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. február 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lezerkard-tutorial-after-effects/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/02/finish.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lézerkard tutorial - After Effects</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Star Wars - Jedi lézarkard készítését sajátíthatod el e lézerkard tutorial segítségével. After Effects felhasználóknak kötelező!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. február 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hdr-kepek-online-keszitese-egyszeruen-es-ingyen-yohdr-com/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/hdr-300x225.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">HDR képek online készítése egyszerűen és ingyen - Yohdr.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokakban az a tévhit van, hogy HDR (High Dynamic Range) képeket csak a profi fotósok tudnak készíteni. Ez koránt sem így van, pár egyszerű lépéssel, külön szoftver nélkül mi magunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. február 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/out-of-bounds-amikor-valaki-kijon-a-kepbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/kiserdoben.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Out of bounds, amikor valaki kijön a képből</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissuk meg a szerkeszteni kívánt fotót, készítsünk egy rétegmásolatot, CTRL+J kombináció, majd hozzunk létre egy új réteget a két fotóréteg alá. A legfelső réteget egyelőre kapcsoljuk ki. A kerekített téglalap…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kedvencek-es-bongeszofulek-szinkronizalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/xmarks-logo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kedvencek és böngészőfülek szinkronizálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő leírás azoknak szól, akik több gépen is neteznek és gyakran vannak úgy mint én is: egyik gépen kezdem a netezést (monjuk asztali pc reggel), majd átmegyek egy notira…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cartoonize-avagy-keszits-kepregeny-hatasu-fotokat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/tigris-effektezve.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cartoonize - avagy készíts képregény hatású fotókat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap láttam - talán Facebook-on - egy olyan szolgáltatást, ahol egész jópofa képregény hatású avatarokat lehetett készíteni. Akkor felírtam magamnak egy emlékeztetőt a telefonba, hogy majd nézzek utána a neten…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/w3c-html5-logo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/html5-logo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">W3C HTML5 logo</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a W3C HTML5 logo hivatalos verziója. Az oldalán (</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/premiere-pro-sin-city-effekt-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Premiere Pro - Sin City effekt tutorial</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Adobe Premiere Pro programmal a videók szelektív színezése (sokan Sin City effekt-ként ismerik) egyszerűbb, mint azt gondolnád ... ismerd meg a módszert most!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/45-ingyen-letoltheto-konyv-webfejleszteshez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/45-ingyen-letoltheto-konyv.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">45 ingyen letölthető könyv webfejlesztéshez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ok, ez a bejegyzést illetve a linket a Propono -n (ajánlom egyébként is mindenki figyelmébe az oldalt) láttam először iraszl -nak köszönhetően , de ennyire hasznosnak gondolom, hogy én is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/content-aware-scale-fotok-nyujtasa-osszenyomasa-torzitas-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2011/01/Content-aware-scale-finish.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Content Aware Scale fotók nyújtása-összenyomása torzítás nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a funkció hasonlít a Transform Tool - hoz, viszont intelligensebb mert rendelkezik Protect móddal. Ha megnyitunk egy képet akkor ez a funkció az Edit fülön belül található, természetesen szürke…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2011. január 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dropbox-1-0/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/12/dropbox1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dropbox 1.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár napja jött ki a népszerű szinkronizáló szoftver legújabb, 1.0-ás változata, szerintem érdemes frissíteni a klienseket akár Windows, akár Mac alatt. Aki esetleg nem tudná, hogy pontosan miről is van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. december 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nincsmail-hu-spamvedelem/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/level-irasa.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">nincsmail.hu - spamvédelem</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Régebben is volt ilyen (majdnem ilyen) szolgáltatás de most ennek megörültem, mert a korábbiak közül a legtöbb már megszűnt és azok többsége amúgy is úgy működött, hogy a mailcímedet meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fotok-rendszerezese-es-biztonsagi-mentesuk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/adobe-photoshop-lightroom.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fotók rendszerezése és biztonsági mentésük</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fotók rendszerezése és biztonsági mentésük Adobe Lightroom, SyncBack Freeware és külső merevlemez használatával.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kodreszlet-com-avagy-kodreszletek-snippetek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/kodreszlet-gyujtemeny.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kodreszlet.com - avagy kódrészletek, snippetek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy új oldalamat mutatnám be Nektek, ami igazából 1 célt szolgál: kódrészleteket, kód töredékeket tárolok online , hogy bárhol elérjem őket. A lap létrehozása előtt számtalan asztali (Mac OS X…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-gomb-fulek-ele-helyezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/totalstudio.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox gomb fülek elé helyezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Próbáltad már az új - igaz még beta - Firefox-t? Én még nem, de kollegám, HeNtEs már igen és azt mondta, hogy a sebessége okés viszont van egy elég idegesítő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-framework-wordpress-theme-gyujtemeny-css-okossagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/css_framework_01.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS Framework, Wordpress theme gyűjtemény és CSS okosságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jöjjön pár gyorshír az elmúlt hétről, amikről legalább említés szintjén szeretnék szót/linket ejteni: A CSS framework-ökről már volt szó korábban is, alapvetően jó dolognak tartom őket egyes feladatoknál, mert gyorsítanak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogpress-seo-plugin-spamveszely/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/blogpress-seo-plugin.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BlogPress SEO Plugin - spamveszély</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">BlogPress SEO Plugin - veszélyes Wordpress plugin, melynek telepítése nem ajánlott. A cikkben azt is megtudhatod, mi az oka és mire érdemes figyelni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/superseo-2011-keresooptimalizalasi-szakkonferencia/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/superseo-konferencia1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SuperSEO 2011 - Keresőoptimalizálási szakkonferencia</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki esetleg még nem értesült volna róla, 2011. január 19-20-án fogják megtartani a 2011-es keresőoptimalizálási szakkonferenciát. A konferencia két rendezője a jól ismert SEO szakember, Varga Péter (Longhand) és Bánóczy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-katalogus/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/seokatalogus.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO katalógus</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi hír mindössze egy rövid értesítés arról, hogy elkészült pár napja az újabb ingyenes katalógusom, ahova webmesterek, linképítők, keresőoptimalizálással foglalkozók (is) küldhetik be az ajánlásaikat. Egy korábbi gyűjteményt fejlesztgettem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elado-scriptek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/for_sale.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Eladó scriptek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyik programozó haverral - huncyrus - beszélgettünk skype-n és felmerült, hogy vajon ki mit szokott csinálni azokkal a munkáival, amit valamiért nem tudott eladni (nem fizették ki pl.) ... Mivel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-gyerek-kezebe-nem-valo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/facebook.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FaceBook: Gyerek kezébe nem való</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tudom, hogy rengeteg cikket írtak már magáról a FaceBook-ról és annak veszélyeiről, de tényleg jó tudni mivel állunk szemben. A FaceBook-nak mára már több mint 500 millió tagja van. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-honlap-torlese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/11/wordpress-torles.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress honlap törlése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lentebbi kód egy célt szolgál: wordpress honlap tartalmát tudod törölni úgy, hogy megnyitsz egy bizonyos URL-t. Akkor is, ha a Wordpress honaphoz egyébként nincs hozzáférésed (sem FTP, sem WWW-s)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/internetes-radiohallgatas-nokia-mobilon-yourmuze-fm/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/yourmuze1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Internetes rádióhallgatás Nokia mobilon - Yourmuze.fm</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ugyan léteznek különböző internet rádió alkalmazások, ezeken általában csak bizonyos csatornák vannak, és nehéz új csatornákat felvenni. Az internetes rádiók nagy része nem a telefonnal kompatibilis formátumban közli az adást…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. november 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kerekitett-sarku-doboz-hogyan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/jquery-kerekitett-sarkok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kerekített sarkú doboz - hogyan?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Régebben ugye a kerekített sarkokhoz ott volt a klasszikus megoldás, amikor képekkel lett megoldva mind a 4 sarok. Ezen túl ott van a szokásos CSS3 megoldás, amivel 1 gond van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/iwiw-tetszik/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/iwiwtetszik_thumb.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Iwiw - tetszik?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Immáron az Iwiw-n is lehet lájkolni, nem csak a Facebook-on. Aki akarja, ezentúl könnyedén bekötheti a lapjára. A bal oldali 3 legördülő menü segítségével gyorsan testre is lehet szabni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/linkepiteshez-3-ingyenes-eszkoz-ajanlo-2-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/tutorialrandomtextgenerator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Linképítéshez 3 ingyenes eszköz ajánló – 2. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap írtam meg ennek a cikknek az első részét, amiben 2 programról volt szó ( Synonym Szöveg Generátor a Chrome Ball Stúdiótól és az Online Szöveg genetáror a Netkezdő-ről)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/specialis-html-kodok-es-szimbolumok-html-entity/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/html-entity-tablazat.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Speciális HTML kódok és szimbólumok (HTML entity)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Semmi extra, nem tutorial, csak egy kigyűjtés, mert már untam, hogy mindig rá kell keresnem a neten. :)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-adobe-bemutatta-az-uj-acrobat-x-megoldasokat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/acrobat-x.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az Adobe bemutatta az új Acrobat X megoldásokat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A különféle szervezetek nagyobb termelékenységgel, könnyedén hozhatnak létre, ellenőrizhetnek és oszthatnak meg lenyűgöző dokumentumokat. SAN JOSÉ (Kalifornia) – 2010. október 18. – Az Adobe Systems Incorporated (Nasdaq:ADBE) a mai napon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/linkepiteshez-3-ingyenes-eszkoz-ajanlo-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/synonim2.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Linképítéshez 3 ingyenes eszköz ajánló - 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mindenki tudja - aki már épített linket - ,hogy a linképítés bizony egy piszkosul unalmas és monoton munka tud lenni. :) Ezen még az segít, hogy a magyar katalógusok közül…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/torma-laszlo-az-ubuntu-vilaga-c-ingyenes-konyv/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/az-ubuntu-vilaga.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Torma László - Az Ubuntu világa c. ingyenes könyv</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez nem egy mai anyag illetve hír, ennek ellenére mindenképp &quot;áldoznék&quot; neki egy bejegyzést. Megérdemli a támogatást, az ajánlást és remélem, hogy így még többen tudomást szereznek róla. Korábban többször…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/html5-es-css3/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/html5-css3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">HTML5 és CSS3 összefoglaló PDF-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyik kedves látogatónk - Orsi - küldte be az alábbi, PDF formátumban letölthető HTML5 és CSS3 összefoglalót. Frissítés: Orsi elküldte mail-ben és a 12., frissített, szerkesztett és kibővített kiadást (2014…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rails-contact-form-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/ruby-on-rails.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rails Contact form készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ruby on Rails keretrendszerhez contact form készítésének mikéntjént fogom bemutatni. Egy hétköznapi contact formhoz nincs szükségünk adatbázisra, ezért nem kell activerecord model a formhoz, helyette az active&amp; 95;form plugin-t fogjuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeruen-megjegyezheto-de-eros-jelszavak-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/eros-jelszo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerűen megjegyezhető de erős jelszavak készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Facebook-on tette be egyik ismerősöm ezt a hasznos kis videót, amit a Mozilla csapat készített arról, hogy lehet egyszerűen megjegyezhető, de mégis erős jelszavakat választani. Jómagam jelszókezelő programot használok amiben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/40-blogajanlo-fejlesztoknek-es-webdesignereknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/40-blogajanlo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">40 blogajánló fejlesztőknek és webdesignereknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fejlesztők és webdesignerek számára egy 40-es lista angol nyelvű, de hasznos és informatív blogokról, oldalakról. Ha tudsz olyat, mely szerinted bekerülhetne ebbe a listába de itt nem szerepel, ajánld nyugodtan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/javascript-gridek-kepekben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/jqgrid.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JavaScript gridek képekben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy kis grid és tábla gyűjtemény. Nagyon hasznosak tudnak lenni, pláne ha back-end -t fejlesztünk. Remélem mindenki megtalálja a magának valót.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wireframe-csomagok-psd-formatumban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/wireframe-33.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wireframe csomagok PSD formátumban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tervezéskor &quot;kicsit&quot; meg lehet gyorsítani a folyamatokat akkor, ha a munkához rendelkezésedre áll 1-1 sabloncsomag, melyekben már mások megrajzolták a (leg)fontosabb elemeket és Neked &quot;csak&quot; össze kell pakolnod ezekből a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bezar-a-docler-chat-es-video/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/docler-hu-finale.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bezár a docler chat és videó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bár jómagam egyik szolgáltatást sem használtam, viszont elég sok felhasználót érinthet a docler.hu és a docler.hu videó chat bezárása, hisz évek alatt sokan használták a szolgáltatásaikat. Idézet a docler.hu oldaláról…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/full-circle-magazin-online-linuxos-magazin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/full-circle-magazin.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Full Circle Magazin - online linuxos magazin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itthon nincs windows, csak Ubuntu és OS X . Így különösen szívemen viselem e 2 oprendszerrel kapcsolatos híreket, újdonságokat. Az OS X kapcsán viszem a mactippek.com oldalt, de linux-val kapcsolatos…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-bejegyzesek-kozotti-plusz-div/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - bejegyzések közötti plusz DIV</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Időnként hasznos lehet, ha 1-1 bejegyzésed közé egy plusz DIV kerül de úgy, hogy csak 2 bejegyzés közé, az utolsó után nem. Ha épp erre van szükséged, akkor használd a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-notifier-for-mac-os-x/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/wordpress-notifier-mac-osx.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress Notifier for Mac OS X</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Wordpress Notifier for Mac OS X ingyenes program segítségével nagyon gyorsan, egyszerűen és kényelmesen kezelhetjük a wordpress oldalunk látogatói által hagyott üzeneteket. Válaszolni, törölni és úgy általában kezelni őket - gyerekjáték ezzel a szoftverrel.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fotogaleria-keszitese-html5-css3-jquery/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/html5-css3-jquery-galeria.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fotógaléria készítése - HTML5, CSS3, jQuery</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sziasztok, üdvözlök mindenkit! Az alábbi leírás bemutatja, hogyan (is) lehet egy igényes, egyedi, &quot;interaktív&quot; fotógaléria-felületet készíteni - háttérképek nélkül. Használt technikák/kiegészítők: - HTML5 - CSS3 - jQuery - jQuery FancyBox…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepfeltoltes-es-meretezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/image-upload-e1286283838717.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képfeltöltés és méretezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy saját függvény képfeltöltő form feldolgozására.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vege-az-xmarks-szolgaltatasnak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/10/xmarks-ajanlasok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vége az Xmarks szolgáltatásnak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mint ahogy sokan mások, én is az Xmarks szolgáltatását használtam eddig és most szomorúan olvastam, hogy 2011. január 10-én megszűnik a szolgáltatás . Kell találnom valami más megoldást helyette…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. október 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rugalmas-youtube-video/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/rugalmas-youtube-video.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rugalmas Youtube videó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Youtube videókat default fix mérettel beilleszteni az oldalakba, legalábbis az oldalon ugye az alábbi opciókat fogod megtalálni, ha az &quot;embed&quot; gombra kattintasz: A Jquery segítségével van egy viszonylag egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/instant-google-szolgaltatasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/instant-google-images.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Instant Google szolgáltatások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szaporodnak azok a hasznos alkalmazások, melyek a Google valamely szolgáltatására épülnek. Érdemes megnézni őket kicsit közelebbről is. Kezdődött ugye a Google Instant-tal, mikor is valós időben tekinthetjük meg a Google-be…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/youtube-playlist-honlapba-illesztese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/youtube-playlist.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Youtube playlist honlapba illesztése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha egy oldalba több youtube videót is szeretnél beilleszteni, 2 lehetőséged van: 1. beilleszted őket egyesével 2. playlist-t illesztesz be Az előbbi jelenleg nem érdekes, az utóbbira szeretnék 2 megoldást…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-diff-szolgaltatas-avagy-fajlok-osszehasonlitasa-a-neten/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/quickdiffcom.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online diff szolgáltatás, avagy fájlok összehasonlítása a neten</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy Wordpress plugin frissítése során hirtelen kellett valami megoldás arra, hogy összehasonlítsak 2db PHP fájlt. Erre kb az alábbi megoldások vannak: 1. Összehasonlítom őket &quot;kézzel/szemmel&quot; 2. Offline program, melyet telepítek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vodafone-845-mr-edition-rom-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/vodafone-rom-3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vodafone 845 Mr. Edition Rom telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mai írásomból megtudhatjátok, hogyan telepíthetitek a Mr. Rom -ot a Vodafone 845-ös telefonotokra. Hogy mi is ez? Egy egyéni rom, ami kicseréli a gyári Vodafone-ost. Miért jobb? Mert gyorsabb, mert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szavak-minimalis-szama-bejegyzesenkent/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/wordpress-limit-content.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szavak minimális száma bejegyzésenként</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha hasznos lehet, ha a wordpress figyelmeztet arra 1-1 cikk elküldése előtt, hogy túl rövid a tartalom, túl kevés szóból áll az egész cikk. ez jól jöhet akár magadnak is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-memoria-limit/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/wordpress-memoria-limit.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress memória limit</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha már futottál bele olyan hibaüzenetbe, hogy &quot; Allowed memory size of XXX bytes exhausted &quot; - ahol persze az XXX értéke változó lehet, akkor Neked szól ez az egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android-telefon-rootolasa-vodafone-845-huawei-joy-pulse-mini/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/vodafone-845-root.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android telefon rootolása [Vodafone 845 (Huawei Joy), Pulse Mini]</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a cikkben az Android operációs rendszerű Vodafone 845 és a Pulse Mini &quot;root&quot;-olásáról lesz szó. Először is, tisztázzunk egy-két dolgot: Az Android egy Linux kernelen, Linux alapokon futó operációs…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android-gui-keszlet-photoshop-hoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/android-psd-gui-set.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android GUI készlet Photoshop-hoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webdesignshock.com-nak köszönhetően letölthető egy új, ingyenes grafikai csomag az Android-os felületek tervezéséhez. Az alábbi elemekhez adnak sablonokat:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-cs5-telepitese-ubuntu-10-04-linux-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/photoshop-cs5-ubuntu-linux.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop CS5 telepítése Ubuntu 10.04 linux alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezt a leírást most találtam, nem próbáltam ki, de aki linux alól van és esetleg szeretné tesztelni, hajrá! :) An Idiot’s Guide to Installing Photoshop CS5 on Ubuntu 10.04</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nagy-mennyisegu-informacio-kezelese-rss-olvasoval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/rss.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nagy mennyiségű információ kezelése RSS olvasóval</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üldögéltem egy darabig a gép előtt, amikor ezt a bejegyzést elkezdtem írni, mert komolyan nem tudtam, hogy is kezdjek neki, annyi mindent le szerettem volna írni. Aztán rájöttem, hogy talán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/olvasatlan-levelek-listazasa-a-gmail-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/gmail.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Olvasatlan levelek listázása a Gmail-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Olvasatlan levelek a gmail felületén - van erre megoldás? Természetesen van, egy ideje már engem is idegesített a kérdés :) Alapértelmezetten nem tudtam megnézni a gmail.com felületén az olvasatlan leveleket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-all-in-one-seo-pack-plugin-kiegeszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/wordpress-seo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - All in One SEO Pack plugin kiegészítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az All in One SEO Pack az egyik legjobb SEO plugin amit manapság Wordpress-hez lehet találni. Ami viszont nem tetszik benne, az ... az, hogy a kategória oldalakon a kategória…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-facebook-megosztas-gomb-plugin-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/09/facebook-share-wordpress.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - Facebook megosztás gomb plugin nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A SEO Fórumon került szóba egy probléma a gyik.com linkgyűjtemény építése kapcsán és az egyik fórumtag - dolcsi - mondott egy jó ötletet és megoldást a problémámra. A probléma az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/napi-2-uj-cikket-a-tutorial-hu-ra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/olcso-iphone4.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Napi 2 új cikket a tutorial.hu-ra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Csak az olvassa el ezt a bejegyzést, aki nem riad vissza attól hogy 1x kattintani kéne, hogy megnézze a koponyeg.hu honlapot, ezzel segítve nekem és a lapnak, mert ha nyerek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/graphs-diagramms/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/Highcharts1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Grafikon és diagram scriptek képekben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Diagrammok illetve grafikonok keszitese foleg javascript, php, flash segitsegevel.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-admax-uj-seo-toolbar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/admax-seo-toolbar-5.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letölthető az AdMax új SEO Toolbar-ja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent az AdMax új multifunkciós SEO toolbar-ja, amely egész hasznos szolgáltatásokkal igyekszik felhívni magára a figyelmet. Nekem leginkább az tetszett benne, hogy hasznos és informatív adatokat közöl normálisan csoportosítva az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-facebook-tiltani-fogja-az-ie6-t/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/facebook-ie6.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Facebook tiltani fogja az IE6-t</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számomra a nap híre - pedig jópárat elolvastam ma -, hogy a Facebook is tiltani fogja 3 hét múlva az IE6 böngészőt! :) Az oka (hivatalosan, de ha valójában nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/legjobb-jquery-tooltip-pluginek-kepekben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/jquery_tooltip_thumb.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A legjobb jQuery tooltip pluginek képekben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Legjobb jquery plugin -ok kepekben</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyonyoru-hatterkepek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/burn.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyönyörű háttérképek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jöjjön pár olyan oldal, melyen nagyon szép háttérképeket találtam, gondolom nem csak én szoktam ezt időközönként cserélgetni. :P A képek ne tévesszenek meg senkit, nem feltétlen csak az adott háttérkép…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/50-famintazatos-honlap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/famintazat.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">50 famintázatos honlap</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mindig is közel állt hozzám grafika terén (is) a természet, szívesen használom a zöld, a barna különböző árnyalatait (volt itt a lapon is példa rá, hogy zöld árnyalatokban futott évekig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szamunkra-ismeretlen-cms-cmf-forradalom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/modx-cms.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Számunkra ismeretlen CMS/CMF forradalom!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Miről is van szó? Megjelent a MODx CMS/CMF forradalmian új kiadása a Revolution. Kishazánkban kevésbé ismert rendszer, de külföldön hatalmas támogatottsággal bír. Legjobb nyíltforráskódú CMS-ek egyike. Puct Publishing Award többszöri…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jquery-lightbox-pluginek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/shadowbox.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">jQuery lightbox pluginek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikkben csak kimondottan lightbox szerű szkriptek, pluginok lesznek természetesen jQuery alapon. Ezek általában rendkívül könnyen implementalhatoak, nem terhelik az oldalt s viszonylag könnyen testrészabhatóak.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lista-takaritasa-regexp-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/regex.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lista takarítása regexp segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap belefutottam egy olyan feladatba, hogy több száz soros szövegállományt kellett letakarítani a felesleges részektől, hogy megkapjak egy listát. A lista kb így nézett ki: www.valami1.hu aaf3459sdfl345 www.valamisdf2.hu 493453464554949461464459 www.valamiwie.com…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/13-tovabbi-eszkoz-kodreszletek-tarolasara/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/08/pastesite.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">13 további eszköz kódrészletek tárolására</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A múltkori sorozat folytatásaként most jöjjenek az újabb kódmegosztó oldalak. Az egyszerűség kedvéért - és mert teljesen felesleges újra meg újra leírni körítéssel ugyanazt - egyszerűsítek kicsit a leírásokon és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. augusztus 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/12-online-eszkoz-kodreszletek-tarolasara/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/snipplr.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">12 online eszköz kódrészletek tárolására</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Azok, akik esetleg nap mint nap kódokkal dolgoznak, vélhetően elraknak gyakran használt részleteket ilyen vagy olyan módon. Most persze magamból indulok ki elsősorban illetve az ismeretségi körből. Részemről már többféle…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jquery-kepgaleriak-es-diavetitesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/galleria.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JQuery képgalériák és diavetítések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A JavaScript gallériak és diavetítések rendkívül gyakoriak a portfóliós oldalakon és egyéb oldalakon kepék tartalmak megjelenítésere. Ezek közül is a legnépszerűbbek a JQuery-ben írottak. Ez érthető hisz ez a keretrendszer…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-es-social-media-marketing-infographic/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/seo-infographic.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO és Social Media Marketing infographic</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mostanában kaptam rá, hogy 1-1 témában infógrafikákra keresek rá (nem biztos, hogy jó a fordítás, eredetileg infographic néven futnak ezek az ábrák), mivel szemléletesen mutatják be 1-1 terület leglényegesebb elemeit…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tamas-szuletese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/tomi-es-en.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tamás születése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos észrevettétek (vagy legalábbis remélem :D), hogy mostanában &quot;kicsit&quot; kevesebbet voltam online és nem igazán frissült a lap sem, de megvolt az oka, ami röviden: Megszületett a kisebbik fiam, Tamás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirlevel-kuldo-szoftver-es-professzionalis-email-marketing-rendszer-felallitasa-lepesrol-lepesre/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/icontact.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hírlevél küldő szoftver és professzionális Email marketing rendszer felállítása lépésről lépésre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hírlevél küldő szoftver és professzionális Email Marketing rendszer nélkül szinte lehetetlen online vállalkozni!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pontosabb-adatok-hasznalata-metatrader-4-backtesztek-soran/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/metatrader4.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pontosabb adatok használata MetaTrader 4 backtesztek során</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A MetaTrader 4 a MetaQuotes Software által készített online kereskedőszoftver. Rengeteg online bróker használja platformként hosszú évek óta. A platformnak saját C alapú programozási nyelve van, mely - jómagam korábban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blog-avagy-mi-az-es-minek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/07/blog.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blog: Avagy mi az és minek?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számtalan mennyiségű blog létezik, de még is vannak olyanok, akik nem tudják hogy mi az a blog és hogy mire jó? Ebben a cikkben mind a kettő kérdésre válaszolok és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/excel-csoportok-szinezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Excel - csoportok színezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban egy igazából az oldal profiljába nem vágó, de gondolkodtató feladatot írok le, amellyel a napokban találkoztam, majd adok rá egy megoldást is.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/76-ingyenesen-letoltheto-vektor-grafika/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/76-vektoros-grafika.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">76 ingyenesen letölthető vektor grafika</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi listában 76 ingyenes, vektoros grafikát találtok. A gyűjteményben vannak vektoros ikonok, hátterek, karakterek és különböző tárgyak, mind szabadon felhasználható. A fájltípusok meglehetősen széles skálán mozognak (ai, svg, cdr…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-foto-retusalas-elotte-es-utana-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop fotó retusálás - előtte és utána - 2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop retusálás - előtte és utána fotók. Soha ne higyj a szemednek, ha magazinokat nézel! :)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorial-hu-video-uj-cikk-felvetele/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/tutorialvideo.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial.hu videó - új cikk felvétele</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Videó bemutató a Wordpress adminisztrációs felületének használatához.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-es-facebook-osszekotese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/facebook-like-box.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress és Facebook összekötése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma este nagy elánnal belevágtam, hogy most aztán megoldom a Wordpress és a Facebook összekötését, az alábbiak kapcsán: - létre kell hozni egy accountot vagy page-t vagy group-t a lapnak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-foto-retusalas-elotte-es-utana-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/photoshop-elotte-utana-20.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop fotó retusálás - előtte és utána - 1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A sztárok sem olyan szépek és tökéletesek, mint azt a média állítja. Jöjjön pár kép &quot;előtte és utána&quot;, ahol bal oldalon a Photoshop előtti állapotot, az eredeti fotót lehet látni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/frissult-a-tutorial-kuldes-leirasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/frissites-tutorial.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Frissült a tutorial küldés leírása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Küldj Te is leírást a lapra, hogy hírnevet, új látogatókat és SEO miatt hasznos backlinkeket szerezz!</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wifi-halozatunk-biztonsagossa-tetele/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/biztonsagos-wifi-halozat-5.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wifi hálózatunk biztonságossá tétele</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztonságos Wifi hálózat kialakítása lépésről-lépésre.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-es-flash-frissites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/adobe-flash-player-frissites.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox és flash frissítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előbb frissítettem (vagy inkább frissült, automatikusan) a Firefox és meglepődtem a welcome képernyőn: No ilyet sem pipáltam még egyetlen frissítés után sem, biztos fontos lehet ... :P A bejegyzést…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/goldenblog-twitter-feed-verseny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/goldenblog.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Goldenblog Twitter feed verseny</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma éjfélig lehet szavazni az &quot;Az év leghasznosabb twitter feedje&quot;-jére és erről - mi ez ki ez kinek és miért és hogyan és minek ja és mit - itt lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-manualis-frissitese-3-0-ra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress manuális frissítése 3.0-ra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néhány nappal ezelőtt jelent meg a WordPress 3.0, s bár a rá való frissítés pofon egyszerű művelet, van aki biztosabb a dolgában ha egy meglévő leírás alapján frissíti jól működő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-a-wordpress-3-0/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress-30-letoltes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letölthető a Wordpress 3.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez most csak egy gyors hír lesz, de letölthető a Wordpress 3.0, úgyhogy irány a hivatalos honlap! :) link: Wordpress 3.0 letöltés</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/twitter-tutorial-hu-csatorna-indult/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/twitter-tutorial.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Twitter - tutorial.hu csatorna indult</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elindult a honlap külön twitter oldala az alábbi címen: http://twitter.com/tutorialhu on Twitter&quot;)Ezt azért szedtem külön a privát twitter oldalamtól (Harder (harderhun) - Twitter - Twitter&quot;)), mert itt kimondottan azokat a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keyword-statistics-wordpress-plugin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/keyword-statistics-plugin-e1276695738188.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keyword Statistics - wordpress plugin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Keyword Statistics - kulcsszó statisztika plugin wordpress tulajdonosok számára, akik a keresőoptimalizálás közben a kulcsszavak arányát is mérni szeretnék.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/android/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/android-2.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Android</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyre népszerűbb és egyre többet lehet hallani az okostelefonoknál az Androidról. De vajon tisztába van-e mindenki azzal hogy mi is az az Android? Valószínűleg nem. Ebben a kis cikkben leírom…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hosszu-linkek-es-szovegek-megtorese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/default-wrap.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hosszú linkek és szövegek megtörése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Perishable Press oldalon találtam egy nagyon jó megoldást arra, hogy lehet a PRE (illetve bármilyen blokk szintű elem esetében) megtörni a hosszú szövegeket. A különböző böngészőknek különböző white-space értékeket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-forum-hu-csatlakozz-te-is/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/seoforum.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">seo.forum.hu - csatlakozz Te is!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A seo.forum.hu neve és címe gondolom már sokak számára ismerősen cseng, hisz keresőoptimalizálás témában a manapság létező legjobb és legnagyobb magyar közösség itt található meg.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ujabb-ingyenes-ikon-gyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/1-woven-fabric-social-media-icon-set-e1276268064605.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Újabb ingyenes ikon gyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem bírom ki, hogy megint ne ajánljak egy újabb nagyon jó kis ikongyűjteményt Nektek :) Az ikonok itt érhetőek el: My Favorite IconA következő 30 ikoncsomagból álló gyűjtemény pedig azért…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-csillag-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/7-e1276062344543.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt csillag effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sziasztok ! Jelentkezem egy újabb Photoshop tutorial-al ! Most egy Abstract csillagot fogunk készíteni :) ! Nos lássuk ! 1) Csinálj egy 400X400 pixeles képet, majd nyomd meg a “D”…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lagy-404-es-oldalak-kezelese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/lagy-404-hiba.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lágy 404-es oldalak kezelése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég jelent meg a &quot;Google webmaster tools&quot;-ban a lágy 404-es oldalak kezelése. A &quot;Crawl errors&quot; rész alatt lehet megtalálni és a &quot;Soft 404s&quot; linkre kell kattintani. A lényege, hogy a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mactippek-mac-os-x-tippek-trukkok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/apple-imac-27.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">mactippek.com - Mac OS X tippek és trükkök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Azt hiszem erről még nem írtam itt a lapon (na jó, tudom hogy nem írtam mert most gyorsan rákerestem :P), de nemrég elindítottam egy másik lapot is, ami talán érdekelhet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regularis-kifejezesek-online-tesztelese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/regular-expressions.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Reguláris kifejezések online tesztelése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Reguláris kifejezések online teszteléséhez ajánlott eszköz, mely nem csak felgyorsítja, de jelentősen meg is könnyíti a reguláris kifejezések írását.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/100-ingyenes-web-elem-a-grafikahoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/100-ingyenes-webes-cucc1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">100 ingyenes web elem a grafikához</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő bejegyzésben egy idegen honlap egyik bejegyzésére hívnám a a figyelmed. A jövőben sem tervezem, hogy minden egyes érdekesebb angol nyelvű tartalomra bejegyzést fogok írni, de a lista most…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-3-0-ujdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 3.0 újdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lassan kijön az új Wordpress 3.0 és ideje nekem is áttekinteni az újdonságokat, annak ellenére, hogy egy ideig még valószínűleg nem fogok váltani. Lecserélik az eddigi alapértelmezett Kubrick theme-t és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-biztonsag-konyvtar-es-fajl-jogosultsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/chmod.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress biztonság - könyvtár és fájl jogosultságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy roppant rövid cikk lesz, igazából nem is leírás, csak egy figyelmeztetés. :) A szerveren lévő könyvtárak kapcsán érdemes ellenőrizni, hogy a az alábbi chmod-ok vannak-e beállítva: fájlok: 644…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/130-ingyenes-projekt-ikon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/130-project-icons.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">130 ingyenes projekt ikon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mihaiciuc Bogdan letölthető tette a &quot;Project icons&quot; csomagot, melyben több mint 130 jó minőségű, a CC 3.0 licensz alatt felhasználható, 32px méretű és PNG ICO, ICNS formátumú ikon található. Mivel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2010-megint-megujult-a-tutorial-hu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/tutorial-2010.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2010 - megint megújult a tutorial.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mint azt ma láthattátok, megújult a honlap, új külsőt kapott és pár új funkciót is. Remélem hamar megszokjátok és megszeretitek az új külsőt, szerintem lényegesen jobb és kényelmesebb lett a honlap használata az újításoknak köszönhetően.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-biztonsag-admin-nev-modositasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/phpmyadmin-wordpress.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress biztonság - admin név módosítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A wordpress biztonságosabbá tételének egyik - talán az első - legjobb módja, ha az alapértelmezett admin nevet módosítod. Ehhez nyújt segítséget a tutorial.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-legnepszerubb-bejegyzesek-plugin-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress-logo-e1275861345413.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - a legnépszerűbb bejegyzések megjelenítése plugin nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyorsíts a Wordpress lapodon és jelenítsd meg a legnépszerűbb bejegyzéseket plugin nélkül úgy, hogy csak követned kell a tutorial-ban leírtakat.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/4-uj-es-ingyenes-grunge-texture/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/4-grunge-texture.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">4 új és ingyenes grunge texture</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webgrafikához lehet hasznos a következő 4, új és ingyenes texture, melyet a Texture Vault-ról lehet letölteni. A 4 texture Bjorgvin Gudmundsson﻿ munkája és a mintakép alatt található a letöltési link…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kapcsolodo-bejegyzesek-megjelenitese-wordpress-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/06/wordpress-kapcsolodo-bejegyzesek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kapcsolódó bejegyzések megjelenítése Wordpress-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Wordpress-ed van? Szeretnél kapcsolódó bejegyzéseket kitenni 1-1 bejegyzéshez kategória vagy tag alapján? Itt a megoldás, ha Wordpress-ed van és szeretnéd kicsit felgyorsítani.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/top-1000-honlap-a-neten-google/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/google-top-1000.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Top 1000 honlap a neten - Google</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google publikussá tette, hogy mely az a top 1000 oldal a neten, melyek a világ legnézettebb honlapjai. Legalábbis jelenleg. A listát bárki megnézheti az alábbi címen: Top 1000 sites…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adwords-kepesitoprogram-oktatokozpont/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/adwords-kepesitoprogram-tananyag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">AdWords képesítőprogram - Oktatóközpont</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos link, mely azoknak lesz segítség, akik a szeretnék letenni az Adwords új Képesítőprogramjának vizsgáit. A lapon a jobb oldalon lehet megtalálni az egyes vizsgákhoz tartozó leckéket, szöveges formában. -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-site-tools-uj-seo-extension-chrome-ala/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/seo-site-tools-chrome-1.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO Site Tools - új SEO extension Chrome alá</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy új SEO extension (plugin) jött ki Chrome alá, amire azt kell mondjam hogy nagyon jó, talán a legjobb amit eddig láttam. A képek önmagukért beszélnek, a videót is meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-kategoria-cikkjeinek-listazasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/wordpress-kategoria-cikkek.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress kategória cikkjeinek listázása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi kódrészlettel egy adott kategória X számú elemét lehet listázni pl. sidebar-ba: A kód eredményeképpen a 23-as kategória 5 legutolsó cikke fog megjelenni listázva.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-tagfelho-limitalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/wordpress-tag-felho-e1275740445136.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress tagfelhő limitálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha soknak tartod a Wordpress tagfelhőjében megjelenő 45 darab alapértelmezett linket, akkor nyisd meg az alábbi fájlt egy szerkesztővel: honlapodcime/wp-includes/category-template.php Keresd meg ezt a részletet: és a &#039;number&#039; =&amp;gt; 45…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-generator-es-content-elrejtese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/wordpress-generator.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress generator és content elrejtése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Akinek Wordpress-e van, biztos látta már a kódban ezt a részletet: Van akit nem zavar, van akit igen. Engem spec igen, mert rossz ötletnek tartom egy CMS verziószámát világgá kürtölni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megosztas-sav-keszitese-jquery-vel-osszesitett-kepekkel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/jquery.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megosztás-sáv készítése jQuery-vel, összesített képekkel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő leírásban bemutatom, hogyan lehet egy animált &quot;megosztás-sávot&quot; készíteni CSS sprite-ok és jQuery segítségével. A végeredmény a demo oldalon látható.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/esotv-affiliate-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ESO.TV Affiliate program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán a címben is szereplő &quot; affiliate program &quot; sokak számára nem hangzik ismerősen, úgyhogy egy rövid bevezetővel kezdeném, miről van szó: Az affiliate program - vagy másnéven partner program…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sitebuilder-interju/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/online-sitebuilder-magazin.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sitebuilder interjú</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Online Sitebuilder Magazin oldalán ma jelent meg egy korábban velem készített interjú. A velem készített interjú itt olvasható: Sitebuilder interjú – HarderA Kow-val készített interjút is szeretném még figyelmetekbe…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-photoshop-cs5-ingyenes-letoltes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/adobe-photoshop-cs5-letoltes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Photoshop CS5 ingyenes letöltés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe Photoshop legújabb, CS5 változata tegnap jelent meg a boltokban és most már ingyenes letölthető a próbaváltozat akár a honlapjukról is: Adobe - Adobe Photoshop CS5 Extended letöltésA Photoshop-on…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/titanpad-online-kollaborativ-szovegszerkeszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/05/titanpad-kollaborativ-szovegszerkeszto.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Titanpad - online kollaboratív szövegszerkesztő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Használtam már korábban is ilyen cuccot és nagyon hasznosnak bizonyult. A lényege, hogy úgy lehet egy a neten látható (csak annak, aki a linket tudja) szövegszerkesztőben akár többen is dolgozni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-like-gomb-hozzaadasa-wordpress-bejegyzesekhez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook like gomb hozzáadása Wordpress bejegyzésekhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap 2 helyen is láttam cikket azzal kapcsolatban, hogy lehet a Facebook Like (Tetszik) gombját a wordpress blogban lévő bejegyzésekhez adni, megtetszett az ötlet nekem is. Először angelday - plastic.hu…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elastic-vizualis-theme-szerkeszto-wordpress/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Elastic - vizuális theme szerkesztő Wordpress-hez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Wordpress-hez meglehetősen sok olyan theme tölthető le, melyek remek alapot nyújtanak theme készítéshez. Ilyenből van elég a neten csak rá kell keresni. Olyat viszont eddig még nem láttam, mely vizuális…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css3-tamogatas-ie-6-7-es-8-bongeszohoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/04/css3.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS3 támogatás IE 6, 7 és 8 böngészőhöz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A CSS3 támogatottsága még elég gyatra, főleg IE terén, ezen igyekszik segíteni az alábbi megoldás: A lényeg az utolsó sorban, a behavior részen van. Letöltés: ie-css3.htcBővebben infókat a CSS3 support…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-web-designer-ikon-keszlet-psd-forrassal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes web designer ikon készlet PSD forrással</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Smashing Magazine-ra került ki minap Oliver Twardowski által készített 75 darabos ikon készlet, melyekhez - és ez elég ritka - a PSD forrásfájlokat is biztosítja. Az ikonok között van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/virtual-tuning/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Virtual Tuning</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Helló! Ez az első tutorialom. Bemutatok benne pár egyszerű virtual tuning elemet. Először is szerezzünk egy autós képet. Én egy BMW M3-at használtam. 1. Kerekek átfestése Hozzunk létre új layert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blu-ray-lemez-rippelese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/04/bluray.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blu-ray lemez rippelése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Úgy döntöttem, hogy néhány filmről csinálok biztonsági másolatot egy külső merevlemezre, mert ott könnyebb rendszerezni, és számomra kényelmesebb így a filmek kezelése. Szóval főleg a HD filmek rippelésével foglalkoztam ma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-hasznos-kiegeszitok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox: hasznos kiegészítők</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Firefox a legjobb böngésző, ha a neten nem csak olvasgatunk, hanem a munkahelyünk is az. Kétségtelen, hogy a konkurenseknél kicsit lassabban indul, memóriát is bőven fogyaszt... Akkor miért ezt?…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/idegesito-error-console-a-firefox-inditasakor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Idegesítő Error Console a Firefox indításakor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma kezdett el butásoskodni a Firefox-om. Minden egyes programindításkor feldobja az Error Console ablakot és marhára idegesítő, hogy állandóan le kell kapcsolgatnom. Rövid keresgélés után a neten kiderült a turpisság…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hasznos-segitseg-weboldal-keszitesekor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/04/hasznos-segitseg.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hasznos segítség weboldal készítésekor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial.hu oldalon nagyon sok mindenre megtalálni a megoldást, ha valaki elakad egy weboldal készítése közben. Volt itt már szó a kód megírásáról, új oldalra átirányításról, stb. Nem kezdem el…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. április 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-3-gradiens-a-firefox-36-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/03/hot-firefox-girl.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS 3 gradiens a Firefox 3.6-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A gradiensek (színátmenetek) a web 2.0 stílus divatos és jellemzõ eszközei. Remekül alkalmazhatóak a térhatás illúziójának megteremtésére, és ma már szinte minden weboldalon ott vannak. Gradiensek létrehozásához eddig a különbözõ…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/paypal-hasznalata-es-online-kartyas-fizetesi-lehetoseg-felallitasa-lepesrol-lepesre/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/03/PayPal-Verified.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PAYPAL használata és online kártyás fizetési lehetőség felállítása lépésről lépésre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Paypal használata és az online kártyás fizetési lehetőség felállítása</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-hasznalj-barmilyen-betutipust-a-weben-cufon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan használj bármilyen betűtípust a weben? (Cufón)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokan még mindig nem tudnak elszakadni a hagyományos Serif, Sans-serif megoldásoktól pedig épp itt az ideje.Ha régebben webdesignerként olyan weboldalt terveztünk amiben a címek nem &quot;web-safe&quot; betűtípust tartalmaztak, a sitebuilderek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lecserelt-weboldal-archivalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/02/httrack.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lecserélt weboldal archiválása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy-egy oldal teljes frissítésénél (például új CMS rendszerbe történő átvitelekor) hasznos lehet, ha a korábbi változatról a lecserélés pillanatában készítünk egy &quot;pillanatfelvételt&quot; és azt megőrizzük. Ebben a tutorialban ehhez adok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/foreach-ures-tombre/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/02/programmer-baby-e1276062530983.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Foreach üres tömbre</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ures tomb bejarasa.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/screenpresso-nagyon-jo-kepernyomento-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Screenpresso – nagyon jó képernyőmentő program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Screenpreso kepernyokeszito program</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szoveg-roviditese-helyesen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szöveg rövidítése helyesen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szoveg roviditese inteligensen</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szellemkep-keszitese-photoshopban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szellemkép készítése photoshopban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szellemkép készítéséhez legalább 3 - de lehet több is persze - olyan képre lesz szükségünk, melyet az adott helyszínen készítettünk el, mert a módszer alapja az, hogy különböző képeket egymásra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/from-serializalasa-es-tovabbkuldese-jquery-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Form serializálása és továbbküldése jQuery segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Form serializalasa jQuery ajax segitsegevel.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/grunge-hd-hatterkep-keszitese-alapfok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Grunge HD háttérkép készítése alapfok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üdv mindenkinek akit valamilyen szinten megérintett ennek a stílusnak a lelke, mondanivalója, mivel van neki mint miden grafikai munkának azoknak 2&amp; 42;Üdv. De miért is mondom ezt: nincs két egyforma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-pingvin-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű pingvin készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most egy egyszerű pingvin elkészítésének fázisait mutatom be. Alkalmas lehet ez a kis állatka avatarnak, vagy logónak is. Készítsünk egy 600X600-as átlátszó új dokumentumot. Az elliptical marquee tool(M) segítségével rajzoljunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/revision-szabalyozas-wordpress-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Revision szabályozás Wordpress alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap az egyik új laphoz kellett egy plugin, amivel kicsit szabályozhatom, hogy mégis mennyi revision-t használjon a wordpress, találtam is egyet ami remekül működik, könnyen beállítható és kompatibilis a legújabb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. január 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/primer-css/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Primer CSS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most találtam ezt a remek kis cuccot amivel lehet gyorsítani a sitebuildeléskor kicsit a folyamatokat. A lényege, hogy amikor megírtad a HTML kódot, akkor a forrásból egy kattintásra lehet generáltatni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. január 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/terhatasu-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2010/01/bevelembosskek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Térhatású szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot;Látványos 3D-s szöveg&quot; című tutorialhoz szeretnék némi segítséget adni azoknak, akik a 8-as pontban elakadtak: ( 8.) Ha kész, tartsd lenyomva az ALT –t és a bal, le nyilakkal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. január 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-grunge-design/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Grunge design</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2010 hozott jót is rosszat is már január közepét elhagyva, és érezve az alkotás iránti vágyat készítettem egy kis bemutatót. Hiszen ez az első cikkem a tutorial.hu-n. Az írásaim a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2010. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2009-legjobb-leirasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/12/top-posts.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2009 legjobb leírásai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itt az év vége és sorra jelennek meg az évértékelő bejegyzések, illetve ezek mellett és ezzekkel karöltve azok a gyűjtemények, melyek valamely témában igyekeznek a 2009-es év legjobb bejegyzéseit összegyűjteni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepkeret-egy-perc-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képkeret egy perc alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban keretet fogunk készíteni egy általunk választott képhez a Lasso tool segítségével. Nyissuk meg a képünket a Photoshopban. Én ezt a képet használtam: KépVáltoztassuk layerré a background layert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-wordpress-29/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/12/wordpress-logo.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a WordPress 2.9</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent és letölthető a WordPress 2.9&quot; Carmen&quot; a szokásos linkről: http://wordpress.org/download vagy akár frissítheted a wordpress-ed admin felületén is a Tools / Upgrade módon. Az újdonságokról itt olvashatsz részletesebben: WordPress…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hoeses-animacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hóesés animáció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most egy aktuális téli Photoshop tutoriallal foglalkozunk. A tutorial-hoz a Photoshop Extended verziójára lesz szükséged (ha nálad nem található a lentebb meghivatkozott stopperóra, akkor nem Extended verziód van). Egy általunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-fuggvenyek-javascript-nyelven/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP függvények JavaScript nyelven</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég ütköztem bele egy problémába: szükségem volt egy olyan JavaScript függvényre, ami a php-ban benne van (trim). Gondoltam, hogy másnál is felmerült ez és biztos valaki leprogramozta már a függvényt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dropbox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dropbox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég próbáltam ki a Dropbox nevű szolgáltatást, pedig már korábban is olvastam róla több helyen, hogy milyen jó és mennyire ajánlott. Most, hogy telepítettem és elkezdtem használni már egy ideje…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. december 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forgo-3d-foldgomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Forgó 3D földgömb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi videó tutorial azt fogja bemutatni, hogy lehet Photoshop CS4-ben egy animált (mozgó) 3D-s földgömböt elkészíteni. A videó tutorial itt tekinthető meg: 3D földgömb animáció Photoshop CS4-ben - videó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. november 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/c-generikusok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">C# Generikusok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A System.Collection.Generic névtér (Generikusok) - Collection &amp;lt;T&amp;gt; -&amp;gt; Generikus gyűjtemény alapjai. - Compare&amp;lt;T&amp;gt; -&amp;gt; Két Generikus objektum egyenlőségét vizsgálja. - Dictionary&amp;lt;TKey, TValue&amp;gt; -&amp;gt; Kulcs/érték párok generikus gyűjteménye. - List&amp;lt;T&amp;gt; -&amp;gt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. november 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lmms-zeneszerkesztes-ingyenes-szoftverrel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">LMMS - zeneszerkesztés ingyenes szoftverrel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A téli hónapokban az ember hajlamosabb többet ülni a számítógépe előtt. Sokan játszanak, vagy az internetet böngészik, én ilyenkor unalmamban is legtöbbször zenélgetni szoktam. Biztosan sokan vannak, akiknek jó a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-php-captcha-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű PHP CAPTCHA készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára mindenki találkozott már CAPTCHA biztonsági rendszerrel netezés közben. A szó egy angol rövidítés: &quot; C ompletely A utomated P ublic T uring test to tell C omputers and H…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. október 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-tobb-parancs-futtatasa-egy-scriptbol-egyidoben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP - több parancs futtatása egy scriptből - egyidőben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha Linuxon PHP-CLI-ben egy scripten belül egyidőben szeretnénk több kódrészletet futtatni, akkor a funkcióra van szükségünk. Egy nagyon egyszerű példa, ahol a &#039;szülő folyamat&#039; 5, a &#039;gyermek folyamat&#039; pedig 2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. október 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-cli-felhasznaloi-adatbevitel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP-CLI felhasználói adatbevitel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üdv! Aki fejleszt php-cli-re, valószínűleg beleütközött abba a problémába, hogy lehet a felhasználótól adatot bekérni. Sok nyelvben, például Python-ban ez egyszerű: Na de mi a helyzet a PHP-vel? Két lehetőségünk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. október 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mysql-session-alapu-bejelentkezes-reszletesen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MySQL + Session alapú bejelentkezés - részletesen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial a PHP-n belüli session és MySQL alapú bejelentkezésről szól. Mindent részletesen leírok, nem kell félni! :) Először is: A session jelentése munkamenet. PHP-ban a funkcióval indíthatjuk el a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. szeptember 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-mu-buddypress/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress MU &amp; BuddyPress</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő leírás amolyan ismertető jellegű lesz, nem teljes körű ismertetőnek szánom. Csapjunk is hát bele a lecsó közepébe! Aki esetleg nem ismerné a WordPress MU-t, annak íme egy nagyon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. szeptember 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keszitsunk-flash-galeriat-photoshop-al/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Készítsünk flash galériát Photoshop-al!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Természetesen ez ebben a formában nem teljesen igaz... Viszont van egy plugin, ami a galéria készítést nagyon megkönnyíti. A Simpleviewer egy nagyon látványos flash alapú galéria, részletesen testreszabható, különösebb HTML/XML…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. szeptember 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lyndacom-photoshop-videok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">lynda.com photoshop videók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lynda.com-on (népszerű online videós oktató portál, mely a tananyagokat lemezen is elérhető teszik fizetés ellenében) számos Photoshop videót lehet online megtekinteni. A fizetős tartalom mellett a videók egy része…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. szeptember 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tobb-hirdetesi-halozat-engedelyezese-az-adsense-programban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/08/google-adsense-tobb-hirdetesi-halozat-1200x864-1.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Több hirdetési hálózat engedélyezése az AdSense programban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mail-ben kaptam a mai nap, adsense-t használóknak lehet érdekes a hír: Ezúton tájékoztatjuk, hogy AdSense-fiókját hamarosan ki fogjuk bővíteni egy új funkcióval , amelynek köszönhetően hirdetési egységeivel maximális bevételre tehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. augusztus 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/getter-es-setter-metodusok-generalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Getter és Setter metódusok generálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP-ben az objektumtulajdonságok beállítására van egy beépített lehetőség (&amp; 95;&amp; 95;get() és &amp; 95;&amp; 95;set() metódusok), azonban ezek nem típusbiztosak, így ajánlott saját getter és setter metódusokat írni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. augusztus 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bevezeto-szoveg-generalasa-php-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bevezető szöveg generálása PHP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A weblaboron merült fel egy kérdés: hogyan lehet szépen megoldani, hogy egy hosszú szövegből előállítsunk egy rövidebb bevezetőt, aminek korlátozva van a maximális hossza, és szóhatárnál végződik. Itt adok rá…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. augusztus 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hasznos-wordpress-linkek-0803/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/08/hasznos.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hasznos wordpress linkek - 0803</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most, hogy szabin vagyok és ráérek kicsit olvasgatni (már alszik a család :P), átfutottam a mostanában nagyon hanyagot RSS hírgyűjteményemet. Mivel épp a wordpress szakaszban vagyok, kiteszek ide is pár…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. augusztus 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dd-belatedpng-transzparens-atlatszo-hatteru-png-k-ie6-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/07/dd-belated-png-ie6-fix.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DD_belatedPNG: transzparens, átlátszó hátterű PNG-k IE6 alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég én is &quot;felhomályosultam&quot;, hogy az Internet Explorer 6-os verziója nem kezeli a transzparens png-ket. A következő, igen egyszerű és gyorsan beépíthető megoldást szeretném ismertetni. A szkriptről röviden csak annyit…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. július 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-tudsz-akar-2x-gyorsabban-kodolni/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan tudsz akár 2x gyorsabban kódolni</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Korábban is volt már szó arról, hogy lehet 1-1 segédprogram használatával gyorsabban kódolni, a mindennapi feladatokat felgyorsítani. Pl. gondolok itt az alábbi 2 írásra: - Intype Alpha 0.3.1.734 texteditor -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. július 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/intype-alpha-031734-texteditor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Intype Alpha 0.3.1.734 texteditor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Régebben már írtam egy cikket Intype editor címmel itt a lapon erről a remek programról, azóta is aktívan használom minden gépen. Nemrég megjelent egy új verziója, a Intype Alpha 0.3.1.734…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/antik-kartyalap-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Antik kártyalap készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először is nyissunk egy 1280x1024 méretű üres lapot fehér háttérrel. &quot;Rectangular marquee tool&quot; segítségével csináljunk egy kártya forma kijelölést a lap közepére és a Select-&amp;gt;modify-&amp;gt;smooth opciót választva adjunk meg 40px…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-php-530/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a PHP 5.3.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Eddig kellett várni rá és most végre megérkezett a PHP 5.3.0 végleges verziója. Tovább infók: PHP: PHP 5.3.0 Release Announcement</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egy-uj-korszak-kezdete/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egy új korszak kezdete</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán megbocsátjátok nekem, hogy a következő hír nem kimondottan a webfejlesztés témakörben tartozik, hanem inkább rólam és e területen végzett munkámról szól. Számomra ez elég nagy változás jelenleg és talán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-cs4-angolositasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop CS4 angolosítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Photoshop programmal biztos sokan vagytok úgy, hogy jobb lenne ha angol lenne, mert akkor könnyebb lenne a tutorialokat alkalmazni. Persze van erre is megoldás, méghozzá &quot;kettő&quot;. A Photoshop szótár-at…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/panorama-kep-keszitese-photoshopban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Panoráma kép készítése photoshopban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Úgy gondolom ezt a videót közzé kellett tennem mert nem feltételezem ugyan, hogy olyanok is vannak itt akik nem nagyon értenek a photoshophoz, de ha még is akkor ezt a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kodolo-irasa-c-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kódoló írása C#-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Azt tudni kell, hogy sok módon meg lehet írni egy programot. A mi feladatunk az, hogy kiválasszuk közülük a leghatékonyabbat. A mi kódolónk jelen esetben egy XOR-os lesz. Ami azt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/neon-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Neon szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikkben eredetileg szereplő neon szöveg videó sajnos elérhetetlenné vált a látogatók számára, úgyhogy igyekszem egy újabb, frissen összeszett tutorial listával kárpótolni most titeket. A cikk eredetileg 2009 júniusában keletkezett…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tetovalas-tatto-beallitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tetoválás (tattoo) beállítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1-1 képre vagy fotóra tetoválást &quot;varázsolni&quot; közel sem olyan bonyolult, mint azt talán a legtöbben gondolják. A következő videókból pillanatok alatt elsajátítható az ilyen utólag, virtuális tetoválás. A videó gyakorlatilag…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gravatar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gravatar</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Charlie küldött egy új leírást / videót, amiben a gravatar használatát magyarázza el. Jónéhány lapon, blogon vagy akár fórumon látni a hozzászólok neve mellett egy kisképet (thumbnail-t), mely a felhasználót…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-28/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/06/wordpress-logo.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 2.8</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég megjelent a Wordpress 2.8-as legújabb kiadása, az erről szóló részletes bemutatót illetve a változtatások és módosítások listáját 3 főbb kategóriába szedve a a WordPress Magyarország oldalán. - Kiemelt változások…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/feather-clone-stamp-tool-refine-edge-bemutatasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Feather, Clone Stamp Tool, Refine Edge bemutatása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">3 új oktató videó. A videó kimondottan a Photoshop CS3-ban (igaz, ez már nem mai képszerkesztő program) készült, de az elv a mai napig is igaz. Feather használata PS CS3-ban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/supertutorialhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SuperTutorial.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A SuperTutorial.hu oldal bemutatása készítője - Barát Csaba - által. Az oldalon 99%-ban általam készített tutorial videók vannak . A tutorial videóim alatt, most már visszamenőleg is meg van adva…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. június 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pen-tool-es-fenylo-vonalak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pen Tool és fénylő vonalak</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi &quot;pen tool&quot;-lal kapcsolatos bejegyzésben eredetileg Barát Csaba videója volt, aki sajnos menet közben úgy döntött, hogy a videóját nem érdemli meg akárki. Csak ismerősök és azok láthatják, akik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bolygo-keszites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/04/bolygo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bolygó készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A videó azt mutatja be, hogy lehet Photoshop-ban egy bolygót készíteni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/facebook-hack-stylish-hasznalataval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Facebook hack Stylish használatával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap találtam egy alkalmazást/módszert arra, hogy lehet átalakítani mások lapját tartósan a Firefox-omban.. a Facebook kapcsán jött elő, de persze bármelyik lapon lehet alkalmazni. Persze nem szerverszinten megy a &quot;hack&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vista-stilusu-menu-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vista stílusú menü készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vista stílusú menü készítését mutatja be az alábbi videó:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vista-alatt-elerhetetlen-localhost/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vista alatt elérhetetlen localhost</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap feltettem a wampserver -t egy Vista -s gépre és meglepődve tapasztaltam, hogy az eddig XP alatt simán működő http://localhost most nem működik, Firefox alatt átdob a www.localhost.com oldalra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyors-es-tipusbiztos-kivetelkezeles-php-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyors és &quot;típusbiztos&quot; kivételkezelés PHP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a rövid tutorialban bemutatok egy módszert, amellyel anélkül dobálhatunk tetszőleges osztályú kivételeket, hogy azokat előre be kéne töltenünk (és leprogramoznunk). A megfelelő hibakezelés régóta probléma volt a programozási nyelvekben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aqua-exit-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Aqua exit gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A videó azt mutatja be, hogy lehet egyszerű aqua hatású exit (kikapcsoló) gombot készíteni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-alapok-az-elso-lepes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop alapok - az első lépés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorialok 2 módon kezdődnek: az első, hogy nyiss meg egy képet, a másik, hogy nyiss egy új dokumentumot. Olvasva a hozzászólásokat, sokszor azért nem működik egy-egy effekt, mert már…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regies-hatasu-kep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Régies hatású kép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő photoshop videó azt mutatja be, hogy lehet egy fotóból régies hatású képet készíteni... A fenti mondat után, mely a cikk eredeti tartalmának kezdő mondata volt, jöjjön egy kis…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vizcsepp-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vízcsepp készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vízcsepp készítése egy dobozos energia italon - HD video.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/felfele-szallo-alakzatok-animacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Felfelé szálló alakzatok - animáció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorialhoz Photoshop CS3 szükséges, a végeredmény pedig egy ilyen animáció lesz: Első lépésként nyissunk két darab új átlátszó dokumentumot, 200 X 200 pixeleseket: (Tehát két teljesen ugyanolyan üres képet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lejatszo-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lejátszó gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A videó bemutatja, hogy lehet egy egyszerű, kicsit 3D-s hatású nyomógombot készíteni Photoshop-ban.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/halvanyulo-tukrozodes-3-modszere/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/04/tukrozodes-3-modszere.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Halványuló tükröződés 3 módszere</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi cikkben eredetileg egy youtube videó volt, ami a &quot;halványuló tükröződés&quot; 3 módszerét mutatta be. Ezt az angol nyelvű oldalakon reflection néven lehet megtalálni és nagyon sok jó, részletes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tinta-hatas-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tinta hatás II</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban &quot;Tinta hatás&quot; I. tutorialban lévő színhatást tanuljuk meg, csak épp egy másik módszert fogunk alkalmazni. Talán a haladóknak ez a tutorial is nagyon alapvetőnek tűnhet már, de…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pencil-es-honlap-tervezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pencil és honlap tervezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mielőtt belevágunk bármiféle fejlesztésbe, érdemes előzetesen egy tervet készíteni , hogy fog kinézni a lap, mik az arányok, mi hova kerül, mi kerül fel egyeltalán a lapra stb... magyarán érdemes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tinta-hatas-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tinta hatás I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial segít megtanulni, hogy hogyan adhatunk a képeinknek egy adott színhatást, tónust. A technikával olyan egyedi tónust adhatunk a képeinknek, amilyet csak szeretnénk. (A szépia hatású képeket is ezzel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/emlekezetes-felhok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Emlékezetes felhők</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorial-ban a a felhőket tesszük egy kissé izgalmasabb színűvé. 1. lépés Csakúgy, mint általában, nyissd meg a képet a PS-ben. Természetesen a fotón legyen égbolt pár felhővel :-)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/high-tech-swirling-aurora/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">High-Tech Swirling Aurora</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sziasztok! Ez a 2. tutorialom remélem ez is tetszeni fog. Egy egyszerű High Tech képet fogunk készíteni. Vegyünk egy képet. Akármilyet amin szerintetek jól néz ki ez az effect. Nekem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-szokites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű szőkítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sziasztok! :-) Egy egyszerű szőkítési technikát szeretnék nektek bemutatni. Az első tutorialom, tehát próbálom majd nagyon apránként összeszedni a lépéseket, hogy biztos sikerüljön mindenkinek. :-) 1. lépés Válasszunk ki egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/puzzle-effekt-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Puzzle effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy puzzle effectet szeretnék nektek mutatni. Igaz ez az első tutorial-om és tudom nem lesz tökéletes de sok gyakorlással majd ez is fejlődni fog. Először is válasszunk egy képet lehetőleg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. április 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gmail-mint-alapertelmezett-levelezo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gmail mint alapértelmezett levelező</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már jó ideje nem használok levelező programot a gépemen, a gmail.com szolgáltatását használom persze a saját domain nevem alatt. Egyetlen dolog hiányzott csak eddig, erre most találtam megoldást (biztos sokaknak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hibernalasi-hiba-megoldasa-vista-alatt-es-egyeb-hasznossagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hibernálási hiba megoldása Vista alatt és egyéb hasznosságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az interneten nagyon sok ember írta, hogy Vista oprendszer alatt, a hibernálási funkciót nem tudja használni , mert amikor hibernálja a gépet, néhány másodperc múlva, magától automatikusan újra elindul a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-magazin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress Magazin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szégyen gyalázat, de csak hétvégén akadtam rá egy új magyar Wordpress lapra, a http://wpmagazin.net -re. A WordPress Magazin -t a word-press.hu szerkesztői csinálják, élükön Patai Lacival. A lap nem a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/latogato-szamlalo-online-felhasznalok-funkcioval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Látogató számláló, online felhasználók funkcióval</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy kicsivel összetettebb adatbázis alapú (példában mysql) látogató számlálót fogunk most megnézni. Ami talán kicsit érdekessé vagy különlegessé teszi, hogy a session-ök száma alapján fogjuk majd meghatározni az online látogatók…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/internet-explorer-developer-toolbar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Internet Explorer Developer Toolbar</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A webfejlesztők/sitebuilderek talán egyik legnagyobb baja, hogy ha egy honlap elkészül, és tökéletesen működik abban a böngészőben, amiben menet közben tesztelve lett (tegyük fel Firefox a Firebug, és Web Developer…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-hozzaszolasok-oldalra-bontasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress hozzászólások oldalra bontása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gondolom sokan elgondolkodtatok, hogy egy idő után már nagyon sok hozzászólás keletkezik. S mivel sok a hozzászólás, ezért egy idő után az adott oldal, vagy bejegyzés lassabban fog megnyílni. Erre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ancient-hatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ancient hatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorial-ban a hires és sokak által használt Urban Acid action-t fogom használni. Azért az action-t mert nem tanultam még meg a manuális Acid készítést. Ezt az action-t egyébként…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/msstyle-hasznalata-es-teljes-hozzaferes-rendszerfajlhoz-vista-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/03/msstyle-hasznalata-vista.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Msstyle használata és teljes hozzáférés rendszerfájlhoz Vista alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi három fájlt kell felül írni a Windows/System32 mappában: shsvcs.dll , themeui.dll , uxtheme.dll . Hogy ezt megtehesd, teljes hozzáférést kell biztosítani magadnak. A fájlra egér jobb gomb /…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tobbdimenzios-tombok-objektumma-alakitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Többdimenziós tömbök objektummá alakítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára sokszor megesett már veletek is, hogy egy végtelen nagyságú tömböt objektummá szerettetek volna alakítani. Ez a megoldás rendkívül hasznos, s gyakran felhasználható több területen is. A lényeg egy rekurzív…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/torolhetetlen-fajl-vagy-konyvtar-torlese-xp-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Törölhetetlen fájl vagy könyvtár törlése XP alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előbb szívtam azzal, hogy egy fájlt - illetve azokat a könyvtárakat amikben ez a fájl volt - nem tudtam törölni, mert a windows arra hivatkozott hogy túl hosszú a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/romantikus-kartya/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Romantikus kártya</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutoriálban egy akár romantikusnak is nevezhető lapot/kártyát fogunk Photoshopban megszerkeszteni... A leírás végére valami ilyet látunk majd a monitoron: Már találkozhattatok hasonló képpel, én a deviantarton találtam még…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/menuk-css-el-szabvanyosan-es-gyorsan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Menük CSS-el, szabványosan és gyorsan</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Miért olyan nehéz egy oldal design összeállítása? Mert rengeteg grafikai munka előzi meg, és a sok változatból végül csak egy maradhat... Ebből következik, hogy pl. a menük elkészítésére fordított munka…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kodos-tajkep-letrehozasa-egyszeruen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ködös tájkép létrehozása egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbiakban azt fogom bemutatni, hogyan készíthetünk igen egyszerű Photoshop technikák felhasználásával a valódihoz hasonló köd effektust. Nyissuk meg a tájképünket. Sajnos tájképek esetén sokszor előfordulnak különböző, a természetes megvilágításnak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ie6-css-hack-es-ie7-css-hack/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IE6 CSS hack és IE7 CSS hack</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a kódrészlet nem egy tutorial, csak emlékeztetőként rakom fel a lapra, hogy könnyebben megtaláljam ha épp szükségem lenne rá. :)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. március 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ietester-hasznos-sitebuilder-eszkoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IETester - hasznos sitebuilder eszköz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sajnálatos módon a netet böngészők még mindig igen magas százaléka használja a IE6-t, ami igencsak meg tudja keseríteni a sitebuilderek életét. Ezért egyelőre még mindig igen hasznos eszköznek bizonyulhat az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. február 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/iranyitoszam-adatbazis/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Irányítószám adatbázis</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég felmerült az igény, hogy kellene egy irányítószám adatbázis ami tartalmazza az irányítószám / város / megye adatot. A Google 2 használható adat forráshoz irányitott: 1. forrás: A lentebbi címről…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. február 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mp3-letoltes-ingyen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">mp3 letöltés ingyen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itthon nem tudom mennyire elterjedt az ingyenes zenehallgatást lehetővé tévő deezer.com szolgáltatás, de én már jóideje használom otthon és a munkahelyemen is. Jómagam már 99.99999999%-ban így hallgatok csak zenét, meglehetősen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. február 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keresobarat-szep-url-ek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/01/seo-keresobarat-url.gif" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keresőbarát, szép url-ek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára már sokan törték a fejüket, hogy lehet pl. ehhez hasonló url-t készíteni: Számtalan leírás és módozat van ennek kivitelezésére. Viszont egyik sem nyerte el tetszésemet, úgyhogy végül megoldottam magam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. január 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-gyorsbillentyukrol-bovebben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2009/01/photoshop-billentyukombinaciok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PhotoShop gyorsbillentyűkről bővebben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kezdjük az elején: mire jó a gyorsbillentyű, amikor minden &quot;ott van előttünk&quot;? Talán hihetetlen, de a válasz a nevében van: meggyorsítja a munkát. Nagyon kellemes tulajdonsága a PS-nek, hogy az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/retro-hatter-pen-tool-lal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Retró háttér pen tool-lal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A retró örök divat... Korábban már szerepelt egy hasonló az oldalon, de ezúttal nem raszteres, hanem vektoros szerkesztéssel jutunk el kb. 1985-be... Röviden a különbségről a vektor és a raszter…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. január 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hepehupas-femfeluletek-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hepehupás fémfelületek készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következőkben egy, a 3d-s modellező szoftverek világában jól ismert és előszeretettel használt eljárás Photoshopban alkalmazható változatát szeretném bemutatni. Kissé leegyszerűsítve a bump-mapping elnevezésű eljárás egy adott kép szürkeárnyalatos verziója…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. január 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ajanlo-stylearoundcom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ajánló - stylearound.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A hazai web igényessége iránt fogékony fejlesztők, designerek többsége régóta hiányol egy olyan magyar galériát, ahol igazán ötletes,szépen megvalósított magyar honlapok láthatóak. Ilyen volt a cssbrain.hu (valid, css oldalakra specializálódva)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2009. január 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hasznos-linkek-wordpress-fejlesztoknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hasznos linkek wordpress fejlesztőknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Smashing Magazine oldalán volt egy jó gyűjtemény a wordpress fejlesztők/felhasználók részére, ahol a cikk szerzője azokat az oldalakat próbálta összegyűjteni (valószínűleg ennél még jóval több is van ugyebár), ahol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. december 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/demo-cmsawardhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">demo.cmsaward.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő rövid hír egy oldalajánló lesz, amikor is szeretném ajánlani mások számára is a CMS Award Demo oldalát. A lapon a készítők számtalan (sok esetben magyarosított) olyan rendszert tettek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. december 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/meretezheto-css-doboz-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Méretezhető CSS doboz készítése: 9-slice CSS Box</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A feladat olyan méretezhető CSS Box /Panel készítése, ami: - scriptmentes - a kerete rugalmasan paraméterezhető - a magassága lehet fix méretű vagy tartalomhoz igazodó - a felhasznált képek mérete…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. december 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lapozos-bejegyzes-a-wordpress-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lapozós bejegyzés a wordpress-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos nem tudja mindenki, hogy a wordpress-ben már nem kell az oldal lapozáshoz plugint telepíteni, tudja a rendszer alapértelmezetten is. Számomra rejtélyes oknál fogva ezt a wp csapata kikommentezte a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. december 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/karacsonyi-betuk-fontok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Karácsonyi betűk, fontok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel lassan itt a karácsony, gondolom nem csak nálam kerül előtérbe a téma: különböző karácsonyi &quot;forrásokat&quot; kell keresnem, ahonnan ingyenesen használható képeket, fontokat stb... lehet letölteni. Ha már egyszer úgyis…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-seo-guide-mindmap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google SEO Guide &amp; Mindmap</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég volt hír a lapon a &quot;Google SEO Start Guide&quot; megjelenéséről és most a híreket böngészve belekadtam egy hozzá kapcsoló, hasznos anyagba. A webprofits.com elkészítette a &quot;Google SEO Guide&quot; tartalmán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/veletlen-kepek-attunessel-galeriabol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/11/veletlen-kepattunes.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Véletlen képek áttűnéssel, galériából</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyszerű feladat egyszerű megoldása következik. Szerettem volna a galéria képeiből kis &quot;válogatást&quot; a kezdőlapon, a lehető legegyszerűbb módon. A javascriptek között keresgélve sok érdekes volt, de egyik sem felelt meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bevillano-menugomb-kikuszobolese-allapotvaltozasnal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bevillanó menügomb kiküszöbölése állapotváltozásnál</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Legtöbb esetben a sitebuilderek a menügombokat úgy oldják meg, hogy a gomb minden állapota egy-egy külön kép. A probléma az, hogy például egy a:hover vagy a:active állapotváltozásnál, ha a felhasználó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/starcraft-ii-grafikai-verseny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Starcraft II. grafikai verseny</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Starcraft2.Hu születésnapi játékok keretében 2 olyan versenyt is hirdet, mely a grafika területét érinti és emiatt a tutorial.hu látogatóit is érdekelheti: - Logo tervező pályázat - Starcraft II művész…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-art-science-of-css-konyv-ingyen-letoltheto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The Art &amp; Science of CSS könyv ingyen letölthető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot; The Art &amp;amp; Science of CSS &quot; című könyvet még 8 napig ingyenesen le lehet tölteni a Twitaway: The Art &amp;amp; Science of CSS — FREE Download/ honlapról…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-starter-guide/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google SEO Starter Guide</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google nemrég adta ki a &quot; SEO Starter Guide &quot; (Search Engine Optimization Starter Guide) nevezetű PDF dokumentumát, ami a keresőoptimalizálást szem előtt tartó felhasználók számára nyújt segítséget. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gmail-theme/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gmail theme</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma reggel vettem észre a gmail-es postafiókomba belépve, hogy megjelent egy új feature, a &quot;themes&quot; (avagy skinek más néven). A hírek szerint nemsokára mindenki számára elérhető lesz, addig is kis…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rekurziv-php-script-konyvtar-torlesehez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rekurzív php script könyvtár törléséhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a kis kód törli a megadott könyvtárat és annak tartalmát, ha egy könyvtár nem üres, meghívja saját magát míg végül törli az összes könyvtárat. Jól jön olyan esetekben, ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/word-generator-linux-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Word generator linux alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Czakó Sebestyéntől kaptam nemrég egy levelet, amiben egy feladat megoldását küldte el azzal, hogy publikálhatom a lapon, hátha másnak is hasznos lesz hasonló probléma esetén. A feladat az volt, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-smf-117/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a SMF 1.1.7</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Simple Machine Forum (SMF) 1.1.7-es kiadása kizárólag hibajavításokat tartalmaz, az 1.1.6-os verzióban nemrég felfedezett réseket hivatott javítani. A biztonság kedvéért a &quot;SMF Magyarország Közösségi Fórum&quot;-on LeGaS javasolja, hogy a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. november 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-263-frissites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 2.6.3 frissítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár napja már kijött az új verzió de nem tudtam egyből frissíteni, most sikerült pótolnom ezt a fajta mulasztásomat (de ilyet Ti ne csináljatok, frissítsetek egyből ahogy lehet! :) )…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-gyorsbillentyuk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop gyorsbillentyűk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A photoshop eszköz palettája 60 eszközt tartalmaz, persze ezek a csoportosításnak köszönhetően nem látszódnak egyszerre. Az eszközöket ki lehet választani egérrel is illetve billentyű kombinációkkal. Ez utóbbiakat megjegyezve, begyakorolva gyorsítani…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlapkeszites-hirek-oktober-8/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlapkészítés hírek - október 8</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Rég volt már, hogy ilyen jellegű cikk/hír gyűjteményt tettem ki a lapra, most kicsit pótolom ezirányú &quot;elmaradásomat&quot; és ajánlok pár olyan cikket a mostanában születettek közül, melyeket hasznosnak vagy épp…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-google-rol-kicsit-maskepp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Google-ről kicsit másképp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma olvastam a SEO Fórumon hogy a keresomarketing.fpn.hu lapon - hosszú idő után - változott a tartalom, érdemes elolvasni. Ajánlom Neked is figyelmedbe.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/form-submit-link-alakitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Form submit link-ké alakítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Van egy régebbi tutorial (&quot;Tartalom váltása a lap újratöltése nélkül II. - HTMLHttpRequest&quot;), amit szerettem volna használni egy adminisztrációs felületen. Remekül működött, amíg bele nem futottam abba, hogy egy form-mal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webes-tartalomkezelo-rendszerek-jegyzet-05/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Webes tartalomkezelő rendszerek jegyzet 0.5</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Igaz nem mai hír, de a lapon még nem volt róla szó és mindenképp említésre és elismerésre méltónak találom, hogy Nagy Gusztáv letölthetővé tette a &quot;Webes tartalomkezelő rendszerek jegyzet 0.5&quot;-ös…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. október 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-photoshop-cs4/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Photoshop CS4</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Örömmel láttam ma reggel mikor a híreket átfutottam, hogy megjelent a Photoshop CS4 . A hivatalos lapon gyorsan át is futottam az újdonságokat, van közte jópár ami így első blikkre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/moderalt-hozzaszolasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Moderált hozzászólások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mától bevezettem a lapon azt a módszert, hogy cikkhez történő hozzászólások első alkalommal elfogadásra kell kerüljenek. Ha egy látogatónak már volt elfogadott hozzászólása, akkor a későbbiekben várakozás nélkül írhat új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-plugin-incremental-tags/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress Plugin: Incremental Tags</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Incremental Tag Plugin névre hallgató kiegészítés lényege, hogy a WordPress tageket rekurzív módon lehet navigációra használni. Ez annyit jelent, hogy a tag-re kattintva, a megjelenített találatok már nem tartalmazzák…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/britney-spears-szines-hatterkep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Britney Spears - színes háttérkép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban Britney Spears kisasszony fog nekünk segíteni. Az ő segítségével színes csíkos hátteret fogunk létrehozni. Ilyen volt is ilyen lesz majd az effekt végeztével: 1. lépés Nyissuk meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-letoltes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop letöltés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először is 1 gyors magyarázat, hogy mi ez a Photoshop letöltés cikk: a lapon is számtalanszor megkérdezték már, hogy milyen programmal készültek a leírások, illetve szintén a lapon és mail-ben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-bolygo-panoramakepbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt bolygó panorámaképből</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy viszonylag egyszerű, de látványos trükkel fogom most megmutatni, hogy hogyan lehet egy egyszerű panorámaképből, egy absztrakt bolygót készíteni photoshop segítségével. Először is kell egy panoráma kép, nem muszáj, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dark-hatasok-az-ej-ragyogo-szemu-szornye/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">&quot;Dark hatások&quot; - Az éj ragyogó szemű szörnye</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amy Lee képét fogjuk használni ebben a tutorialban, egy pici vámpíros hatást adunk a hölgynek. Lehetőleg te is világos szemű alanyt válasz ennek a hatásnak az eléréséhez, mert azon jobban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ie6-png24-fix/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IE6 PNG24 fix</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyre ritkábban ugyan, de még előfordul, hogy a HTML elkészítésekor a grafikusnak/designernek (esetleg magunknak :)) hála szeretnénk úgy PNG24-es képeket használni (átlátszó (transparent), vagy félig átlátszó/átmenetes (opacity)), hogy azt az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dark-hatas-kekes-fenyu-festmeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">&quot;Dark hatások&quot; - kékes fényű festmény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ennek a tutorialnak a segítségével elsajátíthatjuk, hogy hogyan adjunk a képünknek kékes fényű színhatást. Avagy hogyan is legyen egy kicsit &quot;Dark&quot;-osabb a képünk. Nyissd meg a képet. Olyan képet válasz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xampp-telepitese-ubuntu-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xampp telepítése Ubuntu alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először is pár szót arról, hogy mi az a Xampp ? A Xampp konyhanyelven megfogalmazva egy olyan webszerver csomag, mely tartalmazza mindazokat a webfejlesztéshez szükséges programokat, melyeket egyesével időigényes(ebb) és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/magyar-internet-media-es-web-dij-2008/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Magyar Internet Média és Web Díj 2008</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha érdekelnek az internetes web felületek és a szorosan hozzá kapcsolható médiamegoldások, akkor ott a helyed! Hol? A Magyar Internet Média és Web Díj 2008 -as rendezvény díjátadóján. A részvétel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tippek-es-trukkok-stabil-windows-beallitasahoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tippek és trükkök stabil Windows beállításához</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikkben olyan beállításokat és egyéni szemléleteket írok le, ami számomra évek óta tökéletesen működő, stabil és gyors Windows Xp rendszert eredményez. Továbbá úgy gondolom, hogy bármely felhasználó gépén megállja…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/meld-diff-viewer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Meld Diff Viewer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap már szó esett a windows-os WinMerge szoftverről, mely a win oprendszer alatt jó szolgálatot tehet a fejlesztőknek, most nézzünk egy másik, ezúttal linux-os programot, melyet jómagam Ubuntu alatt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/frog-cms/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Frog CMS - tartalomkezelés egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Frog cms a Radiant CMS (Ruby) PHP-re implementált változata,  szerzője  Philippe Archambault. Összetett oldalak kezelésére is megfelelő, de a tartalomkezelő rendszerekkel ismerkedők számára mindenképpen első lépéként ezt ajánlom.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/winmerge/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WinMerge</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap kellett valami olyan megoldást találnom, amely segítségével 2db, több ezer soros szöveges állományt össze tudtam volna hasonlítani (és olvasztanom lépésenként). A neten keresgetve több szoftvert is megnéztem és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rapidsvn-kliens/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">RapidSVN kliens</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Múltkoriban már írtam egy &quot;Total Commander vs TortoiseSVN ikonok&quot; c. cikket, amiből sejteni lehetett, hogy jómagam is ezt használom a hétköznapok során. Azóta otthon váltottam (legalábbis folyamatban van) linux-ra és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-feltoltesi-utvonal-beallitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress feltöltési útvonal beállítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy apró kellemetlenségre szeretném felhívni a figyelmet a wordpress képfeltöltése kapcsán. Szerintem nem igazán logikus a Wordpress-ben és én is csak úgy vettem észre, hogy szóltak, nem működik megfelelően (jómagam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-insights-for-search/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Insights for Search</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég jelent a Google újabb szolgáltatása, a Google Insights for Search . A minap már megemlítettem az egyik hírben, de most nézzük meg kicsit alaposabban, mire is jó illetve milyen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/userball/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Userball</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Régebben írták páran a lap látogatói közül, hogy örülnének egy userball tutorial-nak. Kerestem pár minőségi userball-t. Ezeket próbáltam megcsinálni Photoshopban. Itt van az eredeti: http://kerti-userballs.extra.hu/photoshop-userball.pngÉn ezt próbáltam lemásolni Photoshopban. Első…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-tag-cloud-avagy-tagfelho/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress tag cloud avagy tagfelhő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Wordpress-ben a tag-ek listáját mintegy felhőként (tag cloud) ki lehet tenni, ha a template-be beírod a wp&amp; 95;tag&amp; 95;cloud(); kódot. A tagfelhő alapértelmezett beállítása: A fentiek az alábbiakat jelentik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/x-ray-kameleon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">X-Ray: Kaméleon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő tutorialban megröntgenezünk egy kaméleont: Képek letöltése:innenElőször is nyissuk meg a kaméleonos képet és tegyük nem láthatóvá ezután a csontvázunkat illesszük be és a Ctrl +Shift +U segítségével alakítsuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-design-es-webfejlesztes-hirek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO, design és webfejlesztés hírek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már régen írtam nagyobb, több témát és linket felölelő bejegyzést a világ híreiből szemezgetve, most pótolom ezt a mulasztásomat. A mai bejegyzésnek nincs 1 központi témája, ide-oda fogok csapongani az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/erdekes-php-kod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Érdekes PHP kód</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mindenki tippelje meg, hogy fogjuk -e látni valaha a feliratot. Update: Én ugyan skype - on kaptam a de az egyik szemfüles kommentelő megtalálta az eredetijét a dolognak.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogoljunk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/08/blogoljunk.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blogoljunk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kezdésnek a SmashingMagazine cikkét javasolnám olvasásra, ahol 15 asztali blogklienst szoftvert vettek kicsit jobban szemügyre. Ha pedig már ennél a területnél járunk, akkor itt van a Desktop Blogging Clients, The…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ctrl-tab-plugin-firefoxhoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ctrl-Tab plugin Firefoxhoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki általában sok ablakot kezel és macerásnak tartja a köztük való váltogatást illetve ablak keresést, biztos örülni fog az alábbi Firefox pluginnek: Ctrl-Tab plugin. Az alábbi 2 képen szerintem elég…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. augusztus 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-tipp-az-olvashatobb-kodert/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű tipp, az olvashatóbb kódért</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Használj tiszta, egyszerű feltételeket. Ez ha elég sok sort írsz a feltételbe, és nem túl jól tördeled hosszú perceket fog igénybe venni mire megtalálod, hogy mi történik akkor, ha nincs…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/e-mail-cim-elrejtese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">E-mail cím elrejtése CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A spamáradattal már mindenkinek tele a kis hócipője, itt a lapon is volt már róla szó, hogy lehet ellene védekezni. A minap egy külföldi blogban láttam pár - számomra új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-optimalizalt-googlecom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Seo Optimalizált google.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mi történne ha a google.com -nak is seo optimalizáltnak kellene lennie? Seo Optimalizált google.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/virtualizacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Virtualizáció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Virtualizáció. Minden, amit tudni akartál a virtuális számítógépekről, de sosem merted megkérdezni Kezdjük is el! Ha eddig nem értetted, miről szól ez az egész, most meg fogod. Ugyanis létrehozzuk első…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vbulletin-forum-skinezes-egyszerubben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vbulletin fórum skinezés egyszerűbben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A vbulletin skinezése régen sem volt egy leányálom, de a mostani verziókban lévő skinezési lehetőségek szerintem nagymértékben megnehezítik a designer/sitebuilder munkáját. Régebben a template-ekhez könnyebben hozzá lehetett férni, most adminisztrációs…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-26/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 2.6</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a &quot;Tyner&quot; névre hallgató Wordpress 2.6 ahogy azt a hírekből megtudhattam, szerencsére már gyors magyar kollegáim több helyen is elkezdtek róla írni, úgyhogy én most csak egy rövid áttekintést…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-themek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress Themek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy egyszerü, de jópofa, szines 2 oszlopos design a smashingmagazine támogatásával: Wordpress.Fun Egy flickr -re kihegyezett képmegjelenítő theme a Clockwork Objects-től WP-FlickR</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/haj-rajzolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Haj rajzolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorial-ban szeretném bemutatni, hogy pár lépésből hogyan lehet hajat rajzolni. Ízelítőnek itt egy kép, hogy mit is fogunk elkészíteni: 1. Először is hozzunk létre egy új képet, 600x600-as…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-nem-wordpress-blogmotor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 nem-wordpress blogmotor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bár tény, hogy a Wordpress a legnépszerűbb blogmotor, nem biztos hogy mindenkinek ez az idális megoldás. Azt viszont talán nem mindenkinek egyértelmű, hogy milyen más lehetőségek vannak még a blogmotor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/15-hasznos-css-es-html-leiras-honlapkesziteshez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">15 hasznos CSS és HTML leírás honlapkészítéshez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">15 olyan leírás következik, amelyek mindenki számára hasznosak lehetnek honlapkészítés közben. A leírások demo-kat és komplett mintakódokat is tartalmaznak, úgyhogy kezdők számára is is könnyen kivitelezhetőek. A leírásban bemutatják, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-theme-keszites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress theme készítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Korábban már a blogomon volt egy bejegyzés arról, hogy wordpress theme készítéskor jól jöhet a Sandbox nevű theme, mely tökéletes kiindulási pont lehet webfejlesztők számára. Azóta sem találkoztam hasonlóval egészen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rovid-erdekes-linkek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rövid érdekes linkek :)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai első link az egy captcha megoldás. Flash + javascriptre alapozva, kicsit nehezítendő a robotok dolgát. Internet Captcha néven fut. Ha pedig valaki saját kézbe venni a folyton lefagyó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-google-yahoo-szovetseg-szuletett/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe-Google-Yahoo! szövetség született</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A két keresőoriás az Adobe-val együttműködve azon fog dolgozni, hogy a jövőben Adobe Flash tartalmakra is lehessen keresni . Az SWF állományokban lévő információk nagy részét ugyanis egyelőre nem látják…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-letoltes-plugin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - letöltés plugin</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pont a minap beszélgettem egy barátommal a WordPress kapcsán arról, hogy lehetne a lapján lévő fájlok letöltését mérhetővé tenni. Bevallom akkor hirtelen nem volt rá semmi konkrét ötletem (azon kívül…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/50-css-alapu-tab-navigacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">50+ CSS alapú, tab-os navigáció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki szereti a TAB-os (füles) navigációt és nem idegenkedik a CSS alapú megoldásoktól, valószínűleg hasznos találja az alábbi gyűjteményt, ahol több mint 50 megoldást kínálnak mindehhez: 50+ Nice Clean CSS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-40-legnepszerubb-wordpress-trukk-es-hack/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A 40 legnépszerűbb wordpress trükk és hack</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy egész jól összeszedett lista különböző, a wordpress blogmotorral megtehető módosításról (hívhatjuk hack-nek, trükknek is). Nekem több olyan rész is volt benne amire beugrott, hogy valahol ezt már meg akartam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ipb-magyarorszag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IPB Magyarország</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem rég indult az első kizárólag IPB-vel (Invision Power Board) foglalkozó magyar oldal, az IPB Magyarország. Már elérhetővé is tették a legfrissebb fordítást , ami az IPB 2.3.5 vagy régebbi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ajaxcrud/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">AjaxCrud</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Igazából ez a post is a lusta programozó sorozatba készült, de az a cím már unalmas volt :) Ha az ember webes alkalmazást ír akkor az admin felület adat felviteli…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lusta-programozo-masodik-felvonas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lusta Programozó. Második felvonás.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha megakadtál, vagy csak sürgősen kell valami és nem találod nézd végig ezeket a kódkereső rendszereket. - Google Code Search - Krugle - Koders - Oreilly Code Search - CodeBase…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepek-vizjelezese-png-keppel-es-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/06/vizjel-watermark.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képek vízjelezése PNG képpel és PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webáruház fejlesztés közben jött a megrendelő kérése, hogy szeretné, ha a termék képek vízjellel lennének ellátva. Nos, hosszas keresés és kutakodás után, nem találtam olyan szkriptet, amely megfelelően működött is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirek-honlapkeszites-temakorben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hírek honlapkészítés témakörben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Eltelt a múltkori linkkavalkád óta már egy kis idő és megint számtalan hasznos vagy épp érdekes linket találtunk, amit most megosztanánk veletek. Mindegyike valahogy kapcsolódik a webszkerkesztéshez/honlapkészítéshez, úgyhogy remélem mindenki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlapkesziteshez-top-gyujtemenyek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlapkészítéshez top gyűjtemények</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nézzünk olyan cikkeket, listákat, melyek címe is már azt sugallja, hogy az adott témában legjobb (top) oldalakat , forrásokat és egyéb anyagokat gyűjtötték össze. :) A Top 20 Free Vector…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogszerkeszto-szoftverek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blogszerkesztő szoftverek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A blogbejegyzésekhez valószínűleg a legtöbben az alapértelmezett blogadmin felület használják, de azért érdemes róla tudni, hogy vannak más lehetőségek is ( blogszerkesztő szoftverek / programok ). No de miért kellene…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-portal-cimlap-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress - portál címlap készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial.hu -n a hírek és a linkek bevezetésén már jó ideje filóztunk, de csak nem sikerült dűlőre jutni, hogy milyen rendszeren fusson. A lehetőségek amik felmerültek a következők voltak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/6-tipp-a-biztonsagosabb-php-programozashoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">6 tipp, a biztonságosabb php programozáshoz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Általános jó tanácsként: Ne bízzunk meg a felhasználótól kapott adatokban. Minden olyan érték ami a felhasználótól jött gyanús, és csak megfelelő szűrések, átalakítások után kerülhet elmentésre az adatbázisban, megjelenítésre a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/design-otletek-tul-a-weben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Design ötletek - Túl a weben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kínai evőpálcikával színesitett digitális tábla --- A jövő számítógép designjai A kedvenc: Az összes idei tanulmány munka: Next - Gen Pc Designs--- Külső érintő képernyő --- Airtrav - Ilyen lenne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/open-soure-php-alkalmazasok-amelyek-megvaltoztattak-a-vilagot/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Open Soure php alkalmazások amelyek megváltoztatták a világot</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1998 phpMyAdmin 1999 SquirrelMail 2000 eZ PublishosCommercephpBB 2001 GalleryDrupal 2002 MediaWiki 2003 WordPress 2004 SugarCRM 2005 Joomla!Symfony 2006 Zend Framework 2007 Magento eCommerce A lista a PHP::IMPACT listája alapján készült.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ikonok-design-elemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/05/ikonok-design.elemek.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ikonok, design elemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minden ami apró kis grafikai elem, hogy jobban nézzen ki a weblapunk. - 20 Ingyenes Ikon készlet - 25 Apró grafikai elem (ornament) - Desktop és webes ikonok vegyesen -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lightbox-scriptek-gyujtemenye/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lightbox scriptek gyüjteménye</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lighbox Clone Matrix Egy nagyszerű táblázat ami ugyan nem teljes, nem pontos, mégis nagyon jó alapot biztosít ahhoz, hogy összehasonlítsuk és kiválasszuk a számunkra szimpatikus megoldásokat. Ha pedig már JavaScriptnél…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/youtube-otthonra-folytatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Youtube otthonra folytatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző post után jött még néhány kérdés, és egy érdeklődő tehát jöjjön még pár plussz infó. A rendszerek free tárhelyen garantáltan nem futnak, ezért ott eleve nem is érdemes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mindenes-php-hirek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mindenes PHP hírek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A nap első és legfontosabb linkje egy egyszerű összehasonlítás a fizetésekkel kapcsolatban: A php programozók átlagos fizetése Igaz az itt közölt számok Angliára vonatkoznak, de azért meg lehet belőle élni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cms-mix/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CMS Mix</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az utóbbi időben kicsit megfogyatkoztak a hírek, hát tessék. 13 CMS webdesignereknekVan közöttük, java, .net, php, RoR. Csak bátran...</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/revolver-fire/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Revolver - Fire</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Revolver - Fire Egy elég egyszerű slideshow script PHP-ban megírva... Ami briliánssá teszi, az az elnevezés. Revolver is a F ast I mage R otation E ngine (FIRE) Mindenesetre egyszerűbb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirek-javareszt-grafika-temaba/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">hírek javarészt grafika témában</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi hírek nagyrészt vegyesen fognak most érkezni, ahogy az RSS olvasóban csapongtam a kategóriák között. Aki ikonkészítésre adja a fejét, fussa át a &quot;Top 5 Free Icon Editors for…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csoportmunka-a-neten/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csoportmunka a neten</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha már eljutottunk odáig, hogy valamit alkottunk, és szeretnénk megosztani a nagyközönséggel akkor több módszer áll a rendelkezésünkre. - Az örök klasszikus a SourceForge - springloops - BaseCamp -en érhető…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/grafikonok-egyszeruen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/05/grafikonok-egyszeruen.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Grafikonok egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár, a netes grafikonok rajzolását elősegítő alkalmazást szeretnék most megmutatni. Silverlight: - Silverlight Charts - A Microsoft technológiáján alapul, ugyanakkor GPL 3.0 -s licenc alatt elérhető grafikon rajzoló rendszer. Ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-hirek-es-ujdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress hírek és újdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az nem újdonság, hogy a Wordpress ma már több mint egy blogmotor , hozzáértő kezek alatt nagyon sok módon lehet felhasználni és különböző típusú oldalakat is létre lehet hozni vele…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lusta-php-programozo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/05/kodgenerator-programozo.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lusta PHP programozó - kódgenerátorok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai világban annyi mindent elvégeznek helyettünk a gépek, miért pont a programozást ne tennék? Itt van rögtön pár klasszikus ebben a témában: - PHP maker - Code Charge Studio…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-theme-gyujtemenyek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress theme gyűjtemények</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha a Wordpress-ről a múltkor mint CMS-ről emlékeztünk meg, akkor itt a lehetőség, hogy a design oldalát is kiemeljük. - Logoworks 20 ingyenes wordpress template - 11 Adsense optimalizált design…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-mint-cms/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress mint CMS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Wordpress-t egyre több helyen használják többre, mint &quot;egyszerű&quot; blog motornak. Ehhez kapcsolódóan szeretnék megosztani egy pár linket, amit az utóbbi időben találtam: - Wordpress CMS - 6 lépés a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-friss-hir-a-lap-tetejen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 friss hír a lap tetején</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos többen is észre vettétek az elmúlt 1-2 napban, hogy egy új funkcióval bővült a lap - mégpedig a top 10 hír blokkal, ami fent látható &quot; Hírek a nagyvilágból…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/35-forraskod-szerkeszto-program-desktopra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">35 forráskód szerkesztő program Desktopra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző napi hirek között emlitettük a wysiwyg programokat akkor most itt van a társuk: 35 Source Code editor</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-web-tipografia-15-nagyszeru-peldaja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A web tipográfia 15 nagyszerű példája</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon jó kis gyűjtemény web tipográfia témában, ahol 1-1 oldalt emeltek ki rövid leírással. A lap több részét is érdemes átnézni mert elég jó cikkeket lehet találni rajta, illetve tudom…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/javascript-tuzijatek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Javascript tűzijáték</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jönnek lassan az ünnepek, meg mindenféle nyári esemény, így épp itt az ideje annak, hogy weblapunkon is pofás tűzijátékot tudjunk rendezni. Ebben segít a következő link: Dhtml Fireworks Effect</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webos-eyeos/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WebOS - eyeOS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lehet olvasni mindenféle webes OS-ekről (OS jelentése: operációs rendszer) amik elérhetőek és használhatóak, de nekem ezzel mindig az volt a bajom, hogy az adataimat másra kellett bízni és kevés volt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/youtube-otthonra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Youtube otthonra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán mindenki emlékszik még arra, hogy a Google milyen jó pénzt fizetett a youtube-ért és hogy az videbomb hogy került az index fenhatósága alá, még ha az ár nem is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/14-inspiralo-cms/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">14 inspiraló CMS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">CMS Made SimpleCMS Made Simple - MagyarországCMS Made Simple a tutorial.hu -n Drupaldrupal.hu | A Drupal tartalomkezelõ magyar honlapjaDrupal a tutorial.hu-n E107E107 Magyarország ExpressionEngine Joomla!Joomla.hu | A Joomla! CMS magyar…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/25-desktop-webszerkeszto-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">25 desktop webszerkesztő program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy összefoglaló a mostanában divatos desktop webszerkesztő programokról (WYSIWYG Editor). Szám szerint 25 darab, ha másra nem arra jó, hogy a kínálatot átlássuk. 25 WYSIWYG Editors Reviewed</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepfeldolgozas-php-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képfeldolgozás php-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A képek kezelésére eddig is jó néhány igen különböző függvény tár a rendelkezésünkre állt (gd, gd2, imagemagick, netpbm, Magick Wand), de használatukhoz mindig egyedi kódot kellett írni. Az Asido ezt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/20-oldaltipus-ajanlo-blogokra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">20 oldaltípus ajánló blogokra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">20 oldaltípus ajánló bloggereknek, hogy milyen tartalmat lenne érdemes kitenni mindenkinek a blogjára. Persze ez nem kötelező érvényű, csak ajánlás és nem is kell feltétlenül egyetérteni vele, de a listában…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-galeriak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű galériák</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A napokban kerestem pár egyszerű kis galéria programot, hogy legyen mit ajánlani ismerősöknek a saját weblapjukra. Egy rövid össze foglaló a találati listámból: - JSGallery Egy az általam nagyon kedvelt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jeges-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Jeges szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon egyszerű kis jeges szöveg leírás. A végeredmény így fog kinézni: 1.) Csinálj egy új dokumentumot,(én 400 x 200 px-t használtam)és töltsd ki feketével 2.) Írjunk rá egy szöveget (én…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mi-tortent-a-weblapunkon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mi történt a weblapunkon?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A weblap elkészülte után már csak a látogatókat kell várni, ha pedig jönnek tudni szeretnénk, hogy ki az és mit csinál a weblapon. Erre kínálok most néhány eszközt. - Woopra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-web-developers-seo-cheat-sheet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The Web Developer&#039;s SEO Cheat Sheet</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A honlapkészítés egyik fontos lépése a honlap optimalizálása, ehhez nyújt némi segítséget a seomoz.org &quot; The Web Developer&#039;s SEO Cheat Sheet &quot; című PDF dokumentuma, ahol a legfontosabb betartandó szabályok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/url-rovidites-hazilag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">URL rövidítés házilag</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mindenki ismeri a href.hu, tinyURL szolgáltatásait, ahol az a lényeg, hogy egy hosszú url-ből egy rövidet csinál a rendszer. Ezeknek a hátránya, hogyha az adott szolgáltatással gond van, nem elérhetők…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/panoramakep-keszitese-photoshop-cs3-mal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Panorámakép készítése Photoshop CS3-mal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel ritkán tudunk a netről olyan fotó sorozatot letölteni, ami megfelelne ehhez a művelethez, ezért javaslom, hogy magunk készítsük el a képeket. Fontos, hogy egy helyben állva bő átfedésekkel készítsük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ujabb-wordpress-theme-gyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Újabb Wordpress theme gyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem először és gondolom nem utoljára láttam/láttatok már wordpress theme gyűjteményt, de mivel nagyon sokan használják és végül is hátha találunk (én találtam) benne olyat, ami tetszik és eddig máshol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/animalt-gif-keszitese-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Animált GIF készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan készíts remegő szájú, (általam megnevezett Brü) vagy másféle animált GIF-eket? Olvass bele a cikkbe és meglátod, hogy nem is olyan nehéz. Nyissunk meg egy új dokumentumot kisebbet vagy nagyobbat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/folyamatosan-frissulo-naptar-reloaded/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Folyamatosan frissülő naptár - RELOADED</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2007&amp; 46; márciusában kaptunk Fehérvári Gergelytől egy értékes leírást a javascript-es naptárkészítésre vonatkozóan. Már én is kerestem egy naptár tutorialt valahol, így akadtam erre. Ahogy egyre jobban beleástam magam, rájöttem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-251/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 2.5.1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Érdemes minél gyorsabban frissíteni a nemrég kijött Wordpress 2.5.1-es verzióra , mert egy komolyabb hibajavítást is tartalmaz, illetve számos egyéb fájl is frissült, szám szerint 99 darabot számoltam össze. Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sajtos-betu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sajtos betű</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most egy sajtos betűt fogunk készíteni. Szerintem nagyon jó és könnyű elkészíteni. Kattints a képekre, hogy nagyobban lásd őket. 1.) Goudy Stout betűtípussal írjunk valamit. 2.) Lyukasszuk ki a betűk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/weboldal-hozzaadasa-a-konyvjelzokhoz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Weboldal hozzáadása a könyvjelzőkhöz</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számtalan honlapon találkozhatunk olyan funkcióval, hogy hozzáadhatjuk az adott weboldalt a böngészőnk könyvjelzőihez (vagy kedvenceihez). Aki nem Internet Explorert használ, azt sokszor érheti meglepetés: nem történik semmi, hiába kattint a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-figyelo-szolgaltatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online figyelő-szolgáltatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cím egy kicsit rejtélyesre sikeredett. Nemrég belefutottam egy kérésbe, hogy a weboldalon jelenítsük meg a tulaj, mikor elérhető (online) skype-on és csak akkor jelenjen meg a &quot;call me&quot; button!…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/arcszorzet-keszites-photoshopban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Arcszőrzet készítés Photoshopban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most rövid arcszőrzetet fogunk készíteni Photoshopban. Én elkövettem 2 nagy hibát. Kemény ecsettel dolgoztam, fekete-fehér képen. Ti dolgozattok puha ecsettel! Sokkal jobb lesz. Ahhoz, hogy a képeket nagyobb felbontásban megnézd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/varazsoljunk-szarnyakat-a-hatunkra-photoshoppal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Varázsoljunk szárnyakat a hátunkra Photoshoppal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban leírom, hogyan tehettek szárnyakat egy ember (vagy bármi más, csak a képzeletetek szab határt) hátára. Nyissunk meg egy képet, de figyeljünk rá, hogy az emberalaktól jobbra és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-hibaoldala/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress hibaoldala</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most hogy már elég régóta kezdem használni a wordpress-t, ami ennek az oldalnak is a motorja kezdenek kiütközni a hibák. Az egyik legidegesítőbb az, hogy amikor a felhasználó nem jól…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-25-frissites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress 2.5 frissítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az elmúlt kb 1.5 órát azzal töltöttem, hogy frissítettem a lapomat, blogomat és egyéb oldalakat is a régebbi 2.x-es verziókról 2.5-re. Gondoltam megosztom veletek is a tapasztalatokat, ahogy néztem a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. április 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jsas-joomla-stand-alone-server/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JSAS - Joomla Stand Alone Server</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokak fejében megfordult már a gondolat, hogyan lehetne biztosítani megfelelő teszt-környezetet Joomla tartalomkezelőnk számára, utazás közben vagy internetkapcsolat híján. Erre a problémára kínál teljes körű megoldást a JSAS, All-in-one localhost…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-socket-szerver/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP socket szerver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">avagy PHP Socket szerver és chat átjáró Flash kliensekhez Először is ez nem egy részletes útmutató, hogy &quot;Hogyan írjunk PHP Socket szervert és chat átjárót Flash kliensekhez 10 perc alatt.&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-25-rc1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress 2.5 RC1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegnap megjelent hivatalosan is a WordPress 2.5 első Release Candidate verziója, ami bár még nem a végleges kiadás, de az sem várat magára már sokat. Főleg a tapasztalataimról írtam egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/add-html-block-to-wordpress-post/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Add HTML block to wordpress post</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már többen is kérdezték tőlem, hogy a lapon a bejegyzésekben található adsense hirdetéseket milyen módon teszem ki, illetve milyen plugint használok ehhez. Eddig nem igazán volt publikus a plugin, mivel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hokameras-felvetel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hőkamerás Felvétel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban leírom, hogyan készítsünk hőkamerás felvételhez hasonló képeket Photoshopban egyszerűen. Nyissuk meg a képet amit szeretnénk, én ezt választottam: A most következő lépés kihagyható, van amelyik kép jobb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirdomping/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hirdömping</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha belefáradtál a napi hirek olvasásába, akkor igy kis kikapcsolódás: FeedDaemon használóknak: - Nyisd meg a FeedDaemon-t - A cimsorba ird be, hogy: FeedDemon Easter Egg - Jó szórakozást</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. március 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/authority-site-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Authority site lett a tutorial.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma a Seo Fórum &quot; authority site &quot; témáját olvasgatva láttam, hogy 2 netes barátom lapja is elérte ezt a szintet (grat Merras és Hitetlen!), úgyhogy poénból én is rákerestem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bonfire-blogja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BonFire blogja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most reggel vettem észre a bejegyzéseknél, hogy BonFire elindította új blogját &quot; BonFire blogja - Photoshop alapok, tutorialok, digitális képszerkesztés&quot; címmel. Még nem volt időm végigolvasni az egészet, de ahogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/urlapok-feldolgozasa-php-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Űrlapok feldolgozása PHP-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Manapság egy PHP alpú, motorú oldalon alapvető dolgok közé tartozik az űrlap feldolgozás. Az összes olyan oldalon ahol adatot küldünk el a szervernek (bejelentkező ablak, szavazás, keresés, cikk küldés) ott…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lapozo-php-kod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lapozó PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap ráfutottam arra, hogy a szokásos számos lapozó helyett (1-10 || 11-20 ... stb ) ABC-s kell a megrendelőnek. Az adatbázisában szereplő személyeket akarja listázni úgy, hogy mindig a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rancfelvarras-photoshop/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ráncfelvarrás Photoshoppal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissunk meg egy képet ahol ránctalanítani szeretnénk és nyomjuk meg a Ctrl+J -t (ezzel a paranccsal lemásoljuk a hátteret és egy új réteg keletkezik). Az új réteget fogjuk &quot;ránctalanítani&quot; tehát…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/drupal-60/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Drupal 6.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Egy év fejlesztés után a Drupal 6.0 stabil kiadása végre napvilágot láthat. Köszönet a közösség kemény munkájának, több mint 1600 hibajegyet (fejlesztést, új szolgáltatásokat, hibajavításokat) sikerült lezárni az egy év…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rgb-kepek-feljavitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">RGB képek feljavítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissunk meg egy olyan képet, amire nagyon rászorul a korrekció, tehát sötét, túl narancsos-pirosas az árnyalata (ez a kép természetes fény és vaku nélkül készült). Nyomjuk meg a Ctrl+Shift+B -t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-cs3-oktatovideok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe CS3 oktatóvideók a szoftver.hu-n</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szoftver.hu vadonatúj Adobe CS3 oktatóvideókkal várja a portál látogatóit. A felhasználó Perhiniák Márton Adobe Certified Expert oktató leckéin keresztül ismerheti meg a legnépszerűbb Adobe szoftvereket, egyszerűen és gyorsan sajátíthat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/boxmodellek-toxin-uj-blogja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Boxmodellek - toxin új blogja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Toxinnal már több évre nyúlik vissza az ismeretségünk, még anno a fórumon kezdődött aztán egy ideig együtt is dolgoztunk távmunkában. Most örömmel láttam a fórumon az egyik bejegyzését, amiben felhívta…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/silentnight-micro-cd-dvd-iso-audio-burner/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SilentNight Micro CD/DVD/ISO/Audio Burner</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha 1-1 CD-t vagy DVD-t kellene kiírni és nem használod rendszeresen, főleg komolyabb dolgokra a DVD íródat, akkor nem feltétlenül szükséges egy nagy programot (gondolok itt a népszerű Nero-ra) telepítened…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sminkeljuk-photoshoppal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sminkeljük Photoshoppal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissunk meg egy képet, ahol meglágyítottuk az arcbőrt de még szeretnénk javítani a sminken. Helyezzük fel a modell szemeire a szempillákat (Szempillafestés) majd adjunk hozzá egy új réteget (Create new…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-233/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress 2.3.3</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kijött a legfrissebb Wordpress, érdemes minél gyorsabban megejteni a frissítést. Az alábbi fájlok változtak a 2.3.2-es verzióhoz képest. - xmlrpc.php - install-helper.php (könyvtár: /wp-admin/) - akismet.php (könyvtár: ) - gettext.php…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/asztali-alkalmazasok-keszitese-php-vel-php-gtk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Asztali alkalmazások készítése PHP-vel: PHP-GTK</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A múltkor írásomban bemutattam, hogy a PHP - bár elsődleges arra lett kifejleszve - nem csak webes nyelvként használható. Ebben a leírásban még inkább közelítünk az asztali alkalmazások világához és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/clearbox-js-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ClearBox JS 2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Még tavaly sikerült ráakadnom a pyro által fejlesztett ClearBox scriptre (lsd a korábbi bejegyzést erről: ClearBox - magyar fejlesztésű képmegjelenítő) és azóta is több alkalommal használtam nagy megelégedéssel, úgyhogy örömmel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykepmozaik-keszitese-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénykép mozaik készítése II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most a Contact sheet II. Funkciót fogjuk használni (File/Automate/Contact Sheet II.), ahol a menüpontra történő kattintás után megjelenik egy párbeszédablak. Legfelül (Source Images) nyisd meg azt a fájlt, amiben a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykepmozaik-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénykép mozaik készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissunk meg valamennyi képet, amiket egy nagy összefoglaló vászonra szeretnénk ragasztani. Menjünk a photoshop file menüjébe majd nyissunk meg egy új dokumentumot (A4es méretet, és 300dpi-t vagy nagyobb felbontást válasszunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. február 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kocka-gyumolcs-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kocka gyümölcs készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyissuk meg a gyümölcsünket (Az én esetemben egy mandarin) majd vágjuk ki hogy csak a gyümölcs legyen a vásznon. 1.) Hozzunk létre egy új lapot, és a kivágott gyümölcsöt ragasszuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/parancssori-programozas-php-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Parancssori programozás PHP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP weben használva egy nagyon hasznos találmány, parancssorban használva pedig mindennapi életünket könnyítheti meg. A PHP-t ráadásul felkészítették ilyen felhasználásra is, tovább segítve a programozót. A lehetőségek bemutatását egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/arc-lagyitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az arc lágyítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Annyiféle retusálási technika van mint égen a csillag, de én ezt a technikát alkalmazom leggyakrabban, az arcnál. Akkor nézzük... Nyissunk meg egy retusálásra szánt képet, ezt követően menjünk a filter…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dust-me-selectors/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dust-Me Selectors</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webfejlesztés közben könnyen előfordulhat, hogy a készülő lap építése során olyan CSS kódrészletek kerülnek be a CSS fájlba, melyeket később már nem is használunk. Ezeket manuálisan felderíteni igen időigényes feladat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kuldj-te-is-leirast-a-lapra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Küldj Te is leírást a lapra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elkészült a már régebben megígért leírásküldéssel kapcsolatos oldal, amit elértek a jobb oldali menüben található zöld &quot;Küldj leírást!&quot; gombon keresztül, vagy a linkre kattintva: Küldj Te is leírásA leíráshoz nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rugalmasan-nyulo-kerekitett-sarku-gomb-css/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rugalmasan nyúló, kerekített sarkú gombok CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem számít egy nagyon új dolognak a CSS segítségével megvalósított gomb , viszont a dinamikus szélességgel bíró gomb igenis új távlatokat nyit a weblapkészítésben. A következő leírásban egy ilyen szerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-biztonsagi-tippek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2008/01/wordpress-biztonsag.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress biztonsági tippek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Wordpress is - mint minden CMS - feltörhető, főleg ha nincs rendszeresen frissítve. A rendszeres frissítésen túl, még az imákat megelőzően azért tehetsz pár dolgot annak érdekében, hogy a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-wp-syntax-nyelvek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">wordpress wp-syntax nyelvek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lapon működő &quot;WP-Syntax (geshi)&quot; plugin által támogatott nyelvek listája, hogy ne kelljen google-ban keresgélni ha szükség van rá. Ha itt a blogon szeretnél 1-1 hozzászólásban valamilyen kódot írni, akkor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-szotar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop szótár</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számtalanszor elhangzott már a lapon a kérdés és a válasz a photoshop angol-magyar és magyar-angol átkapcsolásával, fordításával kapcsolatban, de a minap megígértem, hogy ennek egy külön bejegyzést is szentelek. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorialhu-szabalyzat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial.hu szabályzat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tavaly előtt írtam egy mondhatni sikeres Fórum etikett c. írást, melyet azóta számos fórum átvett, most úgy érzem itt az ideje, hogy egy bloghoz való leírást is összehozzak. A lap…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/13-photoshop-retusalt-kep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">13 photoshop retusált kép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy orosz oldalon találtam nemrég egy jó blogbejegyzést ami gyakorlatilag annyi volt, hogy kép párokat sorakoztatott fel egymás alatt, ahol az első fotó a photoshop-olt kép volt, az alatta lévő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-lett-a-feeddemon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes lett a FeedDemon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jó hír az RSS-t gyakran használóknak, hogy a NewsGator cég több, RSS-sel kapcsolatos szoftvert és szolgáltatást is ingyenesen elérhetővé tett : FeedDemon 2.6 , NetNewsWire 3.1, NewsGator Go! for Windows…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/domain-backlinks-checker/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Domain Backlinks Checker</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Találtam egy nagyon jó domain backlink ellenőrző felületet (online cucc), ami meglehetősen részletes adatokat ad. Egyrészt tetszik, hogy a linkeket nem ömlesztve kapom meg, hanem tld és domainek szerint csoportosítja…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cms-made-simple-bemutatasa-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CMS Made Simple bemutatása - 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a tartalomkezelő rendszerrel csak pár hónapja ismerkedtem meg jobban de bátran mondhatom, hogy sok tekintetben odaver de nagyon a népszerűbb, jobban ismert rendszereknek is. Nagyon ajánlom mindenkinek, aki honlapkészítéssel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-webmester-sugocsoport/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Webmester Súgócsoport</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegnap óta elérhető a &quot;Google Webmester Súgócsoport&quot; magyar nyelven ahol az alábbi témakörökben lehet beszélgetést kezdeményezni a &quot;Google Webmester Csapat&quot; tagjaival. - Feltérképezés, indexelés és rangsorolás - Google webmestereszközök -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/622-photoshop-brushes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">622 photoshop brushes</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop-hoz mindig jól jönnek a brush gyűjtemények, úgyhogy érdemes eltenni az alábbi linket, ahol több mint 622 photoshop brush tölthető le és használható fel a munkákhoz. A témákat tekintve 7…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/total-commander-vs-tortoisesvn-ikonok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Total Commander vs TortoiseSVN ikonok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha használsz SVN-t, biztos belefutottál már abba, jó lenne az ehhez kapcsolódó ikonokat (commit stb..) nem csak Windows Explorer alatt megjeleníteni, hanem pl. Total Commander-ben is szeretnéd látni, hogy 1-1…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-snippet-aptana-studio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új snippet felvétele Aptana Studio-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az aptana egy remek, eclipse alapú szerkesztőprogram, általában ajánlani szoktam másoknak akik munkájuk során 1-1 nagyobb projecten dolgoznak illetve ha SVN támogatásra van szükség és nincs kedve valakinek egy TortoiseSVN-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vectormagic/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">VectorMagic</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez nem friss hír vagy ajánló annak, aki rendszeresen sok-sok angol nyelvű oldalt követ, de talán még nem ismeri mindenki. Egy olyan oldalt szeretnék a figyelmedbe ajánlani, mely webes felületen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-232/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress 2.3.2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kijött az új wordpress, érdemes frissíteni rá aki ezt a blogmotort használja, mert van benne pár biztonsági frissítés is illetve bugfix. A hivatalos upgrade leírást szerint le kellene tölteni az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2008. január 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/copy-as-html-link/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Copy as HTML link</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most találtam egy hasznos kis firefox extensiont azok számára, akik szokszor linkelnek más lapokra a blogpostjaik írásakor, a neve &quot; Copy as HTML link &quot;. A telepítés után bármely oldalon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/intype-kodvalaszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2007/12/intype-editor.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Intype kódválasztó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző cikkben (Intype editor) volt már arról szó, hogy lehet az Intype-ban 1-1 plusz snippet-et felvenni, ami 1 tag begépelésére kiír egy megadott kódot. Ez nagyon kényelmes megoldás egészen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fat32-konvertalasa-ntfs-re/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">fat32 konvertálása ntfs-re</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap történt, hogy a nagy hévvel elkezdett adatmentési folyamat közepén jöttem rá, nem konvertáltam NTFS-re az eredetileg FAT32-es fájlrendszerrel érkező My Book-t. Ez csak azért volt gond, mert így…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modosult-az-rss-eleresi-utvonala/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Módosult az RSS elérési útvonala</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Módosulnak itt a lapon az RSS elérési útvonalak, ezért aki a lap frissítéseit így követi, írja át a linkeket majd a kicsit lentebb mutatott újakra. A friss hírek RSS csatornája…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-hozzaszolok-adatainak-formazasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">wordpress: hozzászólók adatainak formázása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Felmerült a lehetőség itt a lapon is, hogy mi lenne ha a hozzászólók linkjeit nem a névre tennénk rá hivatkozásként, hanem a név mellett vagy alatt lenne kiiratva (az ötlet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flv-a-desktopon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FLV a desktopon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az FLV-ét mindenkinek cikksorozat második részét következik. Az első részben sikeresen eljutottunk odáig, hogy a &quot;tetszőleg&quot; videó formátunkból mostanra egy szép, szabványos, és jó minőségű flv file-t csináltunk. Itt az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flv-a-neten/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FLV a neten</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az első részben (FLV videó konvertálás) legyártott a második részben (FLV a desktopon) leellenőrzött videóinkat most már szeretnénk megosztani a közösséggel is, hiszen azért bajlódtunk vele annyit. Nézzük, milyen lehetőségeink…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flv-video-konvertalas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FLV video konvertálás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Blogolás közben, illetve a munkáink során belebotlottunk mi is abba az elsőre egyszerűnek látszódó feladatba, hogy videókat kellene kitenni a netre. Blog esetében elég sok választásunk van, élhetünk például a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megszunt-a-seotutorialhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megszűnt a seo.tutorial.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár napos mérlegelés után úgy döntöttem, hogy a seo.tutorial.hu -t megszüntetem. Nem láttam értelmét a honlapkészítéshez egyébként szorosan kapcsolódó keresőoptimalizálásos linkeket, kisebb leírásokat külön kezelni. Inkább visszahoztam a témát a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-movable-type-ingyenesen-letoltheto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Movable Type ingyenesen letölthető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mai hír, hogy a régóta ismert, bár magyar nyelvű lapokon ritkán látott Movable Type blogmotor mától ingyenesen is elérhető a nagyközönség számára. A motort mostantól kezdve szabadon le lehet tölteni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-for-speed/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress for Speed - avagy WP gyorsítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A function&amp; 95;cache fügvény kapcsán jött elő a kérdés, hogy mennyit is számít pontosan ez a rendszer teljesítményét figyelembe véve. A pontos válaszhoz először is azt kell megnéznünk, hogy milyen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/favikon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">favikon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Volt már egy cikk a lapon a favicon-okról, úgyhogy most nagyon nem részletezném a dolgot. Ami kapcsán a bejegyzés született, hogy találtam egy nagyon hasznos kis lapot favicon-ok gyártásához, érdemes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-plugin-function-cache/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2007/12/wordpress-function-cache.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress Plugin: function_cache</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial.hu átállás kapcsán derült ki az, hogy a 2.3 -as wordpress-ben sincs egyetlen épkézláb cache funkció sem. Ami van (wp-cache), azt pedig a fügvényeken belül használják, és ráadásul még…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/intype-editor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2007/12/intype-html-editor.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Intype editor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki követi a blogomat, már biztos találkozott - és remélem ki is próbálta - az Intype nevű texteditor programot, ami mostanában a nagy kedvencem honlapkészítés során. Pár szót azért ejtenék…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/atmeneti-lassulas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Átmeneti lassulás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos észrevettétek többen is az elmúlt napokban, hogy a lap időnként belassult vagy nem lehetett elérni. Úgy tűnik az új honlap jelentős terhelésnövekedést rakott a szerverre, aminek több oka is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-grafika-uj-motor-a-lap-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új grafika, új motor a lap alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Eljött ez a nap is, megint nagyobb változás történt a honlap életében. :) Aki a blogomat követte, már értesülhetett róla hogy ez várható, csak a napját nem közöltem és talán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rejtett-kep-csak-ie/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">rejtett kép (csak IE)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lássuk, hogy készíthetünk nagyon egyszerűen egy titkos képet. Nehézségi szint: kezdő szükséges idő: 5-10 perc Első lépés: a.) Először készítünk egy mintát, amivel később dolgozni fogunk. Nyissunk egy új, 2x2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. december 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fotopapir-hatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fotópapír hatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a technika jól jöhet minden olyan oldalon ahol 3d hatást akarunk elérni. Nem csak papír daraboknál használható, bármilyen formához ami árnyékot vethet. Készítsünk egy 400x400-as dokumentumot. A háttér színét…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/papir-kivagas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Papír kivágás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jöjjön egy újabb 3d hatású kivágás effekt, ezúttal egy papírlapból fogunk formát kimetszeni. Készítsünk egy 400x400-as dokumentumot, fehér háttérrel. Adjunk hozzá egy új réteget, és nevezzük el papírnak. Töltsük ki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bad-neighborhood-scanner/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bad Neighborhood Scanner</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Linkpartnereket vizsgáló online szolgáltatás</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/copyscape/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Copyscape</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A duplikált tartalmak felderítését elősegítő szolgáltatás</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyedi-vista-stilusu-menu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyedi Vista stílusú menü</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyedi Vista Stílusú menü készítése Ha szeretnél Vista stílusú menüt készíteni pl. a honlapodra, akkor ez a tutorial pont neked szól. Lássunk is hozzá: Nos, valami ilyesmit szeretnénk összedobni: 1…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/windows-xp-kinezet-alakitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Windows XP kinézet alakítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a témakörben egy könyv is kevés lenne, ha minden ismert módszert, esetleg minden windows theme készítő program, számtalan beállítását leírnánk, részletes magyarázatokkal és háttér információkkal együtt. A leírásban egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/stiluslap-valtas-kepernyofelbontas-alapjan-javascripttel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Stíluslap váltás képernyőfelbontás alapján Javascripttel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben az ismertetőben azt próbálom bemutatni, hogyan igazíthatjuk weblapunk kinézetét a felhasználó által használt képernyőfelbontáshoz és böngészőhöz. Javascriptünk érzékeli a felhasználó képernyőfelbontását és az általa használt böngészőprogramot, és más-más stíluspapokat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/3d-hatasu-kep-kivagas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">3d hatású kép kivágás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Következzen egy érdekes 3d hatású effekt, amely remekül néz ki, és kivitelezni sem nehéz. Ebből a képből indítunk, talán a legjobb nektek is ezzel kezdeni, később sajátra is átültethető. Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/art-work/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Art work</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már jó idő eltelt azóta, hogy az art-work.hu honlapot megnéztem - mikor még a fejlesztés kezdődött. A fejlesztője mudlee és múltkoriban örömmel láttam, hogy azóta is fut, bővül tartalommal rendesen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keyword-lookup/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keyword Lookup</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Keresett szavak és kifejezések listája (Google, Yahoo, MSN)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seoquake/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SeoQuake</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">SeoQuake - Keresőoptimalizáláshoz ingyenes Firefox kiegészítés</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/99-hasznos-link-designereknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">99 hasznos link designereknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikk eredeti címe &quot;99 Useful Resources for Graphic Designers&quot; és azért tartom hasznosnak (illetve merem ajánlani), mert sok jó honlapot, forrást sorolnak fel benne amik között biztos lesz 1-2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csillogo-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csillogó gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A most következő tutorial olyanoknak szól akik tisztában vannak a photoshop alap szintű kezelésével. Azért megpróbálom úgy bemutatni hogy bárki megértse, képekkel illusztrálva. Angol nyelvű programot használok, de magyarul is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kirowski-senior-sitebuilder/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kirowski - senior sitebuilder</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">E-business és technológia csapatunk bővítéséhez senior sitebuilder munkatársat keresünk . - a magyarországi infokommunikációs piac meghatározó szereplője vagyunk - egyedi szolgáltatásokat nyújtunk - ügyfeleink iparág-vezető hazai és nemzetközi vállalatok -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/linkvendor-domain-popularity-checker/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">LinkVendor - Domain Popularity Checker</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">domain backlink ellenőrzéshez ajánlott ingyenes, online szolgáltatás</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/muhelytitkok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Műhelytitkok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos oldal érdekes írásokkal after effects css, photoshop, honlap optimalizálás és sok egyéb, hasonlóan érdekes témakörben. Műhelytitkok</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-csikozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép csíkozás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban megmutatom neked, hogy miképp lehet egy képet becsíkozni. 1. lépés: Nyiss egy új Transparent (átlátszó) dokumentumot 6x6os méretbe. 2. lépés: Nagyítsd fel a megfelelő méretre. 3. lépés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. október 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smiley-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smiley készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a kis tutoriálban megmutatom nektek, hogyan is lehet egy egyszerű, mégis szép smiley-t készíteni! :) (meglepődött arcú smiley) Akkor kezdjünk is hozzá! Első lépés: Először hozzunk létre egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hattermintazat-keszitese-egyszeruen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Háttérmintázat készítése egyszerűen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi videó egy egyszerű textúra elkészítése módot mutat be, a videó végén pedig egy szöveg kerül mintaként a felületre. A videó letölthető itt: textura.rar (2699kb) Videó formátum: avi</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webposition-gold/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WebPosition GOLD</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az egyik legrégebbi és leghíresebb keresőoptimalizálást segítő szoftver, melyet sok nagyvállalat és profi seo szakember használ.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/etomite-cms/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Etomite CMS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Etomite CMS-sel már akkor barátságot kötöttem, mikor először ezt használtam egy weboldal építéséhez, ez körülbelül 2-3 éve lehetett. A fórumon anno sokat beszélgettünk róla és többen egyetértettünk abban (pl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pluck-tartalomkezelo-rendszer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pluck - tartalomkezelő rendszer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Pluck CMS (Content Management Sytem) egy kicsi, gyors, nyílt forráskódú tartalomkezelő rendszer mely PHP-ban íródott. Előnye más, nagyobb rendszerekkel szemben, hogy használatához nincs szükség MySQL adatbázis használatára, elég ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seotoolshu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">seotools.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A seotools.hu magyar nyelvű honlapot még akkor kezdtem el követni, mikor a SEO fórumon kiderült, hogy az egyik regisztrált tagunk készítette és tartja karban. A honlap egyszerű, ám ízléses felületén…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykitoreses-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénykitöréses szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás lépéseit nyomon követve egész gyorsan tudsz majd olyan szövegeket készíteni a Photoshop-ban, amely egy fénykitöréshez hasonlít. A cél az, hogy végeredményképpen egy ilyen képet kapjunk: 1.) Hozz létre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/free-backlink-checker/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Free backlink checker</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Free Backlink Checker (Ingyenes backlink ellenőrző) honlapot nemrég találtam és gyorsan fel is veszem linknek, mert nagyon jó szolgáltatást nyújt. A lapjukon meg lehet adni a linket és be…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/link-harvester/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Link Harvester</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Link Harverster egy ingyenes online szolgáltatás, mely segítségével felderítheted a lapodra mutató linkeket.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/yahoo-site-explorer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Yahoo Site Explorer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Yahoo webmestereknek szóló szolgáltatása nem új, viszont hasznos, backlinkek ellenőrzésésére kiváló eszköz. A &quot; link:www.domain.com &quot; módon írd be a lapodat a keresőmezőbe, majd kattints az &quot;Explore URL&quot; gombra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cmsimple-tartalomkezelo-rendszer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cmsimple tartalomkezelő rendszer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Cmsimple Content Management egy végtelen egyszerű tartalomkezelő rendszer , mely kis honlapok esetében lehet jó választás. A telepítése egyszerű és ami előny lehet, hogy nem használ SQL-t. Bár ma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-proxy-hacking/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google proxy hacking</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A kifejezéssel én sem rég találkoztam és nagyon röviden elmondva arról van szó, hogy ha van olyan ember, aki ki akar szúrni veled, kereshet egy nyitott proxy-t majd valahol a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/internet-business-promoter-ibp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Internet Business Promoter (IBP)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Internet Business Promoter-ről hirtelen nem is tudom mit mondja, annyi mindenre képes: kulcsszóválasztás, honlap analizálás, optimalizálás, helyezések ellenőrzése stb.. Elég összetett és sokrétű program , 1-2 este nem elég…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/am-deadlink-link-ellenorzo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">AM-DeadLink - link ellenőrző</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ellenőrzi a böngészőprogramod kedvenceiben tárolt címeket (Internet Explorer, Opera, Netscape, Mozilla/FireFox), kiírja ha vmi már nem él és egyből törölheted is ezeket. A linkek között nem csak a halott linkeket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cms-made-simple/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CMS Made Simple</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A CMS Made Simple egy egyszerű, könnyen telepíthető és karbantartható tartalomkezelő rendszer, melyet itthon elég kevesen használnak, pedig nem mostanában kezdték a fejlesztését. A nagyobb CMS-ekkel (pl. Drupal, Joomla) nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/good-keywords/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Good Keywords</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Good Keywords (magyarul Jó Kulcsszavak) egy windows oprendszer alá ingyenesen telepíthető kulcsszó választást elősegítő eszköz. A programról - bár jómagam is használtam/-om nem sok infóm volt, azt mindenesetre láttam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-adwords-keyword-tool/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google AdWords - Keyword Tool</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google Adwords programban lehet feladni a hirdetéseket, ám ehhez fontos tudni, hogy a reklámodat mely kulcsszavakra szeretnéd megjelentetni. Ehhez a kulcsszóválasztáshoz nyújts segítséget a Google Adwords Keyword Tool, ahol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keyword-elite/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keyword Elite</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A keresőoptimalizálás során kiemelkedően fontos lépés, hogy a kulcsszavaidat jól válaszd meg , hisz ezen fog múlni a forgalmad és hogy kik találják meg a lapot. A kulcsszóválasztáshoz számtalan online…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/overture-keyword-selector-tool/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Overture - Keyword Selector Tool</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az online eszköz segítségével könnyű a kulcsszó választás. Az online, ingyenesen elérhető eszköz nagyszámú keresési statisztikák alapján ajánl kulcsszavakat a keresett szóhoz/kifejezéshez. Ám a program a keresési statokat csak a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xenus-link-sleuth/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xenu’s Link Sleuth</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A program igazán megérdemel egy bejegyzést, hisz nagyon régóta használom nagy megelégedettséggel a törött linkek felderítésére. Ingyenes linkellenőrző program , mely az am-deadlink programtól eltérően nem a kedvencekben, hanem az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/digixmas-submitter/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">digiXMAS Submitter</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A digiXMAS Submitter program segítségével katalógusokba regisztrálhatod a honlapodat automatikusan, így linképítéshez kiváló eszköz lehet. A program adatbázisa központilag van karbantartva és frissítve. A programról először egy kedves barátom, Bagi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/directory-of-seo-links/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Directory Of SEO Links</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bagi Zoltán neve mindig magas minőséget jelent számomra, ez esetben sem kellett csalódnom. Az általa készített és karbantartott, frissített honlapon számos hasznos linket és ötletet fognak találni azok, akik a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/link-directory-submitter/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Link Directory Submitter</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szoftvert a Directory Of SEO Links honlapon találtam és utánanéztem, mégis mit tudhat, hogy a számtalan linkeket automatikusan directory-ba regisztráló programok közül ez van kiemelve. A honlap készítője, Bagi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modx-tartalomkezelo-rendszer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MODx tartalomkezelő rendszer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A MODx SEO CMS rövid bemutatása és hasznos linkek</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/web-ceo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Web Ceo</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A legjobb, MOST ingyenesen is elérhető SEO (keresőoptimalizálás) szoftver.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/joomla-seo-leirasok-es-eszkozok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Joomla SEO - leírások és eszközök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot;Joomla SEO - SEO Tools Tutorials Components For The Joomla CMS&quot; című honlap elég népszerű a Joomla-sok körében, sok-sok hasznos információt, tanácsot és eszközt talál rajta az, aki nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-blog-longhand/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO blog - Longhand</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kiváló blog keresőoptimalizálás, keresőmarketing terén, mindenkinek ajánlott követni akit érdekel, hogy jó helyezést és látogatottságot elérni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-keszitese-3-lepesbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sig készítése 3 lépésből</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Újra egy sig készítése a cél, méghozzá 3 lépésből. Hozz létre egy 400×120 -as képet a Photoshop-ban. 1.) Keress egy rendert, ami majd a Sig -ben fog szerepelni, és azt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-drupal-seo-egyszeru/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A drupal SEO egyszerű</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikk eredeti címe a &quot; Drupal SEO is Easy &quot;, mely bár közel sem mindent tartalmaz amit lehet tudni, de számos hasznos infót írt le a szerző. A cikk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/drupal-seo-esettanulmany/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Drupal SEO esettanulmány</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos és érdekes cikk több olyan általánosan elkövetett hibáról, mely a neten lévő lapokat sokszor jellemzi. Szó esik a cikkben az alábbiakról is hozzájuk tartozó linkekkel (a drupal.org megfelelő oldalára…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-book-keyword-suggestion-tool/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO Book Keyword Suggestion Tool</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A program egy online kulcsszóválasztó eszköz , mely segítségével könnyen találhatunk a keresett kifejezéshez kapcsolódó egyéb kulcsszavakat vagy kulcsszó párosokat. A kulcsszóválasztás folyamata néha elég macerás tud lenni, főleg ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xinu-pagerank-ellenorzes-online/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xinu - pagerank ellenőrzés online</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Xinu - online analizáló eszköz, mely a keresőoptimalizáláshoz fontos adatokat mutatja meg a lapod linkjét beírva.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/texmod-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TexMod Tutorial</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A TexMod egy olyan program, amely bizonyos játékoknál hozzáférést biztosít annak textúráihoz , amit exportálás után kedvünkre módosíthatunk, majd ezeket a módosított textúrákat betölthetjük, így saját alkotásainkkal játszhatunk anélkül, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/60-kiemelkedoen-jo-ps-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">60 kiemelkedően jó PS tutorial</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop tutorialok terén rengeteg angol anyag található a neten, de ezt azt oldalt kiemelkedően jónak találom, szerintem te is fogsz rajta hasznos leírást találni. 60 kiemelkedően jó PS tutorial</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/msn-stilusu-ember/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MSN stílusú ember</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban az MSN Messenger &quot;emberkéjét&quot; csináljuk meg. Néhány egyszerű lépés, nem szeretném túlragozni a dolgot. 1.lépés: Az alap alakzatok. Ahogy az a lenti képen is látható 4db alakzatot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tripoli-css-reset/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tripoli - CSS reset</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">What is Tripoli? Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects. The…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-cheatsheets/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress cheatsheets</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Wordpress cheatsheets summarized Some time ago, when I searched on Wordpress&#039; codex the syntax of some template tag, I realized that for such purposes are there often cheatsheets. Lists of…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/graffiti-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Graffiti készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt sajátíthatod el, hogy kell Photoshop segítségével egy szép graffitit készíteni. Az alaplépés úgy kezdődik, ahogy azt már más tutorialoknál is megszokhattad: 1) Nyiss egy új dokumentumot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kattintasi-szokasok-1-bevezeto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kattintási szokások 1. - bevezető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Statisztikai rendszerekből ma már rengeteg van mind magyar, mind pedig idegen nyelven. Ezek legtöbbje számtalan módon képes a lapunkat meglátogatókról sok-sok érdekes adatot elárulni, például hogy honnan jöttek, milyen böngészőt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kattintasi-szokasok-2-clickaider/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kattintási szokások 2. - ClickAider</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Rövid bevezetőként, hogy miről is szól a ClickAider szolgáltatása: ahogy ezt a cikk 1. részében is említettem, van olyan szolgáltatás, melyre csak regisztrálni kell magunkat és ezért cserébe képes például…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kattintasi-szokasok-3-clickheat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kattintási szokások 3. - ClickHeat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most hagyjuk egy időre a Google Analytics-t és a ClickAider-t, nézzünk egy másik típusú statisztikai rendszert. Ez lesz az, amire a cikk 1. részében úgy utaltam, hogy letölthető és telepíthető…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/amiket-nem-szeretnek-a-keresok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Amiket nem szeretnek a keresők</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikk a &quot;Keresőoptimalizálás és prioritások&quot; c. leírás folytatása, viszont az első rész végig arról szólt, hogy melyek azok a lépések, melyeket el kell követni. E leírás pedig arról szól…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/katalogusok-katalogusa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Katalógusok Katalógusa</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Keresőoptimalizáláshoz hasznos katalógusok katalógusa frissítés 2009.05.06-án: Az eredeti címen - hxxp://seokatalogus.vizsgazz.hu - már semmiféle katalógus nem található , a domaint átirányították egy céges lapra</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keresooptimalizalas-es-prioritasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keresőoptimalizálás és prioritások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A keresőoptimalizálás nem 1 nagy lépésből vagy 1 nagy módosításból áll, inkább sok kisebb-nagyobb lépés sorozata után hozza meg a kívánt eredményt. Az egyes lépések között rangsort felállítani elég nehéz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dropmyrights-avagy-biztonsagos-internetezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DropMyRights avagy biztonságos internetezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Legtöbben a windowt rendszergazdaként használják, ám ezzel együtt a böngészés közben begyűjtött kártékony programok is admin jogokkal képesek garázdálkodni a gépeden . Hogy ezt megakadályozd, az egyik lehetőség az lenne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-wysiwyg-editor-formazasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Wordpress WYSIWYG editor formázása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem tudom ki hogy van vele, de ha már egy CMS esetében az admin felületen WYSIWYG szerkesztő felületet használok, akkor szeretem a bejegyzés megírásakor olyan formázással látni a szöveget, ahogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/napfelkelte/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Napfelkelte</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorialban egy erdős képből 1-2 lépéssel készítünk egy olyan változatot, hogy a módosítás után mindenki azt fogja hinni, a kép napfelkeltekor készült. Megcsináljuk ezt: Kezdjük is el: Nyisd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/60-inspirativ-oldal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">60 inspiratív oldal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">lapok gyűjteménye, ha elfogy az ihlet 60 inspiratív oldal</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xray-extension/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XRay extension</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">weboldalak szerkezetének megtekintéséhez XRay extension</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. augusztus 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-45-legjobb-ingyenes-design-szoftver/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A 45 legjobb ingyenes design szoftver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A 45 legjobbnak tartott design, grafikai szoftver egy gyűjteményben A 45 legjobb ingyenes design szoftver</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ghosty-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ghosty effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először nyiss egy új dokumentumot, a méret nem fontos, de azért ne legyen 1x1px-es :) Én egy 400x400 pixel méretű képen dolgoztam. Ha létrehoztad az új dokumentumot, válaszd ki a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-tapasztalatok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress tapasztalatok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most már eltelt egy hónap (2007. június 4. a pontos dátum), hogy feltettem a WordPress -t a blogom alá egyrészt tesztelési, kísérletezési céllal, másrészt hogy leírhassak olyan dolgokat is, melyek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hivo-kornyezet-meghatarozasa-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hívó környezet meghatározása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha jól jöhet, ha tudjuk, hogy egy-egy függvényünket milyen környezetből (milyen függvényből, mely osztály mely metódusából, melyik fájlból stb.) hívták meg. Ebben segíthet ez a snippet. Hogy egy példát is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/explain-how-it-works/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Explain How It Works</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mutasd meg látogatóidnak, hogy működik... Explain How It Works</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gombgyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gombgyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">gombok gyűjteménye Gombgyűjtemény</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szivarvany-szem/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szivárvány szem</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha egy szemet szeretnénk szivárványszínűre színezni, akkor azt az alább ismertetett módon lehet lehet legegyszerűbben megoldani. Vegyünk egy képet, amin a szemet szeretnénk színezni. 1. Én ezt vettem alapképnek: 2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xhtml-characters/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XHTML Characters</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">XHTML Character Entity Reference This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mire-jo-meg-a-wordpress/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mire jó még a WordPress</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A WordPress azon kívül, hogy blogokat lehet vele könnyen és gyorsan létrehozni, másra is jó. Mire jó még a WordPress</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flog-frontend-developer-blog/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flog - Frontend Developer Blog</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hugó Frontend Developer Blogja Flog - Frontend Developer Blog</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-creative-suite-3-design-szoftverek-magyarul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Creative Suite 3 design szoftverek magyarul</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe legnépszerűbb kreatív szoftvereinek CS3-as változata már magyarul is elérhető. A mai naptól elérhető az Adobe CS3 Design Standard szoftvercsomag magyar nyelvű, teljes mértékben lokalizált változata. A Standard összeállítás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-de-szep-web-20-as-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű de szép web 2.0-ás gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Na a következő tutoriálban, egy szép kis gombot készítünk, ami weboldalakon tehet jó szolgálatot. Lényegében akármilyen gomb készülhet belőle, mert akármilyen figurát bele lehet tenni, én most mondjuk egy &quot;OK&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dinamikusan-meretezodo-textarea/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dinamikusan méreteződő textarea</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sziasztok, azt hiszem elég sokan kerestétek már, a megoldást a problémára, most megtaláltuk. Íme a kód: Ezt a kódot egy fórumban írtuk meg közösen nemrég. Lényeg, hogy mozillás böngészők az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sin-city-effekt-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sin City effekt 2.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Van már egy Sin City effekt tutorial az oldalon most ezt szeretném tovább vinni. Remélem nem haragszik rám meg az előző szerzője. Ott nagyon jól le van írva, hogy lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/yasu-es-tovabbi-emulatorok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">YASU és további emulátorok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A DAEMON Tools-zal már megismerkedhettünk az előző cikkben. Most be fogom mutatni a YASU-t (Yet Another SecuROM Utility) és néhány képfájl- készítő és emuláló programot. A legvalószínűbb incidens ami megtörténhet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/latvanyos-3d-s-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Látványos 3D-s szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">3D-s szöveg elkészítése nem túl nehéz, de nagyon látványos. Ebben a tutorialban megtudhatod, hogyan készítsd el :) 1.) Nyissunk egy új lapot 600x600 méretben fehér háttérrel. 2.) Írjuk be szövegünket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/safari-3-public-beta-win/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Safari 3 Public Beta (win)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Windows alá is telepíthető Safari Safari 3 Public Beta (win)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogharderhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">blog.harder.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mint ahogy az talán már a címből is sejthető, a blog.harder.hu címen elindítottam egy új blogot, ahol minden olyan írást fogok meg fogok jelentetni, amit eddig itt a tutorial.hu-n valamiért…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/robbano-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Robbanó szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Na készen állsz, hogy készíts magadnak egy robbanó effektes szöveget? :) 1. Nyissunk meg egy új lapot 600x600 -as méretben fehér háttérrel. Írjuk be a szövegünket fekete színnel tetszőleges betűtípussal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rekurziv-dom-bejaras-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rekurzív DOM bejárás [snippet]</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Jól jöhet az alábbi kód, ha JavaScripttel kell bejárni a DOM-fát egy csomópontból kiindulva A kód a start paraméterben megadott csomóponttól (Node) kezdve rekurzívan &quot;lefelé&quot; végigjárja a DOM-fát és a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. június 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/daemon-tools/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Daemon Tools</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial a Daemon Tools program használatának alapjait mutatja be. Mire is jó a Daemon Tools? A programmal virtuális meghajtókat hozhatunk létre a számítógépen és ezekbe képfájlokat (másnéven lemezképeket, image…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/global-web-stats/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Global Web Stats</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">statisztika Global Web Stats</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sokkolo-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sokkoló Szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a módszerrel egyszerűen és gyorsan tudunk látványos külsőt adni szövegünknek. 1. Nyissunk egy 600x600 nagyságú képet. Töltsük ki a hátteret fekete színnel ( SHIFT + F5 -&amp;gt; Use…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rendezett-css-globalis-white-space-reset/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">rendezett css, globális white space reset</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor elkészítünk egy site-ot, a legfontosabb, hogy a kódunk minél rendezettebb, átláthatóbb legyen. Ez különösen érvényes, amikor css-t kódolunk. Sok féle rendezési módot kipróbáltam már. Az egyik az amikor minden…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aceehu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">acee.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szép css+xhtml/flash alapú honlap. acee.hu</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/azonos-magassagu-hasabok-tablazat-nelkul-project7/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Azonos magasságú hasábok táblázat nélkül (Project7)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szabványok és a trendek egyaránt arra irányulnak, hogy oldalaink layoutja ne táblázatokon alapuljon. Egy dolgot azonban táblázattal kétségtelenül nagyon egyszerű volt elérni: azt, hogy egymás melletti hasábjaink hossza mindig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fuggo-bekezdes-css-sel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Függő bekezdés CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyomtatott anyagoknál gyakori megoldás az olyan, két hasábosnak tűnő tördelés , ahol egy rövidebb infohoz (pl. évszám) egy hosszabb szöveg tartozik úgy, hogy az egymáshoz tarozó párok első sorai egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/resizable-tabbed-navigation-with-css-avagy-meretezheto-fules-menu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Resizable tabbed navigation with CSS, avagy méretezhető füles menü</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap olyan megoldásra volt szükség, hogy egy felső navigációs menüt fülekkel kellett megoldani az alábbi kikötésekkel: - legyen rugalmas (a fül szövege határozza meg a fül szélességét) - ne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-funkcio-a-lapon-hasonlo-bejegyzesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új funkció a lapon - hasonló bejegyzések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai nappal a cikkek melletti (jobb oszlop legfelső doboza) területen megjelenik egy &quot;HASONLÓ BEJEGYZÉSEK&quot; című doboz. A célja az, hogy 1-1 tutorialt elolvasva további ötleteket kapj az adott témában…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blog-kereso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">blog kereső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">blogsearch.hu - blog kereső szolgálatás blog kereső</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/legordulo-menu-css-sel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Legördülő menü CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">CSS alapú legördülő horizontális menü készítését sajátíthatod el a leírás segítségével. Stílus: A csshover.htc hack file az IE böngészőhöz kell, mert nélküle nem megy a legördülő menü. Html kód: Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/e-mail-ellenorzo-javascript-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">E-mail ellenőrző JavaScript</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi JavaScript kód segítségével könnyedén ellenőrizhetjük, hogy a megadott e-mail cím formailag helyes-e. A function TRUE vagy FALSE értékkel tér vissza. (Értelemszerűen TRUE, ha helyes az e-mail cím, FALSE…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seo-forum/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEO fórum</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég indított ígéretes magyar nyelvű fórum az alábbi témakörökben: seo, fórum, webmester, keresőoptimalizálás, keresőmarketing SEO fórum</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/character-entity-reference/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Character entity reference</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you&#039;re new…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cssvista/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSSVista</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Élő CSS szerkesztés egy free programban úgy, hogy közben mind a IE, mind pedig a Firefox motorral rendereli az eredményt. CSSVista</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/initializalas-harder-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Initializálás - Harder</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A CSS-ek elején szoktam ezt a kódot használni ahhoz, hogy minden böngésző alatt az egyébként másként megjelenített részeket azonos kinézetre formázzam.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regularis-kifejezesek-avagy-regexp-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Reguláris kifejezések avagy regexp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szabályos kifejezés (angolul regular expression) egy olyan, bizonyos szintaktikai szabályok szerint leírt string, amivel meghatározható stringek egy halmaza. Nevének rövidítésére gyakran a regexp vagy regex kifejezés használatos. A szabályos…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-layout-negativ-margokkal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS layout negatív margókkal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Célunk, hogy három fix szélességű oszlopból álló weboldalt készítsünk, ahol a tartalmat CSS stíluslapokkal formázzuk. A webtartalom megformázásához &quot;sima&quot; float-olást fogunk majd használni, de mindenekelőtt vessünk egy pillantást a következő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/60-css-alapu-lapgyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">60 CSS alapú lapgyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">60 olyan honlap listája, melyek CSS alapú lapok gyűjteményeit tartalmazza. 60 CSS alapú lapgyűjtemény</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-creative-suite-3-ie-termekek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Creative Suite 3 IE termékek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe Creative Suite 3 a vártnál korábban jelent meg a piacon. Az Adobe Creative Suite 3 március végi bejelentése után most nem kell többet várnunk az Adobe legújabb fejlesztésű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/extjs-howto-magyarul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ExtJS Howto - magyarul</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Az Ext egy elsőrangú Javascript könyvtár, tele olyan komponensekkel, melyek minden fejlesztésben központi szerepet kapnak. Aztán vannak még effektek, a jelenleg leggyorsabb DOM lekérdező könyvtár, szóval van itt minden, ami…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/art-workhu-lapajanlo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">art-work.hu - lapajánló</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap hívta fel figyelmemet egyik barátom erre a pár napja indított oldalra. Megnéztem és tetszik, szépen összerakott lap, melyet remélhetőleg a későbbiekben tovább fejlesztenek. A grafika - bár elég…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-nagy-adobe-nap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A nagy Adobe nap</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe nagyszabású európai rendezvénysorozatot indított az Adobe Creative Suite 3 bejelentése kapcsán. A kreatív szakma legjobb előadóit felvonultató Roadshow 2007. április 26-án érkezik Budapestre. Az Adobe az Adobe Creative…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszerubb-kepmanipulalo-fuggvenyek-filterek-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerűbb képmanipuláló függvények, filterek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha PHP-GD-vel készítesz képeket és egyszerűbb filtereket (szürkeárnyalatosítás, blur, színárnyalat-eltolás) szeretnél használni jól jöhet ez a kód. Ezen kívül a negyedik függvénnyel meghatározhatod két RGB színkóddal megadott szín távolságát. Szerkesztve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/eltelt-ido/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Eltelt idő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap belefutottam abba a problémába, hogy nem a dátumot kellett kiíratnom, hanem az azóta eltelt időt. Nos itt van rá egy script. Ez a script egy unix időbélyeget vár…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aktiv-tab-a-navigacios-menuben-php-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Aktív tab a navigációs menüben PHP nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A navigációnál használt tab-os/füles megoldások egy problémája szokott lenni, hogy hiába állítjuk be a css-ben, hogy az aktív tab-nak hogy kellene kinéznie, kattintás után mikor újratöltődik a lap, nyoma sincs…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/35-designer-x-5-questions/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">35 designer x 5 questions</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">35 designer x 5 kérdés 35 designer x 5 questions</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/initializalas-tantek-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">initializálás - tantek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A böngészők alapértelmezett tulajdonságait már a CSS fájlok legelején érdemes egységessé tenni, így a későbbiekben elég sok bosszúságot meg lehet spórolni. Az alábbi módszer a</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hibakezeles-dinamikus-kepekhez-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hibakezelés dinamikus képekhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amennyiben olyan PHP kódot írunk, amelynek kimenete egy képfájl, érdemes egy a következőhöz hasonló hibakezelőt beiktatnunk, mert a generált hibaüzenetek tönkretehetik a képünket, egy esetleges megszakításnál pedig egyáltalán nem kerülne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/erdekes-keresett-kifejezesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Érdekes keresett kifejezések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előbb nézegettem a statisztikákat, mégis milyen szavakra keresve találtak rá a látogatók a lapra? A várt kifejezéseken kívül találtam pár igen mulatságosat, érdekeset vagy épp csak meglepőt. :) A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ikongyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ikongyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">honlapra használható ikongyűjtemények Ikongyűjtemény</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. április 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/magyar-textpattern-levelezo-lista-indul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Magyar Textpattern levelező lista indul!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tudom, tudom, a honlappal még adós vagyok, de tegnap elindítottam a Textpattern levelezőlistát, GoogleGroups alapokon. A lista címe: magyar-txp-levlista@googlegroups.com, az alapértelmezetten biztosított webes felület pedig a groups.google.com/group/magyar-txp-levlista érhető el. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/e-mail-cim-publikalasa-a-spamlevelek-veszelye-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">E-mail cím publikálása a spamlevelek veszélye nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha csak úgy kiteszed egy lapra a linkedet, előbb vagy utóbb (inkább előbb) megtalálnak a spamrobotok és telenyomják a mailboxodat egy rakat kéretlen levéllel. Ha ezt nem szeretnéd (... és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flash-felett-megjeleno-javascript-menu-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flash felett megjelenő javascript menü</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha a lapodon flash van és szeretnéd, hogy egy dhtml vagy javascript menü felette jelenjen meg, használd az alábbi kódot (a wmode transparent a megoldás)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/initializalas-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">initializálás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A különböző böngészők egyes elemek alapértelmezett tulajdonságait másképp értelmezik, ezeket egységesíti az alábbi kódrészlet (a css fájlba kell felvenni):</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kinyilo-becsukodo-tablazatok-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kinyíló,  becsukódó táblázatok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kinyilo-becsukodo-tartalmak-egy-oldalon-belul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kinyíló - becsukódó tartalmak egy oldalon belül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha jól jön, hogy egy lapon egyes tartalmakat alapértelmezetten el lehet rejteni a szemek elől (helyspórolás, átláthatóság stb..), persze nem véglegesen, csak átmenetileg. Kattintásra ki lehet nyitni ill. be lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/linkekhez-alapertelmezett-ikonok-tarsitasa-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Linkekhez alapértelmezett ikonok társítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha azt szeretnéd, hogy a lapodon az egyes linkekhez 1-1 megfelelő ikon társuljon (pl. PDF-re mutató linkhez egy kis PDF ikon kerüljön), használd az alábbi kódot</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/selection-box-ban-kep-megjelenitese-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">selection box -ban kép megjelenítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha selection box-ban képet akarsz megjeleníteni, használd az alábbi kódot (sajnos IE alatt nem működik).</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tartalomjegyzek-letrehozasa-css-sel-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tartalomjegyzék létrehozása CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha olyasmi formázást szeretnél, melyek általában könyvekben lehet látni (tartalomjegyzék), akkor az alábbi kódot használd:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/min-width-max-width-min-height-es-max-height-internet-explorer-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Min-width, max-width, min-height és max-height Internet Explorer alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor azt szeretnénk, hogy egy adott elem akkor is tartson meg bizonyos magasságot és/vagy szélességet, ha épp nincs elég tartalom benne ami kitöltse illetve a későbbiekben szeretnénk, ha az ez…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sitescore/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sitescore</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenes honlapelemzés. Regisztrációval (szintén ingyenes) részletesebb eredményeket ad. Sitescore</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/box-model-problema-es-megoldas-ie-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Box Model probléma és megoldás IE alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki foglalkozik táblázatok nélküli lapszerkezetek építésével, az már biztos belefutott (ha nem, akkor bele fog) abba a problémába, hogy a szépen beállított dobozszélességek másképp jelennek meg a böngészők alatt. &quot;Meglepő&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/valid-xhtml-transitional-oldal-minta-snippet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">valid XHTML Transitional oldal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi kódot amolyan segítség leginkább magamnak, hogy ne kelljen mindig megírnom az alapokat. :) (Harder) Ebből a mintából kiindulva egyszerűbb az XHTML 1.0 Transitional oldalak készítése. (BlackY)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/auto-focus-input-mezon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Auto focus input mezőn</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weblapkészítés során ha egy olyan oldalt kell készíteni, hol egy vagy akár több input mező is van (regisztráció, kapcsolatfelvétel stb..), hasznos lehet megadni, hogy mely mezőben villogjon alapértelmezetten a kurzor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ie7-compatibility-javascript/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IE7 - compatibility javascript</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">IE7 loads and parses all style sheets into a form that Explorer can understand. You can then use most CSS2/CSS3 selectors without having to resort to CSS hacks. The lightweight…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/clearbox-magyar-fejlesztesu-kepmegjelenito/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ClearBox - magyar fejlesztésű képmegjelenítő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Alig 1-2 órája találkoztam az SG egyik topicjában felvetett kérdés kapcsán egy ClearBox elnevezésű új scripttel, melyek PyRex fejleszt. A script célját tekintve hasonló a talán már többek által ismert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-kep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt kép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néhány egyszerű effekt és máris elkészült a saját, egyedi absztrakt képünk. 5 lépéses, könnyű tutorial. 1. lépés: Hozzunk létre egy új dokumentumot tetszés szerinti mérettel. Én 1024×768-at használtam. 2. Nyomjuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/folyamatosan-frissulo-naptar-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Folyamatosan frissülő naptár készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Javascript naptár készítése. Mikor elkezdtem tanulni a JavaScriptet, első gondolatom egy naptár készítése volt. Gondolom, ti is ismeritek, a G-Portálos naptárokat a menüben. Mi is ilyesmit fogunk készíteni. Első ránézésre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szinvalasztas-szincsere-lepipaljuk-a-digitalis-fotomasinakat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Színválasztás, színcsere - Lepipáljuk a digitális fotómasinákat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy egyszerű lecke lesz. Egy kicsit mókázunk a színekkel. Talán már találkoztál olyan digitális fényképezőgéppel, amely képes arra, hogy egy kiválasztott szín kivételével minden mást szürkeárnyalatossá (monokrómmá) tegyen a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismetlodo-hatter/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismétlődő háttér</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban elkészítjük saját, önmagához tökéletesen illeszkedő hátterünket, amivel fel tudjuk dobni oldalaink egyhangú / egyszínű hátterét. Hozzunk létre egy új dokumentumot, 300×300 körüli értékkel (minél kisebb, annál nehezebb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-keszitese-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sig készítése 2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez most a Sig készítése 2 kiadványa. :) Nyiss egy 400×125 -ös képet. 2. Vedd elő a Brush Tool -t és keress egy sig -re való brusht. 3. Ha letöltötted…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. március 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyeni-kiterjesztesu-php-fajlok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2007/02/php-fajlok.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyéni kiterjesztésű PHP fájlok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gondolom nem vagyok egyedül, amikor azt mondom, hogy lassan kezdenek unalmassá válni a .php, .html, .asp és ehhez hasonló kiterjesztések az url-ek végén. Pár perc alatt “készíthetünk” egyéni kiterjesztéseket weben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/automatikus-es-manualis-nyelvvalasztas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Automatikus és manuális nyelvválasztás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha az ember honlapot készít annak általában az az oka, hogy valamilyen információt meg akar osztani a világgal. Bizonyos esetben ezt nem csak egy nyelven szeretnénk megtenni. Ehhez ad ez…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/textpattern-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Textpattern telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ahogy illik, következzen először az előétel: Mivel a textpatternes templatek készítéséről szeretnék írni, ismerkedjünk meg először a textpatternnel. Erre keresve sem találhatnánk jobb megoldást, mint a program telepítése. Ehhez az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modern-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Modern Gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapon használható egyszerű és modern gomb készítését mutatja be a leírás. 1.Lépés Hozz létre egy új dokumentumot 130x80px-es mérettel, fehér háttérrel 2.Lépés Válaszd ki a Rounded Rectangle Tool-t ezekkel az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2006-legjobb-fontjai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2006 legjobb fontjai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2006 legjobb fontjai 2006 legjobb fontjai</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2007-januar-legjobb-lapjai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2007 január legjobb lapjai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2007 január legjobb lapjai - válogatás, hasznos linkek 2007 január legjobb lapjai</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/usability-guidelines-konyv/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Usability Guidelines (könyv)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Research-based web design &amp;amp; usability guidelines Usability Guidelines (könyv)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/core-force/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Core Force</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tűzfal megoldás Core Force</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/graphite-light/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Graphite Light</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon szép munkák, hasznos leírások! Graphite Light</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forumfrissites-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">fórumfrissítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">éjszakai hírek: A fórum update sikeresen lezajlott, a következő napokban folyik majd a teszt és az esetleges hibák felderítése. :) Egyelőre angol nyelven fut, de gondolom ez a többségnek nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/web-20-how-to-design-guide/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">web 2.0 how-to design guide</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Web 2.0 how-to design guide web 2.0 how-to design guide</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sztereovizualis-kepek-keszitesenek-alapjai-2-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sztereovizuális képek készítésének alapjai - 2. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A sztereovizuális képek készítésének alapjait már nagyjából elsajátítottuk a tutorial első részében. De azért jöjjön még pár hasznos tipp és ötlet. Ami az első részben kimaradt a távolodó hatásnál, az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szem-szinenek-megvaltoztatasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szem színének megváltoztatása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha szükség van arra, hogy egy képen lévő személynek megváltoztassuk a szemszínét. A GIMP segítségével szerencsére ez egy megoldható feladat, lássunk is neki! 1.) Töltsük be a képet, amin dolgozni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-drupal-50-vegleges-kiadasa-unnepeljunk-egyutt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent a Drupal 5.0 végleges kiadása, ünnepeljünk együtt!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">idézet: drupal.hu honlapjáról &quot;A néhány perce végre megjelent a sokak által várt Drupal 5.0 kiadás. Azért ideális az időzítés hiszen a Drupal pontosan ma hat éves (aminek örömére Dries és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tetszetos-kek-menu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tetszetős kék menü</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás lépéseit követve egy kék, függőleges menüt lehet létrehozni olyan honlapokra, melyeken a navigációs menü pl. a jobb vagy bal oldalon helyezkedik el. 1.) Hozzunk létre egy új dokumentumot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/webes-szakdolgozatok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">webes szakdolgozatok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Ez az oldal elsősorban az éppen nálam konzultálók számára készül, de valószínűleg mások számára is hasznosak lesznek az itteni információk.&quot; webes szakdolgozatok</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fokusz-manipulacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fókusz manipuláció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha el szeretnénk érni azt, hogy képünk egy bizonyos pontját figyeljék meg mások, elég néhány egyszerű lépést elvégezni, hogy meghatározzuk az általunk kívánt &quot;fókusz pontot&quot;. A következő néhány lépésben mindenki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cgspherecom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">cgsphere.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">http://www.cgsphere.com cgsphere.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/anime-manga-stilusu-szem-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Anime, manga stílusú szem készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az interneten találtam néhány &quot;anime stílusú szem&quot; készítési módot, de egyik sem volt az igazi. Sokkal hasznosabb, ha visszanyúlunk az alapokhoz, és mindenféle ecset helyett megrajzoljuk a sajátunkat. Pár lépésben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2007. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-cs3-beta-teszt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop CS3 beta teszt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ismertető az Adobe Photoshop CS3 beta változatáról Photoshop CS3 beta teszt</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-leghasznosabb-firefox-kiegeszitesek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A leghasznosabb Firefox kiegészítések</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Összegyűjtöm a számomra leghasznosabb kiegészítések listáját, melyet a Firefox-hoz használok honlapkészítés során. Ezek egy része kimondottan webfejlesztéshez ajánlott, mások &quot;csak&quot; kényelmesebbé, gyorsabbá teszik a böngészést. Ha esetleg találsz köztük olyat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-one-million-masterpiece/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The One Million Masterpiece</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az oldal készítői a világ legnagyobb művészi projektjét szeretnék megvalósítani. A cél az lenne, hogy összegyűjtsenek 1.000.000 online készített rajzot, amelyet a tervek szerint 2007 nyarától kiállításra is helyeznek majd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csak-korvonal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csak körvonal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyszerű de hasznos módosítást végezhetünk a szövegünkkel az alábbi leírást követve, amivel a szöveg körvonalai lesznek láthatóak. Nyissuk meg a szöveget tartalmazó dokumentumot, és válasszuk ki a szöveg rétegét. Jobb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/wordpress-magyarorszag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">WordPress Magyarország</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy hosszú tesztelési fázis után, nemrég megnyitotta kapuit a WordPress Magyarország. A magyar oldal elsődleges célja, hogy a WordPress felhasználóknak egy magyar support oldal legyen. De mindemellett az aktuális WP…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lightbox-beepitese-ajax-os-oldalba/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lightbox beépítése AJAX-os oldalba</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Lightbox és a Lightbox 2 nagyon hasznos segédeszközök lehetnek weblapjainkon, azonban van egy hibájuk: kliens oldalon előállított oldalakhoz kicsit trükközni kell, hogy rendesen működjön. Ehhez szeretnék kis segítséget adni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/simple-machines-magyarorszag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Simple Machines Magyarország</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elindult a Simple Machines fórummotor magyarországi oldala Simple Machines Magyarország</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tartalom-valtasa-a-lap-ujratoltese-nelkul-ii-htmlhttprequest/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tartalom váltása a lap újratöltése nélkül II. - HTMLHttpRequest</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mióta kikerült ennek a cikknek az első része, többen is megkerestek azzal, hogy lehet megoldani ugyanezt azzal a módosítással, hogy a lap változó tartalmát külön-külön HTML fájlokban lehessen tárolni. Most…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bongeszok-cache-tiltasa-avagy-no-cache/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">böngészők cache tiltása, avagy no-cache</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha arra van szükséged, hogy letöltött képeket és hangokat a böngésző ne mentse le a temp könyvtárba, használd az alábbi kódot: Ha azt akarod, hogy a Google keresője ne arhiválja…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepregenynet-webgrafika-verseny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kepregeny.net - webgrafika verseny</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A kepregeny.net versenyt hirdet honlapgrafika témában. A feladat egyszerű, a kepregeny.net honlaphoz egy új grafikát kell elkészítened a verseny megkezdésétől számított 2 héten belül úgy, hogy az alábbiaknak megfeleljen: a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forumfrissites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fórumfrissítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegnap este sikeresen frissítettük a fórumot 2.1.7-es verzióra TLoF-val, úgy tűnik minden működik. A régi skin már nem lesz visszaállítva, a lap grafikájához illő kinézetet fog nemsokára kapni, addig alapértelmezett…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. december 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/high-speed-photos/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">High Speed Photos</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">pillanatképek High Speed Photos</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elindult-a-linkfelhoharderhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Elindult a linkfelho.harder.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Újabb lap indult a versenyben, ezt most kíváncsiságból egy CMS fogja hajtani. Kíváncsi leszek, később a kézi szerkesztésű vagy ez utóbb lap kerül-e majd előnybe, persze a http://linkfelho.harder.hu lapnak és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tulporgetett-alvitak-es-felhohamozas-205-beta/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Túlpörgetett álviták és felhőhámozás 2.0.5 beta</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma már éppen annyi ellenzője, kritikusa van a Web 2.0.5 beta FelhőRajok-nak, mint ahány támogatója vagy éppen elvakult híve. Az utóbbi napokban két önjelölt tekintély is megkísérelte bemutatni a túlzott…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/suti-alapu-bejelentkezes-biztonsagosabb-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Süti-alapú bejelentkezés biztonságosabb használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyakran használnak a weboldalon &quot;Emlékezz rám&quot; típusú, süti (cookie) alapú bejelentkezési módot. Ez tényleg nagyon hasznos szolgáltatás, ám legalább ekkora biztonsági rést is jelent, ha nem megfelelően kódoljuk le. Hatalmas…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bellinni/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">:: bellinni ::</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">eszméletlen grafikák... :: bellinni ::</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/janabi-studio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Janabi Studio</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon szép munkák... Janabi Studio</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thickbox-21/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ThickBox 2.1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos láttad már honlapokon azt a fajta megoldást, amikor a kis thumbnail képekre kattintva nem a lapba vagy új ablakba jelenik meg a kép, hanem &quot;beszürkül&quot; a honlap, elindul egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/depthcore/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">depthCORE</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">http://www.depthcore.com/ depthCORE</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/joomlatemplatehu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">joomlatemplate.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma kaptam a Joomla! Magyarország oldaltól az alábbi mail-t, melyben felhívják új szolgáltatásukra a figyelmet:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. november 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/animalt-spiral/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Animált spirál</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Készítsünk egy egyszerű animációt, hogy megismerkedjünk a Flashel, és lássuk, hogy mire képes. Ennek a spirálnak tényleges feladata nincsen, de nagyon szép látványt nyújt. 1.) Hozzunk létre egy új dokumentumot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/frissites-textpattern-404-re/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Frissítés Textpattern 4.0.4-re</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Többen is kérdeztétek, ezért gondoltam írok pár sort a Textpattern frissítéséről. Szóval: 4.0.3-ról nem frissül a rendszer automatikusan 4.0.4-re, de ez ne keserítsen el senkit. Inkább frissítsük mi magunk! Ehhez…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bongeszofuggo-css-feltetelek-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Böngészőfüggő CSS - feltételek segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapkészítés közben néha jól jön, ha az egyes böngészők különböző szabványértelmezése miatt egyes CSS részleteket, kódokat böngészőhöz kötve tudunk definiálni. Az Internet Explorer-hez kapcsolódóan a megoldást gondolom már sokan ismerik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/internet-explorer-7-final/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/10/internet-explorer-7.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Internet Explorer 7 Final</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letölthető az Internet Exploret 7 végleges verziója Internet Explorer 7 Final &quot;)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-a-magyar-nyelvu-firefox-20/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letölthető a magyar nyelvű Firefox 2.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letölthetővé vált a Firefox 2.0 végleges verziója még a hivatalos bejelentés előtt. A különböző platformokra szánt verziók elérhetőek az alábbi címről:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tartalom-valtasa-a-lap-ujratoltese-nelkul-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tartalom váltása a lap újratöltése nélkül I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapkészítés során van olyan helyzet, hogy szeretnénk betölteni a lapon 1-1 olyan új szöveget, képet miegymást, hogy az ne járjon az egész oldal újratöltésével. Erre a minap a weblabor.hu egyik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-a-textpattern-404/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">megjelent a textpattern 4.0.4</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjelent a 4.0.4-es Textpattern blogmotor, lássuk hát: Nagy számú hibát javítottak ki, hozzáadták a magyar nyelv támogatását, így már a telepítéskor rendelkezésünkre áll a magyar nyelv használata. RSS 2.0 támogatást…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/web-browsers-css-support/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Web Browsers CSS Support</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Összeszedve a népszerűbb böngészők CSS támogatása Web Browsers CSS Support</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/betu-szuletese-masikbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Betű születése másikból</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a rövid leírásban Barát Csaba bemutat egy módszert egy jól kinéző effekt előállítására - Flashben. A dolog igen egyszerű. Csináljunk pl egy A betűt, és ezután következik a legfontosabb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/interaktiv-gombok-tomegesen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Interaktív gombok tömegesen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a segédlet arra hivatott, hogy megismertesse, hogy tudsz olyan Flash animációt létrehozni, ami több ugyanolyan MovieClipből áll és mindegyik ugyanolyan tulajdonságokkal rendelkezik, de nem hozol kézzel létre semmit. Ilyenünk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-kerjunk-segitseget/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan kérjünk segítséget</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel egyre gyakrabban fordul elő, hogy sok - felesleges - hozzászólás kerül a fórumba egy-egy egyszerű, csak rosszul kifejtett kérdés megválaszolásához, gondoltam összeírok néhány egyszerű alapszabályt, amellyel mindegyikünk - a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kristalyositas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kristályosítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bemutatok egy kis trükköt, hogy lehet egyszerűen kristályos hátteret készíteni Photoshop-ban. Bannerekhez, háttérképek alapjaihoz tökéletes megoldás. 1. lépés: Készítsünk egy tetszőleges méretű új képet és a hátteret alakítsuk transzparenssé. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/holdfenyes-tenger/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Holdfényes tenger</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a tutorial remek példa arra, hogyan lehet csak Photoshop segítségével valósághű képet készíteni. Az ötlet nem tőlem ered, én csak finomítgattam rajta, valamint lefordítottam. 1. lépés Nyiss egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ujabb-grafikai-palyazat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Újabb grafikai pályázat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Fórumon újabb grafikai pályázat indul. A feladat a következő: A pályázat célja az lenne, hogy az 1956-os események 50. évfordulóján a magunk módján is emléket állítsunk a szabadságért harcolóknak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adattipusok-konverzioja-php-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adattípusok konverziója PHP-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adattípusok PHP-ben című leírásban végignéztük, hogy egy-egy kifejezés milyen típusú lehet; néhány helyen jeleztem, hogy majd lesz szó a típus-konverzióról is, mert ez egy fontos - ám sajnos szintén…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/prototype-window-class/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Prototype Window Class</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lightbox helyett egy lehetséges megoldás Prototype Window Class</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-fajlok-es-tartalmak-rendszerezese-avagy-hogyan-irjunk-szep-kodot/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS fájlok és tartalmak rendszerezése, avagy hogyan írjunk szép kódot</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Manapság már inkább követelmény, mint ajánlás, hogy egy magára valamit is adó webdesigner vagy sitebuilder ismerje és aktívan használja a CSS adta lehetőségeket. A neten számos lapon olvasható magyar és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-utolso-textpattern-404-elozetes-kiadas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az utolsó Textpattern 4.0.4 előzetes kiadás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A végső, hivatalos verziót a jövő hét közepére ígérik a Textpattern fejlesztői, akik szombaton jelentették meg a 4.0.4 RC1 változatát a blogmotornak. Ha a biztonság a lényeg, akkor ne frissítsd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-20-rc2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox 2.0 RC2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letölthető a Firefox 2.0 RC2-es verziója Firefox 2.0 RC2</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/biztonsagosabb-jelszo-tarolas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Biztonságosabb jelszó tárolás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ryan Malesevich írt a blogjában az MD5-ként tárolt jelszavak sebezhetőségéről. Az onnan merített - általam ott már egyszer leírt ötletet - közölném itt, hogy egy kicsit biztonságosabban tároljuk felhasználóink jelszavait…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-code-search/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google Code Search</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google új szolgáltatása, mely a forráskódokban keres Google Code Search</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/koderscom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">koders.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Source Code Search Engine - forráskód kereső koders.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-pozicionalas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS pozícionálás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pozícionálás CSS segítségével CSS pozícionálás</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rontgen-effekt-avagy-x-ray/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Röntgen effekt, avagy X-Ray</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a hatással a ruhákat tudjuk &quot;röntgenezni&quot;, áttetszővé tenni, ezzel felfedve az alattuk rejlő értékeket. Egyszerű, 3 lépésből álló tutorial, élvezzétek ki:) 1.) - A fotó kiválasztása Egy normális, tiszta…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/borult-egbolt-villammal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Borult égbolt villámmal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára sok tutorialt olvashattatok villám készítésről. Nos én is egy egyszerű, örökké variálható elkészítési módját fogom ismertetni annyi kis extrával, hogy megmutatom azt is, hogy legyen ilyenkor az ég is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/havas-taj-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Havas táj készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Előfordulhat, hogy kíváncsiak lennénk egy tájra mondjuk mínusz 10 fokban, vagy szükségünk lenne egy téli képre, de nincsen otthon egy sem. 1.) Nyissuk meg az átalakítani kívánt képet, majd hozzunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. október 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-20-portable/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox 2.0 portable</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Firefox Portable 2.0 Firefox 2.0 portable</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pleix-films/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pleix films</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kisfilmek quicktime formátumban, érdemes megnézni őket ... Pleix films</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zend-studio-felgyorsitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Zend Studio felgyorsítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tipp, hogy lehet a Zend Studio-t gyorsítani Zend Studio felgyorsítása</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nehany-alapelv-honlap-keszitoknek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Néhány alapelv honlap készítőknek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez csak pár tipp abból a rengeteg szabályból, amit be kéne tartanunk. Ez szinte lehetetlen, de mégis érdemes törekednünk felé. Minél kevesebb kép Minél kevesebb kép használatára törekedjünk. Ez alatt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nevjegykartya-gyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Névjegykártya gyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Névjegykártya gyűjtemény, a http://www.cloneshit.hu -n láttam a linket Névjegykártya gyűjtemény</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpadsnew-bannerszerver-frissitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpAdsNew bannerszerver frissítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A phpAdsNew az egyik legjobb és legösszetettebb nyílt forráskódú (GPL licensz) hirdetőszerver, mellyel egy honlap hirdetéseit lehet kezelni. A hirdetők saját név/jelszóval belépve tudják követni és módosítani a kampányukat, így…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykitores-a-szoveg-mogott/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénykitörés a szöveg mögött</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő leírásban megtanulhatjuk, hogyan tudunk fénykitörést létrehozni a szövegünk mögé, hogy az szép és ízléses legyen. Első lépésként egy új dokument létrehozásával kezdünk, majd felviszünk rá fekete színnel egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenyszorok-felkapcsolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fényszórók felkapcsolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Virtuális tuningoláshoz a lámpák felkapcsolása is hozzátartozik. Ebben a leírásban egy egyszerű módszert sajátíthatsz el. A legelső dolog az, hogy szerezzünk egy képet, az effekt végrehajtásához. 1.) Nyissuk meg a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modern-tribal-art/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Modern tribal art</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tribal art. Érdekes képek vannak benne az biztos. A következő leírás bemutatja, hogyan lehet photoshoppal könnyedén tribal artot készíteni. 1. Válasszunk egy nekünk tetsző színt, majd az Elliptical Marquee Toolt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/opensearch-egyeni-keresonk-es-a-firefox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">OpenSearch, egyéni keresőnk és a Firefox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Firefox böngésző egyre növekvő népszerűsége miatt ajánlott annak lehetőségeit figyelni, kihasználni. Az egyik ilyen lehetőség, hogy egyéni keresőket is felvihetünk a böngészőbe. Ennek megoldásában próbál segíteni ez a kis…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megjelent-textpattern-blogmotor-40-2-elozetes-kiadasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megjelent Textpattern blogmotor 4.0-2 előzetes kiadása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ahogy majd mostantól mindig, már itt adok hírt a textpattern frissítéséről. Most épp&#039; az a lényeg, hogy megjelent a 4.0-20060831.zip előzetes kiadás, ami egyelőre igen bugos lehet, célja a hibák…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adattipusok-php-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adattípusok PHP-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP-vel való ismerkedés során rengetegen elkövetik azt a hibát, hogy nem olvassák át a PHP-ben található adattípusok jellemzését, holott ezzel később rengeteg problémától megkímélnék magukat. Úgyhogy álljon itt egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/haldesign-v3-photoshop/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">HALDESIGN v3 (Photoshop)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Halasi Zsolt (számítógépes grafikus) - blog HALDESIGN v3 (Photoshop)</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szinezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Színezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sok módja van egy kép színezésének, most megismerkedhetünk a leghatásosabbal. Ebben a tutorialban megmutatom, hogy lehet több színűre festeni egy fekete-fehér, vagy szines képet. 1. lépés Nyissuk meg képünket, ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/writelycom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">writely.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Google online szövegszerkesztője writely.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gigasize/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">GigaSize</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagy fájlok feltöltése ingyen, 90 napra. GigaSize</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/todotxt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">todo.txt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Countless software applications and web sites were built to manage your to do list. But if you&#039;re comfortable at the command line and you don&#039;t want to depend on someone…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. szeptember 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hordozhato-drupal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hordozható Drupal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Előfordulhat, hogy szeretnénk valakinek megmutatni egy alap Drupal rendszert, de nincs időnk bajlódni a telepítéssel, vagy épp nem elérhető az Internet. A fenti problémára kívánt megoldást nyújtani (Windows környezetben) Morten…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/web-20-felvilagositas-netvibes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Web 2.0 felvilágosítás I. : A Netvibes</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;Legalább 4-5 olyan webes szolgáltatás van a tarsolyomban már most, amiket jómagam napi rendszerességgel használok. Ezek közül nehéz volt kiválasztani azt, amivel érdemes kezdeni, de úgy érzem, hogy legjobb lesz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/atlatszo-transzparens-png-k-hasznalata-ie-bongeszo-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Átlátszó (transzparens) PNG-k használata IE böngésző alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gondolom már sokan beleszaladtak webszerkesztés közben az alábbi IE hibába: nem kezeli az átlátszó (transzparens) png képeket , sajnos azok háttere szürke alapértelmezetten (a normálisabb böngészőknek - mint pl. a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ie-7-rc1-standalone/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IE 7 RC1 standalone</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Internet Explorer 7 RC1 egy az oprendszert nem módosító, 14MB-os telepíthető verziója IE 7 RC1 standalone</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/form-text-resizer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Form Text Resizer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Könyvjelzőként felvéve (természetesen FF alatt) bármely form mezőt át lehet méretezni a segítségével Form Text Resizer</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ipb-skin-css-guide/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IPB skin CSS guide</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Invision Power Board (IPB) grafikai módosításához nyújt segítséget ez a CSS útmutató. IPB skin CSS guide</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-changes-for-ie7/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS changes for IE7</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Details on our CSS changes for IE7 CSS changes for IE7</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/javascript-speed-tests/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Javascript Speed Tests</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Javascript Speed Tests Javascript Speed Tests</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kattinthato-div/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kattintható DIV</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap belefutottam egy egyszerű problémába: kattintható kell tenni egy DIV teljes területét. A megoldás egyszerű, remélem lesz akinek megspórolok vele - ha mást nem - pár percet. A DIV-re…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/strip-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Strip Generator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az oldalon pillanatok alatt elkészítheted saját kis képregényedet. Strip Generator</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-robbanas-effekt-filterekkel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt Robbanás effekt (Filterekkel)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő pár percben elkészítük egy robbanás-szerű effektet, 6 egyszerű lépésben, csak Filter-ek használatával. 1. lépés Készítsünk egy új, nagy méretű dokumentumot (pl. 1000×1000), &#039;Transparent&#039; (átlátszó) legyen. 2. lépés Végezzük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorial-lapok-gyujtemenye/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial lapok gyűjteménye</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lapon, azon kívül hogy pl. Photoshop témában sok hasznos, angol nyelvű leírást is találtok, olvasható egy olyan gyűjtemény, mely több más, hasonló témájú lap címét és tartalmát sorolja fel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/water-figures/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Water Figures</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">képgaléria Water Figures</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alapveto-html-elemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/08/html-elemek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alapvető HTML elemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alapvető HTML elemek leírása; HTML, HEAD, TITLE, SCRIPT és STYLE, ISINDEX, BASE, META, LINK, BODY. 1. HTML verzióformáció A dokumentum elsõ sorában a használt verziószámot kell feltüntetni. Péltául HTML…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bekezdesszintu-html-elemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bekezdésszintű HTML elemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az bekezdésszintű HTML elemek leírása; H1-H6, ADDRESS, P, UL LI és OL, DL DT és DD, PRE, DIR és MENU, DIV és CENTER, BLOCKQUOTE, HR 1. Fejlécek ‹H1› - ‹H6›…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bevezetes-a-html-leiro-nyelvbe/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bevezetés a HTML leíró nyelvbe</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan kezdjünk hozzá egy HTML kód elkészítéséhez? Milyen programokat érdemes használnunk és mit kell tudnunk, mielőtt hozzákezdenén egy honlap elkészítéséhez? Kezdetben a HTML fejlesztők fő célja az volt hogy egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elerheto-nyelv-kivalaszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Elérhető nyelv kiválasztó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A többnyelvű honlapokon szinte mindig van egy ilyen kis zászlócskás nyelvválasztó az oldalon. Ha grafikailag rendben is vannak, egy probléma gyakori: nem elérhetőek.. Úgyértem: vagy a képeknek nincs alt attribútuma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hatso-lampa-beszurkitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hátsó lámpa beszürkítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a bemutatkozó tutorialom. Remélem minden érthető lesz. A nehézségi szintje: kezdő. 1.) Elősször is nyissuk meg a képet amit retusálni szeretnénk. Én ezt választottam: 2.) Lasso tool -lal (L)vágjuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/karakterszintu-html-elemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/08/karakterszintu-html-elemek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Karakterszintű HTML elemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A karakterszintű HTML elemek leírása; tt, i, b, u, s, big, small, sub, sup, em, strong, cite, code, dfn, kbd, samp, var, a, img, font, basefont, br 1. Fizikai karakterformázás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mategnap-funkcio-varcharosan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ma/tegnap funkció &quot;varcharosan&quot;</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagy általánosságban a hozzáértők a dátumukat UNIX TIMESTAMP-ként (időbélyeg) tárolják integer vagy unix timestamp típusú adatbázis-mezőkben. Felmerülhet egy olyan kérdés, hogy abban az esetben, ha én az átláthatóság kedvéért szöveges…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/meta-elemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Meta elemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A metatag-ek segítségével honlapunk látogatottságát is növelhetjük. Természetesen ebben elsősorban a kereső lesznek segítségünkre. Mint azt a honlap készítők körébe tartozó emberek népes társasága már tapasztalhatta, nagyon nehéz elfogadható látogatottságot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rss-a-honlapodra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">RSS a honlapodra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az RSS használatával egy, vagy akár több holnapról is össze lehet gyűjteni a frissen megjelent hírek linjeit illetve ismertetőit. Az RSS használatával elkerülhető, hogy a kedvenc hírportálok, hálónaplók oldalait naponta…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/specialis-karakterek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Speciális karakterek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A speciális karakterek használata bizonyos esetekben fontos lehet. Számomra elsősorban a tananyagok készítésekor volt jelentősége. Ha például egy kódot szeretnék bemutatni, akkor azt kell elérnem, hogy megjelenjen, ne pedig végrehajtsa…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tablazatok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Táblázatok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A táblázatok három szintből állnak és ezeknek egy-egy elem felel meg. A legegyszerűbb egy példával bemutatnom ezeknek az elemeknek a hierarchiáját. Példa: A ‹table› elem maga a táblázat kezdő és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/urlapok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Űrlapok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az űrlapok az interaktivitás legfontosabb elemei. Segítségükkel az olvasó kifejezheti véleményét, kommunikálhat az íróval, vagy más olvasókkal. Ilyen lehetőségek például a vendégkönyv, fórum, de még sok más hasznos lehetőséget rejt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xml-deklaracio-php-fajlokban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XML deklaráció PHP fájlokban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez nem egy tutorial, inkább egy apró tipp. A problémával localhostos fejlesztés közben találkoztam. Mint tudjuk, egy XHTML/XML dokumentumokban előfordulhat a következő: Viszont ha ezt egy php fájlba rakjuk, a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/digitalis-fotok-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Digitális Fotók Retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weboldal nem titkolt célja, hogy a digitális fényképezéssel foglalkozó amatőrök - kezdők és haladók - számára segítséget nyújtson a számítógépes képszerkesztés és képjavítás kezdetben elég kusza világában. Elsősorban napjaink egyik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nagy-kezdobetu-css-el/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nagy kezdőbetű CSS-el</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyakran jöhet jól, ha egységesíteni tudjuk oldalunk tartalmát. Címek esetében jól jöhet, ha egységes módon (pl.: nagy kezdőbetű, utána végig kis betűk) írjuk őket. Ezt meg lehet oldani mind szerver-…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/browsers-and-standards/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Browsers and Standards</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Web browser standards support summary Browsers and Standards</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirek-webmestereknek-es-linkgyujtemeny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">hírek webmestereknek és linkgyűjtemény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai naptól teszt jelleggel kikerül 2 új szolgáltatás a lapra, melyek címét megtaláljátok a honlap felső részén látható menüpontok között ( RSS hírek és linkgyűjtemény ). Már most szólok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/minerhu-blogkereso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">miner.hu - blogkereső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A miner.hu a hazai blogok tartalmában kereső szolgáltatás. A keresés mellett az oldal célja a lehető legtöbb hazai, illetve magyar nyelvű blog, illetve RSS tartalom összegyűjtése figyelése, és e köré…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-studio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP Studio</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP Studio a PHP programozással és fejlesztéssel foglalkozó oldal. Az oldalon ingyenesen letölthető scriptek, segédanyagok találhatók. Mindenkinek lehetősége van rá, hogy megvalósítassa saját ötletét. A fórumon segítőkész emberek adnak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-kepek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt képek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Absztrakt dolgokat nehéz készíteni. Hamis. Photoshop segítségével nagyon egyszerű, ahogy az a követekző leírásból is ki fog derülni. Igaz, mindössze pár lépés, de érdekes eredményeket lehet elérni. 1. Az első…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/erdekes-menu-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Érdekes menü készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az interneten különösebbnél különösebb menüket láthat az ember. A menüket külünböző programokkal készítik: ezek közé tartozik a photoshop is. A leírásból megtanulhatod, hogyan lehet elkészíteni egy nagyon megnyerő menüt. 1…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mini-banner/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mini banner</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mini bannerek használata egy elterjedt lehetőség a társoldalság jelzésére. Általában 88x31px a méretük, de a szép háttér készítéséhez nagyobb vászonra van szükségünk. 1.) Nyissunk egy új dokumentumot, majd D…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-keszitese-3/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SIG készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az interneten hóditanak a SIGek, az úgynevezett aláírások. A következő leírásban megtanulhatjuk, hogyan is lehet egyszerűen elkészíteni egyet. 1.) Készítsünk egy új dokumentumot és keressünk egy megfelelő képet, amit átszeretnénk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ifbincom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ifbin.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az IFBIN rendszeren keresztül jelenleg több, mint 500 Flash illetve Flex példát érhetünk el forráskóddal együtt, amiket a szakma legjobbjai készítettek. A korábban előfizetéses rendszer mostantól teljesen ingyenes... ifbin.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bomba-keszitese-photoshop-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bomba készítése photoshop segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Super Collapse a nagyon jó kis játék frankó bombás menüvel. Ebben a tutorialban megmutatom, hogyan is lehet egy bombát készíteni. Persze csak Photoshopban :) 1.) A vörös kör -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vorosbolygo-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vörösbolygó effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy olyan effekt, amellyel könnyen létrehozhatunk egy műholdképet a &quot;vörösbolygó&quot;-ról :) Lássunk is hozzá! Nyiss egy új képet 800x600-as értékekkel(vagy amekkorába akarod). Majd a Foreground-ot állítsd erre színre: ad1a1a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alapfogalmak-idovonalak-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alapfogalmak - Idővonalak használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alapokat mindig el kell sajátítani. A Flash-ben sincs ez másképp. Kezdjük az legalján, az idővonalak kal és a kezelésük kel. &amp; 95;root - Fő idővonal meghívása A Flash film…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/magyar-kozponti-avatar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Magyar Központi Avatar</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mkAvatar() avagy a M agyar K özponti A vatar, a népszerű gravatar.com magyar változata. Közzé teheted a 80x80-as avatar képedet, amelyet akár fórumban, blogban, vagy egyéb helyen is megjeleníthetnek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. augusztus 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykitores-keszitese-filterek-hasznalataval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénykitörés készítése filterek használatával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorial-ban megmutatom, hogy is kell Filterek használatával egy jó kis hátteret vagy épp fejlécet csinálni! Kezdjünk is hozzá: 1.) Csinálj egy új képet! (640px&amp; 42;480px-es felbontással) Állítsd át…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hajszin-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hajszín retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban a haj átszínezésének a rejtelmeit mutatom be Nektek. Szerintem nagyon egyszerű pár lépés csak az egész és elég látványos eredményt érhetsz el vele. 1.) Először is nyiss…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/5nakcom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">5nak.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">kötelező 5nak.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hajsza-az-idovel-vektormetszespont-szamolo-algoritmusok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hajsza az idővel - vektormetszéspont számoló algoritmusok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vektorok metszéspontjait nagyon sokféleképpen lehet számolni, mi a két leglogikusabb változattal foglalkozunk. Az egyik módszer a normálos-vektoriális szorzatos ( per product ), a másik pedig az egyenes metszéspontos lesz. Kíváncsi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rajzolas-php-ban-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/07/rajzolas-php.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rajzolás PHP-ban I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üdvözöllek Titeket Első Tutorialomban! Bevezetés: Mostanában sok forrást olvastam a php nyelv tanulását elösegitően, és sokat is tanultam, de még nem sikerült minden dolgot egy nagyobb program (honlapban) összefoglalni, és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honliner/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honliner</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Online Marketing oktatási Portál Honliner</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jazz-triumviratus-oldala/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JAZ(z) triumvirátus oldala</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Flash Munkák, Flash és PS tutoriálok, AirSoft és Filmek a témája. JAZ(z) triumvirátus oldala</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kezdoknek-a-setinterval-fuggveny-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kezdőknek - A setInterval függvény használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokszor felmerül az igény a késleltetésre egy banner elkészítése során. Ezt egyszerűen meg tudjuk oldani egy setInterval és egy clearInterval függvény használatával. Roppant egyszerű függvények mégis nagyon hasznosak! Lássuk hát…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-browser-selector/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS Browser Selector</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Javascript segítségével böngészőfüggő CSS kód létrehozása CSS Browser Selector</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dominik-tomasik/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dominik Tomasik</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ifjú lengyel grafikus Dominik Tomasik</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vissza-link-referer-hasznalataval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vissza link referer használatával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyakran látni a weboldalakon &quot;vissza&quot; linkeket. Általában ezek arra a helyre mutatnak, ahonnan valószínűleg jöhetett a felhasználó, rosszabb esetben JavaScript-el vannak megoldva. PHP-vel szépíthetünk egy kicsit ezen. A feladat egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dbm-file-ok-hasznalata-php-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DBM file-ok használata php-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A relációs adatbázisok használata mára általánossá vált a programfejlesztés során, annak ellenére, hogy a szekvenciális file-októl kezdve az egyéb módszerekig rengeteg fajta adattárolási lehetőséget alkalmazhatunk. Mégis, az SQL nyelv által…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/buborekok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Buborékok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár egyszerű lépésben bemutatom, hogyan lehet egy sörösüvegre buborékokat varázsolni. 1.) Először is kell valamiféle üveg. Google-val találhatunk rengeteget, én ezt választottam: 2.) Fogjuk meg az &amp; 91; Elliptical Marquee…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cool-hand/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cool hand</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Dingbats és a többi szimbólumokból álló betűtípusok jó clipart források lehetnek. Ebben a tutorialban egy ilyen betűt fogunk kicsit feldobni. Először is be kell szereznünk Zapf Dingbats betűtípust. Ez…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/feny-arnyek-arany-javitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fény-árnyék arány javítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Digitális fotókon utólagosan lehet segíteni, pl. ha a fény és árnyék nem megfelelő, javítani szeretnénk rajta. 1.) Nyissuk meg a képet amin dolgozni akarunk. 2.) Duplázzuk meg a réteget (Réteg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/minisig-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Minisig készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyes fórumokon előszeretettel használják a tagok az úgynevezett minisig-eket, mely elkészítéséhez nyújt segítséget ez a leírás. 1.) Nyissunk meg egy új fájlt 400×20 -as méretben (Fájl -&amp;gt; Új &amp; 91;Ctrl+N&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nightvision/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nightvision</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Készíteni egy éjjelikamerás képet? Minek, amikor elkészítheted Photoshoppal is. A teendõd a következõ: 1.) Fogod a képet, majd szürkévé varázsolod ( CTRL+SHIFT+U ): =&amp;gt; 2.) Adsz neki egy erõs zöld…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/orvenylo-plazma/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Örvénylő plazma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1.) Nyiss egy új dokumentumot akkora méretben amekkorát szeretnél, az enyém 500x500px. A Paint bucket tool (G) segítségével töltsd ki a hátteret feketével. Csinálj egy új réteget, legyen a neve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rajzhatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rajzhatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy nagyon egyszerű trükkel megcsinálható, hogy fényképeinken rajzhoz hasonló hatást érjünk el. 1.) Nyissuk meg a képet amin dolgozni akarunk (Ctrl+O) 2.) Duplázzuk meg az alaprétegünket, és a rétegmódot állítsuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sablon-template-kezeles/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sablon (template) kezelés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következőkben egy olyan, általam írt PHP-s függvényt szeretnék bemutatni, amellyel könnyedén és egyszerűen készíthetünk magunknak olyan oldalt, amely támogatja a sablonok (template) kezelését. Ez több szempontból is hasznos lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sar-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sár készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sarat még nem láttam, hogyan készítenek, ezért kidolgoztam egy hatásos effektsorozatot az elkészítésére. 1.) Első lépésben elkészítem az új dokumentumot, majd a fekete és világosszürke színeket beállítva a palettán hozzáadok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/techno-pottyok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Techno pöttyök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A photoshop segítségével nagyon egyszerűen lehet techno hatású pöttyöket készíteni. 1.) Első lépésként készítesz egy képet, majd válts a channels palettára: Windows / Show Channels és készíts egy új csatornát…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/techno-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Techno szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Techno szöveg elkészítése nem nehéz feladat, ha az ember ismeri a photoshopot. A leírásból bárki könnyedén megtanulhatja a műveletet. 1.) A leírást egy betűn mutatom be, de szövegekre is lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/2006-os-foci-vb-hattere/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">2006-os Foci VB háttere</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a kis tutorialban megtanulhatjuk azt, hogy kell elkészíteni a 2006-os Labdarugó Világbajnokság hátterét. 1.) Nyissunk egy 400&amp; 42;400 képet és töltsük ki ezzel ( ACD57B) a színnel a Paint…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-hatterkep-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt háttérkép készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő tutorialban megtanuljuk, hogy hogyan lehet GIMP segítségével igényes háttérképet készíteni. 1.) Nyissunk meg egy új üres képet (Ctrl+N) 1024x768-as felbontásban (vagy olyanban, amit mi akarunk). 2.) Csináljunk egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenylo-lampak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénylő lámpák</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a tutoriallal el tudjuk érni azt a hatást, hogy a lámpák fényét sokkal erősebbnek lássuk. 1.) Először nyissuk meg ezt a képet: 2.) Aztán duplikáljuk ezt a layert (…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flash-alapok-i-alapveto-tudnivalok-kezelofelulet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flash alapok I. - Alapvető tudnivalók, kezelőfelület</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A most következő leírással a Macromedia Flash MX 2004-es verzióját szeretném bemutatni. Aki már ismerkedett a programmal az egy kicsit unalmasnak találhatja a következő cikksorozatot, de egy olyan leírást szerettem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gotoandlearncom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gotoandlearn.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Angol nyelvű flash videótutoriálok, kezdőknek nagyon jó. Gotoandlearn.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/slice-tool-avagy-a-kepek-darabolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Slice tool, avagy a képek darabolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Rengeteg féle képpen lehet gombokat készíteni, de legtöbbször kell a Slice Tool . Ez fejtörést okoz a kezdőknél: miként lehet a dokumentumot feldarabolni. A leírás ezt mutatja be. 1.) Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szovegdoboz-keszitese-kepeken/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szövegdoboz készítése képeken</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírásban a félig transzparens szövegdoboz elkészítéséről lesz szó. A feladathoz szükségünk lesz egy képre. 1.) Hozzunk létre egy új réteget készítsünk egy kijelölést rá (pl. téglalapot), majd töltsük ki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/datum-fuggveny-ma-es-tegnap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/07/datum-fuggveny.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dátum függvény (&quot;Ma&quot;, &quot;Tegnap&quot;)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következőkben azt szeretném bemutatni, hogy a dátumoknál hogyan is írathajuk ki azt, hogy ha a blog bejegyzést például ma írtam, akkor azt írja, hogy &quot;Ma, 18:19&quot;, ha tegnap írtam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/retro-hatter-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Retro háttér készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban egy retró 60-as évekbeli TV show hátteret fogunk készíteni! Kezdjünk is hozzá! 1.) Készíts egy 700 x 700-as méretű, 1D6FA8 háttérszínű új képet. 2.) Csinálj egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/swfobject-valid-es-aktivacio-mentes-flash-tartalom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SWFobject - valid, és aktiváció mentes flash tartalom</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha van vmi amit sikerül sokaknak a leggyakrabban elszúrni egy weblapkészítése során, az az oldalba beillesztendő flash tartalom kódja. Még mindig sokan használják az &amp;lt;embed&amp;gt; tagot (minden böngésző azonosítás nélkül)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/basepath-meghatarozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Basepath meghatározás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyakorta kell egy-egy szkriptnek base path-et, base dir-t satöbbit megadni abszolút elérési úttal. Egy egyszerű kis scripttel ezt pillanatok alatt meghatározhatjuk... Ezt feltöltve abba a könyvtárba, amit path-nek meg kéne…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/coolphoto-filters-and-actions/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CoolPhoto - Filters and Actions</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop Filters and Actions CoolPhoto - Photoshop Filters and Actions</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sitebuilder-es-webdesigner-allasajanlat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sitebuilder és webdesigner állásajánlat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Jasmin Media Group Kft. , internetes szolgáltatásokkal foglalkozó cég csapatába keres munkatársat (teljes munkaidőbe) sitebuilder és webdesigner munkakörökbe. Amit kínálni tudunk : versenyképes jövedelmet és fejlődési lehetőséget egy gyorsan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/commentful/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Commentful</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">blog commentek követéséhez egy hasznos szolgáltatás Commentful</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/doksihu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">doksi.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letölthető könyvek gyűjteménye doksi.hu</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lazehu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">laze.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Magyar textpattern-eseknek kötelező! laze.hu</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/linux-pingvin-tux-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Linux pingvin (Tux) készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a Tux sokkal összetettebb, mint az előző, ezért jobbnak láttam, ha mellékelek egy PSD fájlt az összes szükséges formával. Tehát itt a minta: tux-g2-en.psdA PSD két réteg-csoportot tartalmaz. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/divless-layout/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Divless layout</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Oldal layout listaelemekkel való elkészítése. Érdekes elképzelés. Divless layout</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/litebox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Litebox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">még karcsúbb, még gyorsabb Litebox</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/puzzle-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Puzzle effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom bemutatni, hogy hogyan érhetünk el tetszőleges képen puzzle hatást. Először is bemutatom, mit is fogunk csinálni. A végén így fog kinézni a képünk.1.) Válasszunk ki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bbkod-funkcio-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BBkód funkció készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezen tutoriálom segítségével megtanulhatja mindenki a következő BBkódokat előállítani: - Vastag szöveg -</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-atrajzolasa-pen-tool-lal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép átrajzolása Pen tool-lal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom bemutatni, hogy hogyan kell egy kép körvonalait átrajzolni pen tool-lal. 1.) Válasszunk ki egy egyszerű képet. (Később, ha jobban fog menni a pen tool használata…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/putra-writer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Putra Writer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenes magyar html szerkesztő. Putra Writer</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/goldenblog-2006/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Goldenblog 2006</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Goldenblog 2006 Goldenblog 2006</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/oooooouchcom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">oooooouch.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">érdekes hangszer... oooooouch.com/</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/turbomilk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TurboMilk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">TurboMilk: powerful and healthy GUI design for human beings TurboMilk</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gomb-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gomb készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az elkövetkezőkben megtanulhatod egy szép 3d-s gomb elkészítését. 1.) Hozz létre egy új dokumentumot és készíts egy új réteget, majd azon helyezz el egy kör kijelölést az Elliptical Marquee Tool…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kodolas-modszerek-optimalizacio-elso-resz-tervezes-fuggvenyek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kódolás, módszerek, optimalizáció első rész: tervezés, függvények</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mint programozó, egy idő után biztos találkozni fogunk az optimalizáció fogalmával. Ennek rengeteg szintje és módja létezik, de elsősorban a sebesség növelése, ill. a terhelés csökkentése (kevesebb memória használat, kevesebb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/drupal-rss-linkek-uj-oldalra-nyitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Drupal RSS linkek új oldalra nyitása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Drupal aggregator nevezetű moduljának segítségével más honlapok híreit is tudod publikálni a lapon, gondolom eddig semmi újat nem mondtam. Nemrégiben híreket cseréltünk az ITport.hu portállal, és meglepődve tapasztaltam, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/oldal-atiranyitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Oldal átirányítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Többen is gondolkodnak azon, hogyan is lehetne gyorsan és megbízhatóan átirányítani az oldalukat más internetes címre. A leírás több módszert is bemutat Az első módszer talán a legegyszerűbb, a meta…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/red5-opensource-rtmp-server/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Red5 OpenSource RTMP Server</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kiváló alternatíva ha a Macromedia Flash media servert drágának találod. A Red5 egy szerver, nem csak streamelésre alkalmas flash plugin, hanem képes hívásokat és információt küldeni a flash kliensnek. Ezen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sztereovizualis-kepek-keszitesenek-alapjai-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sztereovizuális képek készítésének alapjai - 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a cikkben a sztereovizuális (kék-piros lencséjű szemüveggel 3D hatást keltő) képszerkesztéssel fogunk megismerkedni. Mi a sztereovizuális grafika? Az embernek ugyebár két szeme van. Két oldalról fogja fel a képeket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/login-naplozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Login naplózás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sokakban felmerülhet a kérdés (bennem többször is felmerült), hogy hogy lehetne naplózni, ha például az admin felületünkre próbálnak belépni. Itt leírom, hogy hogyan is kell ezt csinálni, egy olyan login…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/night-watch/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Night Watch</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szép flash honlap Night Watch</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/open-source-templates/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Open Source Templates</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">letölthető, opensource template-k gyűjteménye Open Source Templates</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-es-a-horizontalis-gorditosav/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox és a horizontális gördítősáv</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Apró de idegesítő hiba, mikor egy oldalon az iframe mind a horizontális, mind pedig a vertikális gördítősáv megjelenik annak ellenére, hogy a tartalom csak vertikálisan gördíthető. Ilyenkor van egy aktív…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/asp-alapok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ASP alapok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">ASP vagyis Active Server Pages Ebben az egy mondatban minden benne van, amit az asp-ről tudni kell. Aki egy kiterjedtebb, és gyakrabban használt nyelv felől közelít az asp felé (pl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ff-screen-grab/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FF Screen Grab</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos Firefox extension, egy honlap képének mentéséhez FF Screen Grab</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenylo-explorer-ikon-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fénylő Explorer ikon készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ikonok tervezésénél célszerű először egy adott háttérképet kiválasztani, amihez majd a színét igazítjuk tervezés közben. Én a tutorial.hu-n található galériából választottam egy képet, amire egy kicsit átalakított Explorer ikont fogok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-atiranyitasa-javascript-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">honlap átirányítása javascript segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Olvastam a .htaccess fájlról szóló cikket. Gondoltam megpróbálom én is az átirányítást megoldani. Sajnálattal vettem tudomásul, hogy semelyik tárhely (Enternet, Chello) nem engedi a PHP kód futtatását. Ezért a következő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absolute-pozicionalas-css-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absolute pozícionálás CSS segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyakran felmerülő kérdés, hogy lehet egy dobozt absolute pozícionálással egy olyan lapszerkezetben elhelyezni, ahol a lap tartalma mindig középen van, tehát a doboznak (nevezzük mostantól reklám doboznak) nem mondhatjuk azt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/momb-the-top-100/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MoMB - The Top 100</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Modern Beták Múzeuma MoMB - The Top 100</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/typetester/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Typetester</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasonlíts össze különböző font típusokat! Typetester</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/beallitasok-jelentese-az-azureus-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Beállítások jelentése az Azureus-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a videóban az Azureus beállításait fogom elmagyarázni részletesen. A videó mérete: 1768kb A videó formátuma: flash Azureus beállításai videó letöltés</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blinklist/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">blinklist</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Oszd meg kedvenc linkjeidet! blinklist</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/real-time-domain-search/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Real-time Domain Search</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyors domain keresés Real-time Domain Search</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tukrozodes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tükröződés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás segítségével megtanulhatod, hogyan lehet pár lépéssel szép, valóságszerű tükröződést készíteni. Fogjunk is bele: 1.) Duplázd a tükrözni kívánt réteget, majd nyomj CTRL+T (free transform) kombinációt, majd jobb klikk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/veerle-s-blog/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Veerle&#039;s blog</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webdesigner blog Veerle&#039;s blog</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/videobomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Videobomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Oszd meg videóidat! Videobomb</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fuggoleges-menuk-css-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Függőleges menük CSS segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az első dolog az az, hogy megértsük, mit is akarunk készíteni. Az alább található leírás abban lesz segítségünkre, hogy megtanuljuk CSS és listák segítségével szép és igényes menüket készíteni. Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/designworld/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DesignWorld</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webdesign-nal foglalkozó, még épülő félben lévő oldal. DesignWorld</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismerkedes-az-actionscript-3-mal-5-resz-kameraval-iranyitott-labda/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismerkedés az ActionScript 3-mal, 5. rész - Kamerával irányított labda</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Igen, és sorozatunk végére érkeztünk, jutalomképpen egy igen látványos és zsír dolgot fogunk megvalósítni: a kamera inputtal fogjuk irányítani az előző részekben felprogramozott labdánkat. Szükségünk lesz egy új osztályra MotionDetectorLogic…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mysql-sebesseg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mysql Sebesség</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Azért készült ebből a linkből blog bejegyzés, hogy hátha igy többen elkezdik elolvasni a weblapot: Mysql PerformanceEz egyenlőre angol, de majd igyekszem minél többet lefordítani belőle, hogy megértsék az emberek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szem-retusalas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szem retusálás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sok embert ismerek, aki nincs megelégedve a szemével. A photoshop ezen is tud segíteni, igaz csak képen :) A következő leírásból megtudhatod, hogyan lehet egyszerűen, mesebeli és vonzó szemeket varázsolni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-szep-menu-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű, szép menü készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom megmutatni,hogy lehet csinálni egy pofás menüt honlapokhoz. 1.) Nyissunk egy 700&amp; 42;60-as, átlátszó, új dokumentumot. 2.) Csináljunk egy új layert(CTRL+SHIFT+N), majd válasszuk ki a Rounded…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-fejlec/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt fejléc</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az igényes weboldalak mellé igényes fejléc is szükséges, mivel jó benyomást kelt! Szóval ebben a leírásban egy headert fogunk készíteni. Első lépésként létrehozunk egy új dokumentumot, lehetőleg fehér háttérrel, majd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flash-9-lejatszo-publikus-beta/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flash 9 lejátszó publikus béta</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Flash 9 lejátszó bétája. Csak saját felelősségre! Flash 9 lejátszó publikus béta</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fubon-the-two-tales/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fubon. The Two Tales</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nagyon szép flash-es honlap. Fubon. The Two Tales</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/beallitasok-jelentese-a-bitcomet-ben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Beállítások jelentése a BitComet-ben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a videóban a Bitcomet beállításait fogom elmagyarázni részletesen. A videó mérete: 904kb A videó formátuma: flash Bitcomet beállításai videó letöltés</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismerkedes-az-actionscript-3-mal-4-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismerkedés az ActionScript 3-mal, 4. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Na tehát akkor most kellene egy bitképet húznunk a labdánkra, meg pattanásra hangot kéne kibocsátani magunkból ( de nem a fürdőben, haha :) ). Elöljáróban öt dologról szeretnék beszélni: -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mandelbrot-halmaz-actionscript-3-mal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mandelbrot-halmaz ActionScript 3-mal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az ötödik rész előtt lazításképpen írjunk gyorsan egy Mandelbrot-halmaz rajzoló algoritmust. A Mandelbrot halmaz azon pontok halmaza a komplex számsíkon, amelyekre a z(i) = z(i-1)&amp; 42;z(i-1) + c rekurzív függvény…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/real-time-mandelbrot-rotozoom-as3-mal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Real - time mandelbrot rotozoom AS3-mal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elképesztő, és meg tudja csinálni, mindjárt sírok, utoljára 1993-ban csináltak ilyet, assemblerben, 4K-s demóba, jahaaaj, a történelem ismétli önmagát :) megnézheted a cuccot itt. A cikkhez kapcsolódó hozzászólásokat a fórum…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fluideffect/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/06/fluid-effekt.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FluidEffect</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop retusálás előtt/után állapotokkal szemléltetve az eredményt mutatja be a honlap, hogy milyen lehetőségek rejlenek az Adobe Photoshop-ban, ha valaki ért hozzá és érzéke is van a retusáláshoz. fluideffect.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltendo-fajlok-kijelolese-azureus-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letöltendő fájlok kijelölése Azureus-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt mutatom meg, hogy kell kijelölni a fájlokat Azureus-ban, hogy a torrent-en belül mely fájlokat töltse le és melyeket ne. A videó mérete: 433kb A videó formátuma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/osvidscom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">OSVids.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Letölthető videók különböző operációs rendszerekről. OSVids.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/borpir-eltuntetese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bőrpír eltűntetése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bőrpír eltüntetése néhány kattintással... Videó adatai: Idő: 1perc 9 másodperc Méret: 3,93 MB (4 127 866 bájt) Felbontás: 1024x744 Videó formátuma: avi (xvid) Videó letöltése (3.93 MB) Felhasznált kép letöltéseKérdés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-remix/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS Remix</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sok-sok szép CSS alapú honlap CSS Remix</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismerkedes-az-actionscript-3-mal-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismerkedés az ActionScript 3-mal, 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizony, már nagyon előrehaladott állapotban van maga a nyelv is, a Flash Player 9-essel, és a Flex 2-vel egyetemben, pár hónapon belül élesíti az Adobe őket, és akkor lesz nemulass…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismerkedes-az-actionscript-3-mal-2-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismerkedés az ActionScript 3-mal, 2. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nos, az előző részben rajzoltunk egy gyönyörű piros focilabdát, ami nem is rossz ahhoz képest, hogy narancssárgát akartam, haha :) Játsszunk tovább a lehetőségeinkkel. Ha most a TestBall függvénybe simán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ismerkedes-az-actionscript-3-mal-3-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ismerkedés az ActionScript 3-mal, 3. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző két részben eljutottunk odáig, hogy van egy jó randa pattogó labdánk. Szebb lehetne, ha mondjuk nem méreteződne át a böngészőablakkal együtt, jó lenne a framerate-je, meg lenne valami…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/templatesbox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Templatesbox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ingyenes sablonok, bannerek, flash site-ok kezdőknek. Templatesbox</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ipod-tutorial-i-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">iPod tutoriál I. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial lépésről-lépésre mutatja be, hogyan készíthetünk iPod-ot. Az elkészítéséhez szügséges a Photoshop alapszintű ismerete, mivel a leírás nem tér ki minden egyes kis apró mozdulatra. Ha valamelyik részét nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seedeles-torrent-feltoltese-bitcomet-tel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Seedelés, torrent feltöltése BitComet-tel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom megmutatni, hogy Bitcomet használatával hogyan kell torrenteket feltölteni egy torrentes oldalra, valamint hogy kell utána seed-elni a feltöltött cuccokat. A videó mérete: 1533kb A videó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seedeles-torrent-feltoltese-azureus-szal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Seedelés, torrent feltöltése Azureus-szal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom megmutatni, hogy Azureus használatával hogyan kell torrenteket feltölteni egy torrentes oldalra, valamint hogy kell utána seed-elni a feltöltött cuccokat. A videó mérete: 1466kb A videó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zagyva-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Zagyva generátor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lorem Ipsum helyett, magyarul Zagyva generátor</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forraskod-tisztogatas-es-formazas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Forráskód tisztogatás és formázás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az elmúlt időszakban - mikor a joomla-s tartalmat költöztettem át drupal alá - keresgettem olyan megoldásokat az interneten, amivel viszonylag fájdalommentesen lehetne tetszőleges szövegrészlet cseréket megejteni. Ennek módja elképzeléseim kb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/klassz-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Klassz szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírásból megtudhatod, hogyan lehet egyszerűen, a cikk végén látható képhez hasonló szöveget készíteni. Az első lépés, hogy készítünk egy új dokumentumot, én 300 x 100 pixelest használtam, fehér háttérrel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/everystockphoto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">everystockphoto</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Közel 270,000 kép ingyen! everystockphoto</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kis-helyzetjelentes-az-elmult-egy-hetrol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kis helyzetjelentés az elmúlt egy hétről</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezúton szeretném megköszönni mindenkinek aki cikket küldött a lapra, hogy időt és energiát szántatok/szántok és remélem fogtok is, hogy másoknak segítsetek az írásaitok révén. Az elmúlt héten kaptam kevés kritikát…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/layout-gala/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Layout Gala</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">40 CSS layout Layout Gala</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/south-park-figura-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">South Park figura készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban azt fogom megmutatni,hogy kell South Park-os figurát készíteni Adobe Photoshop segítségével. 1.) Nyissunk egy fehér hátterű 600&amp; 42;600-as új dokumentumot. 2.) Csinálj egy új Layert(CTRL+SHIFT+N) 3.) Válaszd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-scrutinizer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The Scrutinizer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Számos hasznos link webfejlesztőknek The Scrutinizer</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/drupal-modul-quicktags-szerkeszto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Drupal modul - quicktags szerkesztő</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor készítettem a drupal alapú új lapot, sokáig filóztam rajta, vajon milyen legyen az alapértelmezett és mindenki számára elérhető beviteli forma (filtered html, full html stb.).. Mindegyik mellett és ellen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/free-speech-area/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Free Speech Area</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Több remek cikk is található az oldalon, például a png fájlok megjelenítése IE alatt. Free Speech Area</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/slayeroffice-segedletek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">slayeroffice segédletek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapkészítéskor rendívül jól szolgáltatot tehetnek az alábbi kódok, mivel nem feltétlenül kell minden esetben forráskódot bújnod ahhoz, hogy megtudj 1-1 szükséges információt (class neve, elem tulajdonságai, szülő elemek stb.). Használatához…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/creamundo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Creamundo</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">9800 ingyenes betűtípus Creamundo</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/erdekes-js-scriptek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Érdekes JS scriptek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Flasht megszégyenítő képmanipulálási cuccok JS-ben. Érdekes JS scriptek</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/javascript-objektum-elemzo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JavaScript objektum elemző</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki írt már JavaScript kódot tudja, hogy a nyelv rengeteg objektummal dolgozik, és minden objektumnak vannak böngésző-specifikus tulajdonságai, metódusai. Ilyen káoszban nem nehéz eltévedni, ráadásul nem mindig találjuk meg a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tech-gyuru/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tech Gyűrű</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutoriálban tanulhatsz egy egyszerű technikát, hogyan kell Adobe Photoshopban Tech Gyűrűt készíteni. Ez a leírás nagyon kevés tudást igényel ehhez a látványos effektushoz. Használj nagyon nagy képet, mert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-trukkok-elso-resz-haromszogek-sokszogek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS trükkök első rész - Háromszögek, sokszögek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üdvözlök mindenkit! Egy érdekes megoldást szeretnék bemutatni CSS segítségével, mellyel különböző alakzatokat tudunk létrehozni. Példánkban egy háromszöget fogunk szerkeszteni. Hozzunk létre egy HTML fájlt, amiben helyezzünk el két &amp;lt;div&amp;gt;-et egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ebookzhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ebookz.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elektronikus könyv és oktató videók gyűjteménye. ebookz.hu</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/float-fix/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Float fix</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sok gondot okozott, hogy a float-olt div -ek nem növelik FF alatt a konténer elem magasságát. Erre találtam egy egyszerű megoldást. Annyi a teendőnk, hogy a css-be definiálunk egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. június 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/accessibility-color-wheel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Accessibility Color Wheel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Színek és ötletek Accessibility Color Wheel</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenyes-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fényes gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1&amp; 46; Gomb alakjának és színének előkészítése Csináljunk egy új képet 240×240 pixel méretben fehér háttérrel. Az Ellipszis kijelölése (E) eszközzel csináljunk egy körülbelül 200 pixel átmérőjű kört. TIPP: A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/red5-ingyenes-rtmp-szerver/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Red5 ingyenes RTMP szerver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A red5 a flash comm server ingyenes helyettesitőjének fejlesztik, elég jó úton haladnak. Red5 ingyenes RTMP szerver</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/red5-ingyenes-rtmp-szerver-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Red5 ingyenes RTMP szerver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma kaptam egy linkajánlóban megírt üzenetet, ahol sem a küldő nevét, sem egyéb elérhetőségét nem találtam meg, viszont a téma érdekesnek tűnik - úgyhogy kivételesen reagálok így a lapon rá…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sebhely-eltuntetese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sebhely eltüntetése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1&amp; 46; Töltsük be a képet, amin dolgozni akarunk (Fájl -&amp;gt; Megnyitás &amp; 91;CTRL+O&amp; 93;) 2. A szín kijelölése eszközzel (SHIFT+O) kattintsunk a sebre. 3. Kattintsunk addig a sebre, amíg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tracbac/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TracBac</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Saját készítésű képeinket oszthatjuk meg másokkal. TracBac</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/datum-kiiratasa-maskepp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dátum kiíratása másképp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezt a kis kódrészletet azért osztom meg, mert sok javascriptes megoldást láttam már a dátum kiíratására. Alapból nekem nem tetszett, ahogy a php kiírja a date függvénnyel, ezért elkészítettem egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/htaccess-atiranyitas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2006/05/htaccess.jpeg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">htaccess átirányítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A .htaccess alapú átirányításról már régebben is volt szó itt a lapon, de nem lett teljesen kifejtve, hogy milyen lehetőségek is rejlenek e téren. Egy tegnapi beszélgetés során felmerült a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-megjelenites-maskeppen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép megjelenítés másképpen.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lightbox funkció egy másik megoldással. Kép megjelenítés másképpen.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/web-design-times/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Web Design Times</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A nagy sikerű Times sorozat webfejlesztőknek. Web Design Times</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/weblap-vagy-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Weblap vagy program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az interneten böngészve 3 dolog ütötte meg a szememet: 1, Egyre több kifejezetten webes alkalmazáshoz ajánlanak desktop programot. Gondolok itt a desktop blogger dolgokra. Eleinte furcsán hangzik a dolog, de…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XUL</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mennyire mosódnak el a határok a desktop és a webes alkalmazások között? XUL</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fako-kep-javitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fakó kép javítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lord Gabornak köszönhetően ezentúl a GIMP programról készült leírásokkal is gazdagodni fog az oldal, illetve - reméljük - Ti is. Amennyiben kérdésetek van a leírásokkal kapcsolatban, keressétek meg bátran a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-reboot-spring-2006/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS Reboot Spring 2006</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">gyönyörű CSS lapok CSS Reboot Spring 2006</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megujult-a-lap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">megújult a lap</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most jött el az a pillanat, amikor az eddig használt Joomla motort és grafikát félretéve váltok, méghozzá drupal-ra. Akik követték a fórumot, pontosan tudják, hogy ennek a váltásnak mik voltak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/open-source-web-design/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Open Source Web Design</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kezdő programozó palántáknak, akiknek nincs ötletük, hogy hogy nézzen ki a weblapjuk. Open Source Web Design</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/text-snippets/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Text Snippets</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos kódrészletek Text Snippets</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/174-resources-on-online-tools/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">174 resources on online tools</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">online szolgáltatások listája 174 resources on online tools</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/canvas-for-wordpress/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Canvas for Wordpress</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Wordpress layout módosítása kódszerkesztés nélkül Canvas for Wordpress</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/interviewing-web-developers/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Interviewing Web Developers</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">20 jó kérdés állásinterjúhoz Interviewing Web Developers</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lynx-viewer/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lynx viewer</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">megnézheted, hogy jelenik meg a lapod lynx alatt Lynx viewer</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-charset-codepage-conversation/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online charset / codepage conversation</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">online konvertálás Online charset / codepage conversation</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/seomoz-s-web-20-awards/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SEOmoz&#039;s Web 2.0 Awards</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Web 2.0-s alkalmazások listája SEOmoz&#039;s Web 2.0 Awards</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-best-of-web-20/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The Best of Web 2.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A legjobb Web 2.0-s alkalmazások listája The Best of Web 2.0</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/the-best-web-20-software-of-2005/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">The Best Web 2.0 Software of 2005</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A 2005-ös év legjobb Web 2.0-s alkalmazásai The Best Web 2.0 Software of 2005</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/typenavigator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TypeNavigator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">fontkereső TypeNavigator</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vektoros-logok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vektoros logók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Rengeteg világmárka logójának vektoros (és letölthető) formátuma érhető el a lapon Vektoros logók</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/chema-madoz-fotografo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Chema Madoz fotógrafo</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">fotógaléria Chema Madoz fotógrafo</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kozepre-igazitas-css-el/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Középre igazítás CSS-el</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A CSS-ben a középre igazítás mindig is nehéz feladat volt, mert a böngészők máshogyan értelmezik a CSS tulajdonságokat, ráadásul vertikális középre igazítás nincs a CSS-ben, ám ezt mégis meg lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mshablecom-weblist/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mshable.com weblist</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Internetes alkalmazások listája Mshable.com weblist</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/neo-binaries-web-based-applications/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">NEO Binaries - web based applications</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Internetes alkalmazások gyűjtőoldala NEO Binaries - web based applications</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cheat-sheets-ilovejackdanielscom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cheat Sheets - ILoveJackDaniels.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasznos segédanyagok webmestereknek Cheat Sheets - ILoveJackDaniels.com</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csak-a-web-projekt-1-resz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csak-a-web projekt - 1. rész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan lehet kiváltani az asztali alkalmazásokat webes &quot;programokra&quot; Csak-a-web projekt - 1. rész</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-formatter-and-optimiser/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS Formatter and Optimiser</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">CSS formázás és optimalizálás - online CSS Formatter and Optimiser</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/design-melt-down/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Design Melt Down</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Webdesign gyűjtemény, színek, technikák és stílusok szerint kategórizálva Design Melt Down</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/livesearch-alltheweb-modra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">LiveSearch Alltheweb módra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Keresés ENTER nélkül LiveSearch Alltheweb módra</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/socksoffcouk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">socksoff.co.uk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Háttérkép linkgyűjtemény socksoff.co.uk</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thickbox/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ThickBox</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hasonló megoldás mint a LightBox (http://www.huddletogether.com/projects/lightbox2/), de gyorsabb. ThickBox</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/banner-generator/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Banner generator</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Általad meghatározott szöveget lehet egyes képekre &quot;írni&quot;. Banner generator</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sig készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1.) Nyiss egy 420x160-as méretű, fehér dokumentumot. 2.) Tegyél a dokumentumba egy képet, és azt helyezd el kedved szerint. Én ezt használtam: punisher5ea.png. Ha a kép túl nagy, akkor kicsinyítsd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/activex-frissites-az-ie-ben-vs-flash/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ActiveX frissítés az IE-ben vs. Flash</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bizonyára már a legtöbben felfigyeltek arra, hogy a Microsoft Internet Explorer legutóbbi frissítése során egy új biztonsági funkcióval &quot;gazdagodott&quot; a böngésző (ActiveX update). E funkciónak köszönhetően a honlapokban ágyazott flash-ek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. április 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kulso-linkek-xhtml-fajlokban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Külső linkek XHTML fájlokban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az XHTML-ből a W3 Consortium eltávolította a target tulajdonságot, így a linkek nem mutathatnak új, üres ablakra (&amp; 95;blank). Ebben a leírásban egy módszert mutatok be ennek pótlására. Az XHTML…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. április 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/port-of-ruby-blue-notepad-theme/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Port of Ruby Blue - Notepad++ theme</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumon a minap tomsolo készített egy új theme-t a Notepad++ nevezetű szerkesztőprogramhoz, melyet Port of Ruby Blue névre keresztelt el. A skin, illetve hozzá kapcsolódóan egy leírás megtalálható az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/forum-etikett/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">fórum etikett</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">avagy mit illik és mit nem egy fórumon A kultúrált fórumozásnak van pár iratlan szabálya melyet nem csak itt, de máshol is érdemes betartani. Nem azért mert kötelező, nem azért…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/invision-power-portal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Invision Power Board</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az IPB fórummotorhoz alapértelmezetten tartozik egy elég kezdetleges, de végül is használható portálmotor. Az IPB csomagon belül megtalálod a &amp; 92;Tools&amp; 95;and&amp; 95;Scripts&amp; 92;ipbportal&amp; 92; könyvtárban. A telepítése nagyon egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/water-mirroring-tukrozodes-vizen/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Water mirroring, tükröződés vízen</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezen tutorial során bemutatom, hogy lehet egy egyszerű tükrözést csinálni egy adott szövegről vízen. Szükséges: Chaotic Brush Set 1&amp; 46; Lépés: Hozzunk létre egy új lapot pl az alábbi beállításokkal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bolygo-rajzolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bolygó rajzolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a tutoriallal egyszerű, mégis élethű bolygót készíthetsz a Photoshoppal. A szerző, Greg Martin szerint ez a megoldás a Photoshopnak csak a 7-es változatával működik, ám úgy tűnik, más (magasabb)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modern-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Modern szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a tutorial egy „modern” szöveg elkészítését mutatja be. Végülis lehet hogy nem is modern, de jobb nevet nem tudtam kitalálni :). 1&amp; 46; Nyiss egy új képet pl. 400&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rajzfilmesites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rajzfilmesítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következőkben azt fogom leírni, hogyan készíthetünk valakinek a fényképből rajzfilmfigura-szerű képet. Először is szükségünk van egy lehetőleg nagy felbontású, lehetőleg világos képre. Én a volt iskolaigazgatóm fényképét fogom használni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kenes-lang/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kénes láng</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebből a tutorialból megtudhatod - ha még nem tudtad :) -, hogy hogyan adhatsz betűidnek kékes/kénes lángot. 1&amp; 46; Kezdjünk mondjuk egy 400x400-as képpel. Nyomjunk egy D-t, így alapra állítjuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/firefox-es-thunderbird-tray-ikonkent/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Firefox és Thunderbird tray ikonként</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A MinimizeToTray univerzális kiterjesztés segítségével a futó Firefox böngészönket és Thunderbird levelezõprogramunkat ikonként jeleníthetjük meg a tray-be. 1&amp; 46; Nyissuk meg</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/radioblogclubcom/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">radioblogclub.com</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma a fórumon vki ajánlotta ez a linket egy dal kapcsán: www.radioblogclub.com. A keresőjében akár számcímre, akár előadóra is lehet keresni és a találatok között nem csak a szigorúan vett…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. február 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/userbar-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Userbar készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mostanság divatba jöttek a fórumokon látható un. userbar-ok, melyek keskeny kis képek mintegy aláírásként használva. Van aki másoktól másolja le és van, aki inkább maga készíti el. Utóbbi csoportnak szól…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. február 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szep-hibauzenet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szép hibaüzenet</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ismét fontos, hogy egy példa erejéig megnézd miről is lesz szó. Űrlapok. Nap mint nap találkozunk velük és egyre többen töltünk ki mindenféle információgyűjtő formokat. Elküldés előtt az egyik legfontosabb…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. február 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/techdesign/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TechDesign</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban egy layout-t fogunk elkészíteni. Noss akor lássunk is hozzá (A tutorialban feltételezem, hogy a photoshop alapjait már elsajátítottad!) . Először csinálunk néhány dolgot bemelegítésképpen! Pattern A későbbiekben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. február 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alomszeru-hatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Álomszerű hatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha 1-1 egyszerű művelettel is kellemes hatásokat lehet elérni - erre jó példa az alábbi leírás. 1.) Először is nyissunk meg egy képet, mint pl ez: 2.) aztán Duplicate Layer…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. február 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szmotyi/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szmötyi</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a tutorial az unaloműzésemnek egyik eredménye, amit egy gyerek kérésére készítettem el, hát pontosan nem tudom mi ez, de én szmötyinek neveztem el. Az elkészítés egyszerű, csak kövesd a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/feny-arnyek-javitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fény-árnyék javítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Néha szükség lehet arra, hogy 1-1 rosszabbul sikerült képet javítgassunk - pl. ha sötétebbre sikerült mint szerettük volna. Az alábbi pár kattintással végigvihető leírás az egyik lehetséges módszert mutatja meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogsearchhu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">blogsearch.hu</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrégiben elindult az első magyar blogkereső szolgáltatás, a blogsearch.hu. Aki szeretné blogja látogatottságát javítani, regisztráljon a szolgáltatás oldalán! A blogsearch.hu-t én már kipróbáltam, jelentem remekül működik már most is annak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/menu-lista-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Menü lista segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Menüt listával? Sokaknak ez már régóta természetes, mások meg vakarják a fejüket, hogy most mi van? Pedig ha belegondolunk miről is van szó? egy menü listáról , azaz tényleg van…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/extrahu-telepitheto-alkalmazasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">extra.hu - telepíthető alkalmazások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az extra.hu ingyenes tárhelyszolgáltató lapjára kikerült egy lista a mostanság népszerűbbnek számító CMS -ek, fórummotorok és hasonlók listájáról, hogy mit lehet biztosan telepíteni a szerverre, mi lett letesztelve. A lista…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/justalynnet/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">JustAlyn.net</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap a fórumon böngészve a joomla-s topicban hívták fel a többiek figyelmét egy lapra, - mely joomla-ra épül - hogy milyen szépen átdolgozták, testreszabták. Maga a lap sem rossz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/modern-gombok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Modern Gombok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Lépés: Kezdj egy új képet mondjuk 300x300 pixellel, fehér háttérrel. Válaszd ki a &quot;Rounded Rectangle Tool&quot;-t az alábbi módon: 2. Lépés: Add meg az elQtér (Foreground) színét &quot; F9F9F9&quot;-re…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thunderbird-tray/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Thunderbird-Tray</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Thunderbird-Tray egy ingyenes és elég népszerű levelező program, a Thunderbird egyik hiányosságát hivatott kiküszöbölni: a program alapértelmezetten nem nyújt lehetőséget arra, hogy lecsukva ne mint fül, hanem mint ikon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2006. január 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/buek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">B.U.É.K</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A 2005-ös évet egy kis összefoglalóval zárnám ezzel is megköszönve minden kedves látogatónak és fórumozónak hogy itt voltak (és remélem lesznek a 2006-os évben is :) ). A lapon eddig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. december 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/extrahu-1gb-ingyen-tarhely/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">extra.hu - 1GB ingyen tárhely</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Felhívnám mindenki figyelmét az extra.hu ajánlatára, ahol többek között 1GB ingyen tárhelyet lehet kapni, jelenleg reklámok és egyéb kellemetlen korlátok nélkül (pl. nincs fájlméretkorlát). Az extra.hu-ra feltöltött fájlokat (pl. képeket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. december 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/morcositas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Morcosítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Passatgt egy rövid leírás keretében bemutatja, hogy hogyan &quot;morcosítsunk&quot; egy VolksWagent. 1. Első lépésként nyissuk meg a képet,majd szedjük le a jelet.Jelöljünk ki egy darabot a képen átható módon,majd ctrl+c,ctrl+v…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. december 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/zftpserver-suite/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">zFTPServer Suite</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegnap este kipróbáltam egy újabb FTP szerver programot: zFTPServer Suite Amiért bejegyzésre került ez az egyébként nem nagy esemény az az, hogy meglepően jó a program, mindent tud szerintem amit…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. december 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/chat-beillesztese-honlapba/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2005/11/chat.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Chat beillesztése honlapba</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Chat beszúrására egy honlapba több módszer is van, de most csak egyet fogok bemutatni ami viszont tényleg egyszerű, max pár perc alatt megvan. Először is szükséged lesz egy blogdreams.com -os…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smf-simple-machine-forum/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SMF - Simple Machine Forum</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Frissítve lett az 1.0.5-ös magyar csomag! - az ékezetes karakterek helyett azok HTML kódját tartalmazzák a nyelvi file-ok az SMF ajánlása szerint - újból teljes a csomag a magyar gombok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/statisztika/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">statisztika</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Épp a minap kellett megnézem hogy mennyi cikk is van fent a honlapon és meglepődve láttam hogy cikkek száma: 567 . Igaz ebből 101 db hír is volt, de ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xml-olvasas-javascript-tel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XML olvasás JavaScript-tel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A dinamikus tartalmú oldalak egyre népszerűbbek, ám ezek mindegyike a szerveren rengeteg erőforrást használnak fel. Az oldalon található PHP leírások mindegyike segít abban, hogy egyszerűen készítsünk változó tartalmakat, ám lehetnek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xaraya-felfuggesztve/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xaraya felfüggesztve</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy idõre felfüggesztem a &quot;áttérjek Xaraya-ra?&quot; kérdést, mert a rendszer szerintem használhatatlan. Illetve ez erõs túlzás, talán jobb ha úgy mondom hogy &quot;pilótavizsgás a cucc&quot;. Az egy dolog, hogy eleve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepretusalas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képretusálás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sikerült megtalálnom a linkgyűjteményemben azt a másik oldalt (sőt 2 oldalt!) amit pár bejegyzéssel lejjebb ígértem ebben a témában: 1.) Az elsõ Glenn Honiball oldala, ahol a menüben az &quot;images&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ejj-te-photoshop-hogy-mi-mindenre-nem-hasznalnak/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ejj te Photoshop, hogy mi mindenre nem használnak...</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">zsola2 hívta fel a figyelmem erre a lapra:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/irc-es-a-biztonsag-ssl/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IRC és a biztonság (SSL)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">IRC-en is lehet biztonságosan beszélgetni, mindössze annyit kell tenni hogy SSL segítségével titkosítjuk a kapcsolatot. Ehhez kell először is egy IRC kliens (javasolt program a mIRC), illetve az SSL, melyet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xaraya/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xaraya</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Végre valahára megjelent a Xaraya 1.0 , közel 2 évet kellett várni a final verzióra. Anno próbáltam a 0.9.x-es verziót, weben és localhost-on egyaránt, de meg kell mondjam hogy nagyon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/midi-mp3-konvertalas-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MIDI - MP3 konvertálás PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mistoj Sándortól kaptunk egy PHP szkriptet, amivel egyszerre több MIDI fájlt lehet MP3 formátumra konvertálni... Annak ellenére, hogy a program PHP-alapú igazából az oldal témájába nem igazán fér bele, mivel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenyes-lovedek-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fényes lövedék készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A photoshoppal pillanatok alatt lehet bármilyen ágyúnak sci-fi filmbe illő lövedéket adni, ennek egyik módszere olvasható itt... Ebben a tutorialban azt fogom leírni, hogyan lehet ilyen fényes lövedéket készíteni: Kezdésnek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sony-fulhallgato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sony fülhallgató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Pár napig nem nagyon volt időm írni, dolgosan-szorgosan teltek a hétköznapok. :) Tegnapelőtt venni akartam egy fülest meg egy 5.1-es hangrendszert (gondoltam ideje már upgradelni a 9-10 éves fülhallgatómat meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flac-vesztesegmentes-audio-tomorites/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FLAC - veszteségmentes audio tömörítés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">FLAC - Free Losless Audio Codec . Mint az már a nevéből is kitűnik, segítségével veszteségmentesen lehet az audio lemezeinket arhiválni a &quot;szokásos&quot; WAV formátumnál kisebb helyen. A működésére talán…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. november 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-hasznos-billentyukombinacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 hasznos billentyűkombináció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1 .) Nagyítás/kicsinyítés: CTRL + &quot;numpad+&quot; / CTRL + &quot;numpad-&quot; 2 .) Gördítősáv nélküli tallózás a dokumentumon: SPACE nyomvatartása + bal egérgombbal dokumentum mozgatása. 3 .) Ha két szint felváltva…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elcsesztem-de-nagyon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Elcsesztem de nagyon...</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">a mail billenytűzetvásárlásomat. :) Történt hogy akartam a mostani MS Natural Keyboard mellé egy másikat is amivel lehet játszani, mert az elõbb említett mindenben tökéletesen megfelel, de a kis kurzornyilakat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tinymce-es-a-magyar-ekezetek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TinyMCE és a magyar ékezetek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Joomla egyik választható WYSIWYG szerkesztője a TinyMCE . Legtöbbször ezt a módot ki szoktam kapcsolni és csak tiszta HTML kódot illesztem be a cikkek helyére, de időnként kényelmes ha…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-adobe-videok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letölthető Adobe videók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szoftver.hu honlapról letölthető videókat érdemes megnézni, az alábbi témákat érintik (nem teljes lista): Adobe Elements Premiere, Adobe Photoshop, Adobe Creative Suite 2, Wacom és Adobe termékek együttműködése stb...</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-fajlfeltoltes-php-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű fájlfeltöltés PHP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A HTTP specifikáció szerint a kliens feltölthet tetszőleges fileokat a szerverre, viszont ezt egy szerver-oldali programmal - jelen esetben egy PHP szkript - fel kell dolgozni. Ez a kis leírás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gorditheto-div-ek-letrehozasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gördíthető DIV-ek létrehozása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumon egyre gyakrabban előfordul a kérdés, hogy hogyan lehet weblapon gördíthető (scroll-ozható) sávot létrehozni IFrame nélkül. Ezt legegyszerűbben CSS segítségével lehet megcsinálni... Ha a weblapunkon egy gördíthető sávot akarunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-menusor-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű menüsor készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban Archie bemutatja egy egyszerű, de mégis elegáns menü készítését. 1. Előszőr is hozz létre egy új layert, jelőlj ki rajta egy akkora területet, amekkorára szeretnéd a menüdet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/layer-palette-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Layer Palette használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Photoshopban talán legtöbbet használt paletta a layer paletta. Nézzük meg kicsit tüzetesebben mi micsoda rajta! Új dokumentum nyitása után ez a kép fogad bennünket: Láthatjuk egy layerünk van, Background…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/opsz-ezt-megszivtam/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">opsz, ezt megszívtam :)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Reggel mint illik indítottam a számítógépet, boot, progik indulnak, XP systray villog hogy kijött vmi update a rendszerhez. Nosza frissítsünk ... felmegy minden ahogy kell, közben ICQ-n beköszöntem TLoF-nak hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/karbon-hatas-autora/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Karbon hatás autóra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Karbont fogunk csinálni egy Honda CIVIC-re. Ha nem tudod mi az, akkor az undergrundból biztos ismerős lesz, vagy a képeket megnézve és a tutorialt végigcsinálva a végére meglesz, hogy mi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/scannelt-kepek-szetvagasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Scannelt képek szétvágása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kár hogy régebben nem jöttem erre rá mikkor valóban szükségem lett volna rá. Nos a lényeg az, hogy vannak fényképeink, amiket nem digitfényképezővel készítettünk de szeretnénk, ha a gépünkön is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vizjel-elhelyezese-kepeken/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vízjel elhelyezése képeken</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vannak olyan helyzetek, mikor a neten publikált képeidet szeretnéd vmifajta vizjellel, vagy angol nevén watermark-kal ellátni. Ez a vízjel lehet akár egy szöveg, lehet kép és helyezheted a képeid bármely…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/digitalis-tuning/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Digitális tuning</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Passatgt küldött egy leírást arról, hogy egy Mazda 323-ból hogyan lehet egy Photoshop segítségével egy még jobban kinéző autót készíteni... 1. Egy Mazda 323 lesz az alapanyag,ezt fogjuk kicsit tuningolni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/google-keresesi-tippek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Google keresési tippek</h3>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-frissitese-joomla-ra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo frissítése Joomla-ra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki követte a tutorial.hu híreit vagy más, mambo-val foglalkozó honlapot, az tudja jól hogy milyen gondok voltak mostanában a mambo háza táján. Az elmúlt időszakban - mióta kijött a Joomla…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smart-object-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A &quot;smart object&quot; használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aki csinált már valaha web design-t az már biztos belesett abba a hibába, hogy csinált az oldalára egy grafikát ami többször is szerepel az oldalon (ilyen lehet pl. egy gomb)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flash-game-milgra-tol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flash game MilGra-tól</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ahogy itt böngészgettem a blogok között, ki mit frissített az elmúlt egy napban, ToRTuRa blogján találtam egy &quot;Hangya Háború&quot; c. flash gaméra, megnéztem, királyság! Emotikon A game fejléce alapján MilGra…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thinkgeek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">thinkgeek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Sourceforge-n kattintgatva találtam ezt a lapot, jópofa cuccok vannak rajta, némelyik egész hasznosnak tűnik.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorialhu-forum-50000-hozzaszolas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial.hu fórum - 50000 hozzászólás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegnap este a fórum megérte ötvenezredik hozzászólását, királyság :) Ezúton is thx minden egyes látogatónak hogy nézitek a lapot, a tagoknak akik összedobták a pénzt a fórum megvásárlásához és kívánok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. október 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/legordulo-listak-formazasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">legördülő listák formázása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap újfent bebizonyosodott, hogy a CSS segítségével milyen jó dolgokat lehet elérni a weben. :) Listát kellett formázni hogy a legördülő tartalom vmi struktúrált formában jelenjen meg, és -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uveghatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">üveghatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi - Geritől kapott - videó az üveghatás készítését mutatja be nektek. A film 2 formátumban érhető el, az egyik a szokásos &quot;swf&quot;, mely lejátszása sima ügy, a másik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pinnacle-video-studio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pinnacle Video Studio</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Meglepõnek és egyben szomorúnak találom (no azért annyira nem vagyok ám a padlón ;) ), hogy egy akkora program mint a Pinnacle Video Studio 9 nem tud kimenetnél általam meghatározott…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kicsi-a-monitorodu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">kicsi a monitorod?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha már nem férsz a mostani monitorodon és egy nagyobbra szeretnéd cserélni, íme egy ötlet... :) További termékek a cégtõl:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mpeg-szerkeszto-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">mpeg szerkesztő program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">mpeg szerkesztésére (vágás, összeillesztés, effektezés miegymás) egyik legjobbnak tûnõ program (persze nem egyenértékû egy Adobe Premiere vagy hasonló kategóriás monstrummal) a Womble MPEG Video Wizard The Womble MPEG Video Wizard…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blogg-x-honlapfrissites-gyorsan/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blogg-X - honlapfrissítés gyorsan</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minap a fórumban LeGaS hívta fel a figyelmünket egy új programra ( Blogg-X ), mellyel Joomla!-s oldalra (Joomla! = Mambo) lehet hírt/cikket küldeni, hogy a lapra nem is kell belépni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kereses-mysql-tablaban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keresés MySQL táblában</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ahogy belépek egy magyar nyelvű fórumba ahol webszerkesztés téma is van, olyan nincs, hogy ne találjak olyan kérdést, hogy &quot;Keresés, hogyan?&quot;. Most erre talász itt egy leírást: Első lépésként hozz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-telepitese-linuxra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop telepítése linuxra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A linuxra váltás egyik kifogásolt pontja az szokott lenni (ismerőseim körében illetve az interneten olvasottak alapján), hogy a grafikai és egyéb - webszerkesztéshez kötődő program - nem, vagy csak nagyon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenykepek-meretre-vagasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">fényképek méretre vágása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Napjainkban egyre többen és egyre többet használnak digitális fényképezőgépet, mely a gép beállításaitól függően változó méretű és minőségű képet fog készíteni. Amíg otthon nézegetjük őket a monitoron, a méret (szélesség…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">sig tutorial</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben az újonnan felkerült videóban Remus azt mutatja be, hogy lehet Photoshop-ban sig-et rajzolni. A videó kicsit nagy méretű de érdemes megnézni. videó mérete : 33.5 MB videó formátuma…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. szeptember 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/isteni-aldas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">isteni áldás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai frissítés egy photoshop tutorial, amit c|spirit-től kaptam mail-ben, thx! A leírás 11 képen keresztül mutatja meg a szerző által isteni áldásnak elkeresztelt effektet, sok sikert mindenkinek a tutorialhoz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/betutipusok-fontok-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Betűtípusok (fontok) telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumon egyre gyakrabban fordul elő a kérdés: hogyan tudok egy letöltött fontot installálni Windows alá? Több megoldás is létezik a problémára, én ezek közül kettőt szeretnék bemutatni. Az egyik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-fenyhullamok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">absztrakt fényhullámok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial egy olyan módszert mutat be, mellyel meglepő módon el lehet torzítani 1-1 képet (csak meg kell nézni, hogy az eredeti képből mi lett a végeredmény) már pár egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/iv-rajzolasa-photoshop-ban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">ív rajzolása Photoshop-ban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben az újonnan felkerült videóban Tirion azt mutatja be, hogy lehet Photoshop-ban íveket rajzolni a program vektoros eszközeinek segítségével. videó mérete : 2.786 MB videó formátuma : swf (flash) megtekinthető…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/golflabda/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">golflabda</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorban egy egész jó kis golflabda készítését mutatom be. Lássunk hozzá! 1.) Készíts egy 500x500-as képet. 2.) Hozz létre egy új réteget (Layer &amp;gt; New &amp;gt; Layer vagy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sig-hatter/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sig háttér</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Manapság már szinte mindenkinek van fóruma és legtöbb tulajdonosa engedélyezi az avatarok feltöltése mellett az aláírásba tehető sig-eket, amolyan képes aláírásként. Egy ilyen sig elkészítésének lépéseit követhetitek most végig. 1.Nyiss…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. augusztus 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/animacio-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2005/07/animation.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">animáció készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben az újonnan felkerült videóban bíró azt mutatja be, hogy lehet Photoshop és Imageready segítségével animációt készíteni egy a Photoshop-ban készített grafikához. A módszer hasznos lehet pl. bannerek készítésekor, vagy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-design/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt design</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop segítségével lehet olyan absztrakt grafikákat csinálni, mint amik a lapon is látható a galéria menüpontra kattintva. Persze a szép munkához idő kell, de ez a tutorial segít abban, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/yahoo-s-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Yahoo-s szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorial-ban sH@ARKY mutatja be, hogy hogyan készíthetünk Yahoo stílusú szövegeket... 1.) Csináljunk egy új dokumentumot,a példában ez 340x80-as,de természetetsen lehet nagyobb is. 2.) Text Tool-lal irjunk vmit a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorialhu-grafikai-palyazat-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial.hu grafikai pályázat II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Tutorial.hu fórumának tagjai ismét grafikai pályázatot rendeznek, melynek szabályai a következőek: - Téma: a modernkor (a XX. századtól) háborúinak a csatatere - jövőben játszódó/fiktív alapokon nyugvó kép nem elfogadható…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/graffiti-keszitese-photoshopban/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Graffiti készítése photoshopban</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mattie ebben a leírásban bemutatja, hogy készíthetünk egyszerűen graffitiket (mint például ez: a tutorial alapján elkészíthető kép ) Photoshopban... Nyiss egy új 200x200px nagyságú képet majd színezd ki( d5d5d5 )!…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kedvezmenyes-invision-power-board/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kedvezményes Invision Power Board</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumon felvetődött (pár napja, bár már régebben is volt szó róla), hogysmint lehet Invision Power Board (IPB) fórummotorhoz jutni. Azzal gondolom nem árulok el nagy titkot, hogy az 1.3-as…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/3d-s-smiley-tutorial/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">3D-s Smiley tutorial</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a legegyszerűbb mód a 3d Smiley elkészítéséhez a firkantástól egészen az igényesekig, és átad egy kis tudást is a Pen Tool használatáról.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/weboldal-logo-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Weboldal logó készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban szeretnék nektek segíteni egy weblap logó megrajzolásában, hogyha netán az ötletekből jócskán elfogytatok. Először is hozzatok létre egy új 700×100 pixel méretű üres dokumentumot. A hátteret érdemes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sin-city-effekt-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sin City effekt 1.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos sokaknak fog ismerősen csengeni a tutorial címe, hisz képregényben és filmben is találkozhattunk már vele. Az alábbi tutorial segítségével egy a műre jellemező hatást érhetsz el, csak követned kell…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vampiros-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vámpíros szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bemutatok nektek egy olyan tutorialt, aminek segítségével egyszerűen készíthető amolyan &quot;vámpíros&quot; szöveg. 1, Nyissunk egy 72 dpi felbontású 500&amp; 42;500-as fájlt fehér háttérrel. 2, Nyomjuk be a &quot; d &quot;-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/futurisztikus-alagut/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Futurisztikus alagút</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebből a tutorialból megtudhatod, hogyan készíthetsz wind-el és sharpen effect-ekkel ilyen mély és futurisztikus alagutat. Első lépésként nyiss meg egy új dokumentumot 600x600 -as méretben. Majd állítsd a palettán a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-admin-kezikonyv-a-mamboserverhu-n/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo admin kézikönyv a mamboserver.hu-n</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel az én honlapom alapjául is a Mambo tartalomkezelő rendszer szolgál, így gondolom érhető hogy rendszeres látogatója vagyok e tartalomkezelő rendszer magyar közösségének lapján, a</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/http-autentikacio-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">HTTP autentikáció PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórum SEGÍTSÉG topicjában merült fel a kérdés, hogy hogyan lehetne egyszerűen - minimális PHP ismerettel - jelszóval védeni egy oldalt. Zsola barátunk egy jóval ezelőtti hozzászólásában írt egy módszerről…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. július 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/pozicionalas-css-sel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Pozícionálás CSS-sel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A honlap elemeinek pozícionálása megoldható többféleképpen is. Az egyik módszer a táblázatos, ezt használják a leggyakrabban de nem azért meg jobb, hanem mert ez a megszokott illetve a vacak böngészőprogramoknak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bb-kod-ertelmezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BB-kód értelmezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban bemutatok egy BB kód értelmezőt, valamint annak a használatát. Remélem hasznos lesz számotokra. A kódot csak kimásolod innen egy fájlba és gyönyörködsz az eredményben :D Elég sok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/invision-power-board-204/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Invision Power Board 2.0.4</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumunk átesett a frissítéseken (szám szerint 8 upgrade futott le), úgyhogy immár mindenki az új, 2.0.4 -es verzión követheti el hozzászólásait! :)) Köszönjük minden támogatónknak akik lehetővé tették ezt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jstrip-jpg-kepek-optimalizalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">jStrip - JPG képek optimalizálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A minap böngészgetés közben megtaláltam egy a múltban már használt, de aztán elfeledett (az okát ne kérdezzétek) programot, a jStrip -et. A David Crowell által fejlesztett alkalmazás főleg a webmesterek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/template-valtasa-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Template váltása PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP segítségével könnyen megoldható, hogy egy lapon váltogatni lehessen a stílusok és template-k között (attól is függ hogy a CSS-ben csak a formázásra vonatkozó részeket tartjuk, vagy mondjuk CSS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/objektum-orientalt-idomero-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Objektum-orientált időmérő készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tegyük szívünkre a kezünket, ugye veletek is megesett már, hogy reggel egy verítékben úszó ágyban ébredtetek, miután a php&amp; 95;max&amp; 95;execution&amp; 95;time-ról álmodtatok. Ez az amitől minden programozó retteg, olyan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kereses-szovegben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Keresés szövegben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos akadt mindenkinek már olyan problémája hogy volt egy szöveg amiben megszeretett volna keresni egy adott szót, kifejezést. Vagy a honlapodra szerettél volna olyat hogy a júzer rátudjon keresni egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uzenofal-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2005/06/uzenofal-keszitese.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Üzenőfal készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Üdvözöllek az &quot;Üzenőfal készítése&quot; című tutorialban. E tutorialban leírom, hogyan készíthetsz a honlapodra egyszerűen, mégis jó üzenőfalat. Semmi mást nem kell tenned, mint letölteni az alábbi fájlt, kicsomagolni, és a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/realisztikus-arnyek-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Realisztikus árnyék készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az drop shadow nem segít túl sokat, ráadásul nem is néz ki valami reálisnak, főleg ha egy figurát/embert vagy egyéb dolgot minnél élethűbben akarunk megjeleníteni. Lássuk, hogy is készíthetsz valósághű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szentharomsag-apache-php-mysql-telepitese-linuxon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szentháromság (Apache, PHP, MySQL) telepítése linuxon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gondoltam összedobok egy kis leírást eme szentháromság Linux alatt való telepítéséről. Remélem segítségére lesz azoknak akik csak most ismerkednek a Unix, Linux rendszerekkel. A PHP 5.0 és az Apache 2.0…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-atlatszosag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS átlátszóság</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az opacity tulajdonságot a w3c a második css specifikációban vezette be, viszont csak a CSS3-ban lett tökéletes. Én Firefox1.0.2, Mozilla1.7.5 böngészõkön teszteltem. Az általános szintaxis az opacity: 0.5; , ahol…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. június 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szamlalo-keszitese-iv/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">számláló készítése IV.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">DarkGhost küldött be egy leírást arról, hogy hogyan készítsünk olyan számlálót, amely a &quot;visszatérő látogatókat&quot; nem számolja... A szkript (counter4.zip) valójában csak egy függvény, amely meghívásákor egy file-ban megnézi a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/infravoros-kep-kamera-nelkul/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">infravörös kép kamera nélkül</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Infravörös képhatás eléréséhez lehet használni action-t is (a lapról is letölthető pár ilyen), viszont az igazi &quot;élvezetet&quot; szerintem akkor lehet elérni, ha saját kezűleg oldjuk meg a feladatot, nem csak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lezerkard-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">lézerkard effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogyan készítünk egy lézerkardot? Ha valaki nagyon szeretne, hogy Jedi Lovaggá váljon, hát most valósítsa meg :) (Kezdőknek is menni fog): 1&amp; 46; Készítsd magadról egy képet, vagy keress egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blackgamer-programjai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blackgamer programjai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy régebbi adósságomat rovom most le ezzel az ajánlóval, mert már jóideje használom Blackgamer programjai közül főleg a - eredetileg az SG fórumához megírt, de bármilyen BB alapú fórumhoz (invision…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/scanner-csikok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Scanner csíkok készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Készítsünk egy új képet Photoshopban átlátszó háttérrel a mérete pedig 2x1 legyen ha függőleges csíkokat akarsz, 1x2 a vizszintes csíkokhoz és 3x3-as méretü kép kell az átlós csíkokhoz. 2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-hack-legutolso-5-regisztralt-tag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB hack - Legutolsó 5 regisztrált tag</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&amp; 35; MOD neve: Legutolsó 5 regisztrált tag. MOD írója: emrag &amp;lt; emrah987@hotmail.com &amp;gt; (Emrah Türkmen) www.canver.net MOD-ot fordította: ThuG4LifE&amp; 91;PSC&amp; 93;™ &amp;lt; makavelithedon@freemail.hu&amp;gt;</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. május 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/file-menu-ismerteto/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FILE menü - ismertető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Photoshop-t lehet akár angolul, akár magyarul is használni (persze csak ha a birtokodban lévő verzió &quot;tud&quot; magyarul is), viszont - ha megfogadsz egy tanácsot - angolul tanuld meg kezelni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/file-menu-ismerteto-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">FILE menü - ismertető</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Photoshop-t lehet akár angolul, akár magyarul is használni (persze csak ha a birtokodban lévő verzió &quot;tud&quot; magyarul is), viszont - ha megfogadsz egy tanácsot - angolul tanuld meg kezelni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lcd-panel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">LCD panel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sh4d3 legújabb videó tutorialjában egy LCD panel elkészítését mutatja be lépésről-lépésre. Jól sikerült akárcsak a többi videó, érdemes megnézni! :) ( megj.: Harder ) A videó mérete: 1006kb A videó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-tartalmanak-kozepre-igazitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlap tartalmának középre igazítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Alapvetően 2 módja van a CSS alapú lapok tartalmának középre igazításához attól függően, hogy a lap rugalmas vagy fix szélességű. Ez esetben %-osan adod meg a méreteket, pl. a lap…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-mailkuldes-a-fwhu-n/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo, mailküldés a fw.hu-n</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy tapasztalatomat szeretném megosztani. Akinek a Freeweben van oldala, és nem tudja használni a mail függvényt, annak szeretném elmesélni saját tapasztalatomat a MAMBO 4.5.2-es alatt, de szerintem a 4.5.1-ben is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-hack-szerkesztofelulet-modositasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo hack - szerkesztőfelület módosítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mambo honlap külsõ részén (ami a látogatóknak is elérhetõ) is be lehet jelentkezni adminként, ezzel elérhetõvé válik a már fent lévõ cikkek azonnali szerkesztése (sokszor gyorsabb, mint admin felületre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egbolt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">égbolt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sh4d3 újabb video tutorialja ezúttal egy égbolt készítését mutatja be. A videó mérete: 5918kb A videó formátuma: flash égbolt videó letöltése Készítette: Sh4d3</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/valosagos-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">valóságos gömb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">(Megjegyzés: A tutorial segítségével egy igen szép gömböt lehet előállítani nem is túl sok lépésből, csak követni kell a az alább írtakat. :) Harder) 1.) Nyiss egy 200&amp; 42;200-as fehér…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/adobe-creative-suite-premium-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Adobe Creative Suite Premium 2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe Creative Suite egy olyan csomag, amely teljes megoldást jelent a kreatív grafikai stúdiók és mindenki számára, aki nyomdai vagy internetes kiadványszerkesztéssel foglalkozik. A Creative Suite összetevői professzionális szintű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-adobe-bemutatta-az-incopy-cs2-t/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az Adobe bemutatta az InCopy CS2-t</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az innovatív, feladatkiosztás alapú munkafolyamat többfelhasználós dokumentumokat tesz lehetővé, az új grafikai támogatás pedig a szerkesztőségi és a tervezői csoportok közös munkáját javítja. Az Adobe Systems Incorporated (Nasdaq:ADBE) ma bejelentette…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/az-adobe-creative-suite-2-felgyorsitja-a-kiadvanyszerkesztest/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Az Adobe Creative Suite 2 felgyorsítja a kiadványszerkesztést</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az Adobe komplett tervező és kiadványszerkesztő környezetében bemutatkozik az új Adobe Stock Photos és Adobe Bridge szolgáltatás, és a továbbfejlesztett Adobe Version Cue CS2. Az Adobe Systems Incorporated (Nasdaq: ADBE)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-hack-mail-cimek-admin-feluletrol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB hack - mail címek admin felületről</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&amp; 35; MOD Neve: Az összes felhasználó e-mail címének megjelenítése admin felületrõl MOD Verzió: 1.02 &amp; 91;Végleges&amp; 93; MOD Írója: Jamer (Colin James) http://www.jamer.co.uk/scripts/phpbb2 MOD-ot fordította: ThuG4LifE&amp; 91;PSC&amp; 93;™ &amp;lt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ikonok-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ikonok készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gondolkodtál már azon, hogy hogyan készíthetnél saját programjaidhoz, oldalaidhoz hozzájuk illő ikonokat? Nos, ha igen, de még nem tudod hogyan kezdj hozzá, ez a tutorial remélem segíteni fog neked. Először…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/moonedit-realtime-szerkesztoprogram/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">MoonEdit - realtime szerkesztőprogram</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem is olyan rég Taky hívta fel a figyelmemet a MoonEdit programra és egyből megtetszett, mert olyan lehetőséget biztosít 1-1 csoportnak a közös munkavégzés terén (a munkát inkább tegyük idézőjelbe…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hex-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hex effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">(Újabb Photoshop tutorialt kaptam LeGaS-tól. Az elkészítése egyszerű, így bátran próbálja meg még az is, aki csak most ismerkedik a program rejtelmeivel, sok sikert kívánok. :) Harder) 1&amp; 46; Készíts…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nyelvcsere-nyelvvalasztas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nyelvcsere, nyelvválasztás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az első kérdés, ami felmerül majdnem mindenkiben, hogy lehet egy többnyelvű honlapot megcsinálni, amin váltani lehet a nyelvek között. Vegyünk egy példát, van egy magyar lapunk, rátéved egy külföldi, magyarul…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. április 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirkuldo-script/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hírküldő script</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy hírküldő script. Működése nagyon egyszerű. Mindössze 3 fájlból áll, és adatbázis alapú a hírek tárolása. A dbconnect.php segítségével kapcsolódik az adatbázishoz, és lekéri a hirek tábla tartalmát, majd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/easyphp-otthoni-webszerver/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2005/03/easyphp-devserver-letoltes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">EasyPHP - otthoni webszerver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy számítógépen (illetve telepített webszerver programon) alapból nem lehet futtatni a PHP kódot, de ha telepíted a megfelelő &quot;hozzávalókat&quot; (ami jelen esetben a PHP-t jelenti), le lehet majd futtatni őket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kocka-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kocka készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban a kocka készítés legegyszerűbb módját tanuljuk meg. 1. Nyiss egy új 250x250px nagyságú, átlátszó hátterű képet. Állítsd a foreground color-t erre: CDCDCD A Rectangle Tool-lal rajzolj egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ecset-es-kitoltomintazat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ecset és kitöltőmintázat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sh4d3 elkészített egy nagyon jó videó tutorialt, amiben egy ecset (brush) és kitöltőmintázat (pattern) létrehozását lehet végigkövetni. A videó mérete: 3810kb A videó formátuma: flash Brush &amp;amp; pattern (ecset és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sotet-orveny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sötét örvény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Készíts egy új, 400x400 pixeles képet. 2. Csinálj egy új layert, majd a foreground colort állítsd 0066FF, a background colort pedig 000000-ra. 3. Filter -&amp;gt; Render -&amp;gt; Clouds, majd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/korfuresz/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Körfűrész</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Sh4d3 elkészített egy nagyon jó videó tutorialt, amiben egy körfűrész létrehozását lehet végigkövetni. A videó mérete: 10250kb A videó formátuma: flash Körfűrész készítése Photoshop segítségével</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-hack-alapertelmezett-avatar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB hack - alapértelmezett avatar</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A phpBB hack-ek - nevükkel ellentétben - nem rossz szándékkal íródott, a fórum feltörését megcélzó scriptek, hanem a fórum valamely szokásos módon (alapértelmezett) történő működését, megjelenését stb.. befolyásoló módosítások. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-hack-hozzaszolasok-szamozasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB hack - hozzászólások számozása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A phpBB hack-ek - nevükkel ellentétben - nem rossz szándékkal íródott, a fórum feltörését megcélzó scriptek, hanem a fórum valamely szokásos módon (alapértelmezett) történő működését, megjelenését stb.. befolyásoló módosítások. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-tartalom-felvitele-a-wakkawikibe/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új tartalom felvitele a Wakkawikibe</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel a fórumon amúgy is többen kérdezték már, hogy hogy lehet a wiki felületre új tartalmat felvinni, íme egy rövid videó, mely végigvezet a lépéseken. A bemutatott módszer 90%-ban a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/valosagos-gyuru/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Valóságos gyűrű</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial segítségével egy 3D-s hatást idéző gyűrűt lehet létrehozni. A végén persze a kapott képet meg tovább lehet színezni (ki mi tetszik), no de ennyire nem menjünk elé, lássuk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fu-effekt-szovegeken/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fű effekt szövegeken</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban füvet fogunk készíteni a megadott szövegre, nem nehéz így a kezdők is elkészíthetik. Vágjunk is bele: &amp; 42;Nyiss meg egy új tetszőleges méretű képet. &amp; 42;Ezután kattints…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-skint-kapott-forumunk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új skint kapott fórumunk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elkészült a fórum új grafikája, immáron a honlap színeihez igazított felületen lehet beszélgetni a jövőben. Az eddigi kék (default) skin már a múltté, remélem mindenkinek tetszeni fog (és akinek nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/css-rollover-trukk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CSS rollover trükk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A képek váltakozását egy menüben (rollover effekt) a legtöbben javascript segítségével oldják meg, talán a régi beidegződésnek köszönhetően. Pedig van már erre egy sokkal szebb, könnyebb megoldás is CSS felhasználásával…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/project-adminisztrator-online-todo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Project Adminisztrátor - avagy online &quot;todo&quot;</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Január elején indult egy topic (TO-DO progi, ki milyet használ fejlesztéskor) a fórumunkon, aminek témája az volt, hogy ki mit használ, hogy tartja nyilván a tennivalóit, munkáit stb.. Az elején…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smilie-tabla-beallitasok-admin-feluletrol-phpbb-hack/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smilie tábla beállítások admin felületrõl - phpBB hack</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">MOD Írója: Smartor &amp;lt; smartor&amp; 95;xp@hotmail.com&amp;gt; Poreman &amp;lt; poreman@msn.com&amp;gt; MOD-ot fordította: ThuG4LifE&amp; 91;PSC&amp; 93;™ &amp;lt; makavelithedon@freemail.hu&amp;gt;</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-grafikai-palyazat-szavazas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Grafikai pályázat - Szavazás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrég került ki a lapra a hír, miszerint grafika verseny indul. Beérkeztek a képek, eljött a szavazás ideje! A mai naptól (2005-03-08) számított 2 hétig (március 22) lehet szavazni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlapgrafika-keszitese-photoshop-es-dreamweaver-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlapgrafika készítése Photoshop és Dreamweaver segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórumokon gyakran belefutni abba a kérdésbe, hogy hogy lehet Adobe Photoshop segítségével honlapot (illetve annak grafikáját) elkészíteni, hogy lesz ebből az egészből (mármint ha már van egy kész grafika)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szamlalo-keszitese-iii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Számláló készítése III.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már van két ilyen témájú cikk a tutorial.hu oldalon (Egyszerű oldalszámláló PHP-val (írta: Lyzu)) és &quot;Egyszerű számláló készítése weblapunkra&quot; (Írta: BlackY)), de mindkettőnek van egy közös hibája: szövegesek. A BlackY…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rajzhatas-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rajzhatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">E nagyon egyszerű tutor keretében egy meglévő képből olyat csinálunk, mintha azt egy számítógépes játékból fényképeztük volna ki. 1. Nyisd meg az átalakítani kívánt képet. Bármilyen lehet, én egy BMX-es…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. február 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-szinek-jelentese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2005/02/szinek-jelentese.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A színek jelentése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A piros a vér, és a tűz szine, így gyakran a háborúval, veszéllyel, erővel társítják de megjelenik a szerelem, a vágy, a szenvedély kifejezőjeként is. A piros egy nagyon érzelmes…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. február 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tutorialhu-grafikai-palyazat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">tutorial.hu grafikai pályázat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial.hu oldal készítői és fórumának látogatói örömmel jelentik, hogy ismét lesz verseny, ezúttal a grafika témában. A versenyen ismét bárki részt vehet, és ismét értékes nyeremények várnak a játékosokra!…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. február 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/land-down-under-magyarositas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Land Down Under magyarosítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nemrégiben elindult a Land Down Under alapú tartalomkezelő rendszer magyarosítása, melyet Szaki -nak, LeGaS -nak és nOva -nak köszönhetünk! A rendszer a már megszokott és jól bevált PHP/MySQL alapokon nyugszik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. február 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/skype-internetes-ingyen-telefon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Skype - internetes ingyen telefon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Innen indult : A Skype online telefonhálózata központi szerverek nélkül működik, a hangminősége modemes elérésen keresztül is tökéletes, ráadásul semmit sem kell fizetni érte. A Kazaa alapítói a fájlcserélő technológiák…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. február 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/simple-machines-forum-magyarositasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Simple Machines Forum magyarosítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Örömmel jelenthetem, hogy elkészült a Simple Machines Forum magyarosítása . Ezen hírben nem térnék ki a rendszer képességeinek különösebb ecsetelésére, amondó vagyok mindenki próbálja ki, akit érdekelnek az ilyen fórumok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dvd-iso-kiirasa-nero-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">DVD iso kiírása Nero-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az egyik fórumon elhangzó kérdés ( Hogy lehet DVD iso-t lemezre írni Nero-val?) nyomán születetett egy rövid kis videó, mely az előbbi kérdésre ad választ. A videó mérete: 221kb A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/drupal-452-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Drupal 4.5.2 telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Szabványokon alapul A Drupal fejlesztői nagyon fontosnak tartják az interoperabilitás megvalósítását. A rendszerrel szállított megjelenések XHTML formátumot használnak, többnyire táblázatmentes CSS formázással. A magyar Drupal weboldal is ilyen megjelenést alkalmaz…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vizszintes-menu-css-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vízszintes menü CSS segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">CSS segítségével könnyen és gyorsan lehet a későbbiekben pillanatok alatt módosítható vízszintes menüt készíteni. Első körben a HTML (vagy PHP) oldal HEAD részébe illeszd be az alábbi CSS kódot (Természetesen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bigdump-sql-backup-feltoltesehez/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BigDump SQL backup feltöltéséhez</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor saját gépedről szeretnéd visszatölteni az előzőleg lementett SQL fájlodat, adódhatnak kisebb problémák az 1MB (esetleg 2MB) feletti méret esetében. A legtöbb szolgáltató esetében van egy bizonyos fájlméret korlátozás, mikor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/leopardbor-mintazat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Leopárdbőr mintázat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Archie egy újabb leírással bővítette a honlap kínálatát photoshop témában. :) Az útmutató alapján létre tudsz hozni egy leopárdbőrt utánzó mintázatot, csak kövesd a lépéseket... 1. Nyiss egy új 500x500…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smarty-sablonkezelo-rendszer-iv/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smarty sablonkezelő rendszer - IV.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most, hogy elérkeztünk a 4. fejezethez (és leraktuk az alapokat), ideje praktikus dolgokat is csinálnunk végre. Első lépésben megoldjuk oldalunk központosított felületkezelését (legalábbis lerakjuk az alapjait). Ehhez felhasználjuk, az include…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szoveg-a-jeges-falon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Szöveg a jeges falon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Az alábbi tutorial a mondhatni már megszokott módon indul: nyiss egy új 600x600px nagyságú képet, A Foreground color- t állítsd feketére, a Background color -t szürkére. Filter -&amp;gt; render…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/haj-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Haj készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Archie-tól újabb photoshop tutorialokat kaptam, thx! A leírásokat folyamatosan teszem ki a lapra, és a mostanában mostoha körülmények között tartott photoshop témát én is gyakrabban fogom frissíteni. :) 1. Nyiss…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rovid-url-ek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rövid URL-ek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Neten - legyen akár webes felület, akár mail vagy bármi hasonló - sokszor küldünk egymásnak hivatkozásokat 1-1 érdekesebb címmel, képpel stb.. Van hogy ezek a hivatkozások túl hosszúak és gondot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2005. január 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/invision-power-board-2-dokumentacio/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Invision Power Board 2 dokumentáció</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Reméljük ezzel a leírással, megkönnyítjük mindenki számára az Invision Power Board 2 telepítését! Az Invision Power Board egy gyors, gyakorlatias, és megbízható megoldást biztosító kommunikációs fejlesztés! Mielőtt elkezded, le kell…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/url-generator-10/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">URL Generator 1.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A program - mint az már neve is sejtetni engedni - linkek létrehozására, másnéven generálására való. :) Különösen hasznosnak bizonyul olyan esetekben, mikor pl. a honlapodra vagy esetleg egy fórumba…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fajlok-feltoltese-ftp-vel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fájlok feltöltése FTP-vel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás elkészültének oka nagyon egyszerű: mostanában egyre több helyen botlok a &quot; Hogy kell feltölteni az internetre az xy dolgot? &quot; vagy a &quot; Hogy tegyem be a linket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smarty-sablonkezelo-rendszer-iii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smarty sablonkezelő rendszer - III.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Következő példánk már onnan érkezik, ha kíváncsiak vagyunk mit is alkot smarty barátunk, egészítsük kódunkat a következőképpen: ekkor pop-up ként láthatjuk a Smarty Debug Console-t, ezen legfelül a temp1.tpl sablont…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smarty-sablonkezelo-rendszer-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smarty sablonkezelő rendszer - II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Miért is jó nekünk egy ilyen? - függetlenné teheti a php kódot a megjelenítéstől márpedig ez jó dolog (Good Thing T) (ez pedig általában egyébként is külön feladat külön embert…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smarty-sablonkezelo-rendszer-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/12/smarty-sablonkezelo-rendszer.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smarty sablonkezelő rendszer - I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&amp; 91;caption id=&quot;attachment&amp; 95;9585&quot; align=&quot;alignleft&quot; width=&quot;150&quot; &amp; 91;/caption&amp; 93;Az elkövetkezendő cikksorozat a Smarty sablonkezelő rendszer világába nyújt betekintést. Az ismertetés előtt kezdjük a leírást egy kis ismétléssel. Olyan fogalmakat tekintünk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-hasznos-htaccess-fajl/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A hasznos .htaccess fájl</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A .htaccess (Apache webszerver egyik fájlja) tartalmának módosításával számos olyan feladatot lehet megoldani, melyet talán már több helyen is láttatok, tapasztaltatok, ám ki nem próbáltatok. Csak hogy párat említsek a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. december 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fserver-xdcc-es-tdcc-szerverek-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fserver, XDCC és TDCC szerverek használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az IRC-ről talán sokan nem is tudják, hogy nem csak beszélgetésre lehet használni, hanem fájlok letöltésére is alkalmas. Talán itthon nem annyira elterjedt mint külföldön, épp ezért érdemes egy kicsit…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/koltozott-es-frissult-a-forumunk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Költözött és frissült a fórumunk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A fórum a tegnapi nap folyamán (2004. november 24.) egy frissítésen esett át (frissültünk az eddigi 1.2-es Invison Power Board-ról 2.0-ra), illetve ezzel együtt az elérhetősége is megváltozott. A régi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tobb-domain-1-gepre-iranyitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Több domain 1 gépre irányítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma belefutottam egy problémába: mi van akkor, ha otthoni kis házi szerverünk van, és regisztrálunk hozzá egy domain-t pl. a www.no-ip.com-on. Egyszerű az eset: az index.html vagy index.php oldalunk megjelenik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/camouflage-program-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Camouflage program használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A programról már született egy leírás itt a honlapon (lsd. a kapcsolódó hivatkozást), viszont magyar nyelvű video tutorial tudtommal még nincs. E hiányt pótolandó készült el ez... :) Video mérete…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-kategoriaval-bovult-a-lap/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új kategóriával bővült a lap</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kisebb módosítást csináltam a kategóriák és cikkek terén. A menü egy új ponttal - programok - bővült, és áthelyeztem 11db ehhez kapcsolódó leírást is. Úgy éreztem erre már szükség volt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/veletlenszeru-kepvalasztas-egy-konyvtarbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Véletlenszerű képválasztás egy könyvtárból</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A devpapers.com -on találtam egy hasznos leírást, amiben egy olyan kódot mutattak be, mely segítségével egy adott könyvtárból véletlenszerűen lehet képet választani. Felhasználási területhez csak hogy párat említsek: avatar, banner…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xes-fajlok-titkositasa-es-rejtese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">XES - fájlok titkosítása és rejtése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A XES program hasonló célból született, mint a már talán nagyobb ismertségre szert tett Camouflage: fájlokat lehet egymásba ágyazni, ezáltal elrejteni az avatatlan szemek elől. A program ingyenes, telepítést nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-switch-get-iii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">php switch get III.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikk előzményeként olvasd el ezt a 2 leírást (php switch get I. és php switch get II.). A fórumon felvetődött a kérdés: hogy lehetne megoldani a nyelvválasztást az előzőekben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fekete-feher-kep-szinezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fekete-fehér kép színezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Akik rendszeresen használják a Photoshop programot - legyen az munka vagy csak hobbi szinten -, azok már biztos találkoztak olyan problémával, hogy a megrendelő ragaszkodik egy képhez, de az fekete…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alakok-kivagasa-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alakok kivágása II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha olyan az alakzatunk, hogy nehéz a kijelölő eszközzel pontosan végigmenni a szélein vagy csak nagyon időigényes mint például egy nő és annak a frizurája, akkor ez egy megfelelő módszer…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ordogi-szemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ördögi szemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">(A dzsoco-tól kapott leírás több olyan hasznos lépést is tartalmaz, melyek nem csak most, de a későbbiekben is nagyon hasznosnak bizonyulhatnak. - Harder) Először is kell keresnünk egy megfelelő képet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-emoticon-csomag-keszitese-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB emoticon csomag készítése, telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">phpBB fórumokon az adminisztrátorok számára utólag is van lehetőség a smilie-kat (emoticons) bővíteni, módosítani. 1-2 smilie esetében nem kell a dolgot bonyolítani, csak menj a &quot; fórum &amp;gt; administrator panel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. november 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/login-rendszer-honlapra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Login rendszer honlapra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A gyik.com fórumon elég sokszor felmerült kérdés: hogy lehet login rendszert illeszteni egy honlapba? Íme a feladat egy lehetséges megoldása: tölthető :letöltés / scriptek / toxin &amp;gt; login.rar teszt :</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-451-tippek-trukkok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo 4.5.1 tippek, trükkök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai 4.5.x &amp;gt; 4.5.1-re + grafika frissítés kapcsán előjött pár dolog, ami reményeim szerint hasznos lehet más mambo tulajdonosoknak is. Ezeket pontokba szedve - valószínűleg a későbbiekben tovább bővítve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-grafika-uj-motor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új grafika, új motor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mint az látható, frissült a honlap grafikája, azt hiszem már épp ideje volt... szándékom szerint az előzőnél világosabb, könnyebben olvasható lapot akartam. A régi 800x600-ra belőtt grafika is aktualitását veszítette…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ip-cimek-engedelyezese-blacky-s-guardian-angel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IP címek engedélyezése - BlackY&#039;s Guardian Angel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapok tesztelési fázisánál, zárt tartalomnál, és még rengeteg esetben lehet hasznos, ha IP-cím alapján ki tudjuk szürni az illetéktelen látogatókat (A saját IP címedet így derítheted ki) Ezt egy egyszerű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/naplozas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Naplózás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi leírásban található tutorial alapján nemsokára Te is naplózhatod az oldaladon, hogy 1-1 laphoz ki, honnan stb.. fért hozzá. A megoldás folyamán szükség lesz a MySQL-re is. Lássuk is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-layer-mask-avagy-reteg-maszkolas-alapjai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A layer mask, avagy réteg maszkolás alapjai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A photoshop talán egyik leghasznosabb szolgáltatása a &quot;layer mask&quot;, melyről már eddig is esett szó a tutorialokban, de úgy érzem még közel sem foglalkoztam vele annyit mint kellett volna. Emellett…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/color-dodge-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Color dodge effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi &quot;color dodge&quot;effektet könnyű használni, látványos hatást érhetsz el vele, szóval érdemes e tutorialra pár perc figyelmet szentelni. :) 1.) Először is nyisd meg a képet, melyhez hozzá akarod…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ip-cimek-bannolasa-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IP címek bannolása II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Harder által írt megoldás is tökéletesen működik, ám van egy szépséghibája: minden egyes új tiltott IP-nél bele kell nyúlni a kódba. Ezért összedobtam egy kicsit hosszabb kódot, amiből ez…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-cs-magyar-ervenytelen-vagy-hianyzo-szemelyi-adatok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop CS (magyar): érvénytelen vagy hiányzó személyi adatok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A magyar nyelvű Photoshop CS használatakor (telepítés után) előfordulhat, hogy a program nem indul, de az alább olvasható - Istvántól kapott - módszer segítségével kiküszöbölhető a probléma. (Harder) Kérdés: Feltelepítve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/photoshop-actions/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Photoshop actions</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&quot;A photoshop actions hasznosítása szekvencia jellegű képeknél, egy komplett réteg-effekt tutoriallal összekötve. Sok szeretettel ajánlom mindenkinek ezt a tutorialt, aki szeretne esetleg egy egész galériányi anyagot saját effekttel ellátni. Hosszú…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/latogato-ip-jenek-megjelenitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Látogató IP-jének megjelenítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A lapodra látogatók IP-jét egy végtelenül egyszerű módon meg tudod jelenítettetni bárhol a lapodon. Az alábbi 1 sort add hozzá a lapod forrásához ott, ahol magát az infót meg is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ip-cimek-bannolasa-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">IP címek bannolása I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi egyszerű kis kódot kell a PHP fájlod forráskódjába illesztened A banolt látogatónak megjelenő üzenetet &quot;Az IP-det bannoltuk.&quot; tetszés szerint módosíthatod, és persze a a banolt IP-k számát (mennyiségét)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nem-csak-a-verzioszam-valtozott-a-nev-is-robodemo-helyett-captivate/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nem csak a verziószám változott, a név is! RoboDemo helyett Captivate!</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Macromedia október 4-én hivatalosan bejelentette, hogy a megvásárolt eHelp cég nagysikerű RoboDemo szoftverének elkészült az új verziója és hamarosan megvásárolható lesz. Az új fejlesztés viszont nem viszi tovább a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elemek-abc-sorrendbe-rendezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">elemek ABC sorrendbe rendezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weblap tervezésénél az egyik legfontosabb dolog az átláthatóság. Ennek egyik alapeleme az, hogy a különböző dolgokat ABC sorrendben írjuk ki... Én ma belefutottam abba a problémába, hogy a Magyarországon levő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. október 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-45109-frissitese-451-re/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo 4.5(1.0.9) frissítése 4.5.1-re</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1.) KÉSZÍTS BIZTONSÁGI MENTÉST AZ SQL ADATBÁZISODRÓL. Ezt megteheted a mambo-ban található backup opcióval is vagy akár a phpmyadmin-on keresztül (én inkább utóbbit javaslom, de semmiből nem áll akár mindkét…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-a-plog-magyarositas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">letölthető a pLog magyarosítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Tomcat közzétette a pLog magyarosítását, lehet letölteni és tesztelni (az esetleges bennmaradt hibákat kéretik a szerzőnek elküldeni! :) ) pLog honlapja:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-betoltodesenek-ideje/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlap betöltődésének ideje</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Általában honlapok alján lehet látni azt az infót, hogy a lap x.y idő alatt töltődött be. Ezt nagyon egyszerűen megcsinálhatod te is a lapodon. Először is az alábbi kódot illeszd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/online-userek-szama/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Online userek száma</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A honlapodon épp böngészgető látogatók számát egy nagyon egyszerű módszerrel ki lehet iratni a honlapra is. 1.) Nyiss egy szövegszerkesztőt és illeszd be az alábbi kódot, majd mentsd el &quot;usersonline.php&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alapveto-seo-tanacsok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alapvető SEO tanácsok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amit bárki megtehet a websitejáért ... Bár ez a dokumentum nem garantálhatja senkinek, hogy az élvonalban fog szerepelni az internetes keresőkben, mindenképp növelni fogja az esélyét annak, hogy a releváns…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/random-szoveg-txt-fajlbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Random szöveg txt fájlból</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos láttál már olyat, hogy egy honlap adott részén minden egyes lapbetöltéskor más és más szövegrészlet jelenik meg. Ennek megvalósításában nyújt egy kis segítséget ez a tutorial. Az alapja annyi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/atlatszo-iframe/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Átlátszó iframe</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az &quot;iframe&quot;-eket a lapodon teljesen eltüntetheted ha a kód végére beilleszted a transparency=&quot;true&quot; értéket, valahogy így: kód Aztán a &quot;page.html&quot; (vagy ahogy azt a lapodat hívják ahova az iframe került…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/parameter-atadas-post-tal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Paraméter átadás POST-tal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A paraméter átadásnak egyszerű html-ből 3 ismert módja a sütik, a GET és a POST. Mind a 3 megoldásnak megvannak az előnyei és hátrányai. Nézzük sorra. SÜTIK Előny: Kliens és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/symantec-norton-ghost/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/09/symantec-norton-ghost.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Symantec Norton Ghost</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Symantec Norton Ghost segítségével elmentheted a winchestered vagy partíciód aktuális állapotát egy image fájlba (képfájlba), és ennek segítségével a későbbiekben bármikor visszaállíthatod a mentéskori állapotot. Ez az állapot nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/symantec-norton-ghost-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Symantec Norton Ghost</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Symantec Norton Ghost segítségével elmentheted a winchestered vagy partíciód aktuális állapotát egy image fájlba (képfájlba), és ennek segítségével a későbbiekben bármikor visszaállíthatod a mentéskori állapotot. Ez az állapot nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/flash-oldal-mindeniranyu-kozepre-igazitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Flash oldal mindenirányú középre igazítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1, Figyeljünk oda, hogy a flashből kiexportált oldal megtartsa méretét. Tegyük fel, hogy oldalunkat 550&amp; 42;450 px méretre tervezzük. Az &quot;export settings&quot; fülben találjuk meg a html beállításokat. A &quot;dimensions&quot;-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/absztrakt-hatterkep/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Absztrakt háttérkép</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">LeGaS készítette el a korábbról már megismert flash-es formátumba azt a műveletsort, mellyel a Photoshop-ban egy absztrakt háttérképet lehet készíteni. A tutorial lépésről-lépésre mutatja a különböző műveleteket, melyek között a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/polaroid-kepek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Polaroid képek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial rövid és egyszerű módszert mutat a polaroid képeket utánzó hatás elkészítéséhez. Ilyen polaroid képeket fogunk ebben a tutorban készíteni. 1. Nyiss egy új 250x280px nagyságú képet fehér háttérrel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. szeptember 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/3d-s-nevjegykartya/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">3D-s névjegykártya</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most névjegykártyát készítünk 3D-ben. 1. Nyiss egy új 400x400px nagyságú képet, és a &#039;Rounded Rectangle Tool&#039; -lal rajzold meg a névjegykártya alapját. Foreground: D3D3D3 Radius:10px 2. Írd rá az információkat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mintazat-avagy-pattern-keszitese-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mintázat, avagy pattern készítése II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Rövid, ámde véleményem szerint hasznos módszert mutat be a tutorial, ne hagyjátok ki.. :) 1 ) Elsőként nyiss egy új képet, nem kell túl nagy méretűt. Rajzold meg a mintát…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/spgm-galeria-bordo-skin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SPGM galéria + bordó skin</h3>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-cookie-krol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A cookie-król</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cookie-kat általában arra használjuk, hogy valamilyen adatot tároljunk a felhasználó gépén. Lehet ez jelszó, egy név, vagy bármi más. Már javascripttel is készíthetünk &quot;süti&quot;-ket, de én ezt nem részletezem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ceruza-vazlat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ceruza vázlat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyisd meg a képet, melyet módosítani szeretnél. 2&amp; 46; Készíts egy másolatot róla ( duplicate ) 3. Tedd fekete-fehérré a képet ( Desaturate ) 4&amp; 46; A FF layer-ről készíts…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cella-valtozo-hatterszinnel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cella változó háttérszínnel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lehetőség van egy a honlapon lévő táblázat egyes celláinak tulajdonságait módosítani egy igen egyszerű módon. Ennek egy esetleges felhasználási területe pl. mikor a cellának van egy bizonyos háttérszíne, ami az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/balo-nevjelszavas-honlapvedelme/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Balo név+jelszavas honlapvédelme</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Íme egy nagyon egyszerű szkript oldalaink jelszavas védelmére. Ha például az index.html oldalunkat akarjuk védetté tenni, akkor hozzunk létre egy index.php fáljt, írjuk bele a következő kódrészletet (valamint módosítsuk a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ver-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vér I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először is le kell töltenetek innen a tutorhoz szükséges ecseteket. Ha letöltötted, másold be a Brushes könyvtárba, majd a Photoshopban add hozzá az ecsetekehez. 1. Nyiss egy új képet 400x100…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-keretezese-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép keretezése II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Életem második photoshop tutorialjában egy - remélhetőleg - élethű keretet fogunk varázsolni egy képre. Erre a tutorra is igaz az, ami az elsőre, hogy akinek más beállítás tetszik, az nyugodtan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kek-orveny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kék örvény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nem tudom pontosan leírni, hogy mi ez, de jól néz ki. 1. Nyiss egy új 250x250px nagyságú képet. Készíts rá egy új layert, majd töltsd ki feketével. 2. Filter -&amp;gt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tlof-letolto-script-10/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TLoF letöltő script 1.0</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a frissítés most nem egy új tutorialról fog szólni, hanem TLoF letöltéses sciptjét teszem közzé (természetesen az engedélyével) új grafikával, leírással, mintafájlokkal együtt. A script működéséről csak annyit, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. augusztus 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/glow-tenticles/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Glow tenticles</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ennek a tutorialnak nem találtam megfelelő magyar nevet, így marad az eredeti címe. A Rectangular Marquee &amp; 91;Téglalap Kijelölés&amp; 93; eszközzel jelölj ki egy hosszúkás téglalapot, és töltsd ki fehér…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egesz-arc-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egész arc retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial során Cameron Diaz egy meglehetősen gyengén sikerült képét javítgatja a szerző lépésről-lépésre. Egy ráncos, szeplős, csúnyácska arcot látunk. A Photoshop világában előfordul ilyesmi. Javaslat : Vegyünk egy min…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/retusalas-telitettseggel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Retusálás telítettséggel</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Íme egy tutorial arról, hogyan készítsünk egy hagyományos képből szép, telített portrét. Lássunk egy pédát: :: Lépésről lépésre :: Először is szerezzünk be egy képet, ami tetszik nekünk. Íme az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltheto-psd-mintafajlok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letölthető PSD mintafájlok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A mai frissítés nem egy új tutorial lesz, hanem feltöltöttem jópár &amp; 42;.psd fájlt. Ezeket az idők során különböző lapokról gyűjtögettem össze, legjobb tudomásom szerint az összes ingyenesen elérhető. Nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepkivagas-az-extract-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képkivágás az extract segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Photoshop-ban többféle megoldás is van egy kép adott részletének kivágására, az alábbi tutorial az &quot;extract&quot;-os megoldást ismerteti. Most úgy vágunk ki kpekből részleteket, hogy pl. még a hajszál is tökéletesen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-photoshop-cs-10-legjobb-ujdonsaga/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A Photoshop CS 10 legjobb újdonsága</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fejlesztett File Browser &amp; 91;File Böngésző&amp; 93; Gyors preview &amp; 91;előnézet&amp; 93; készítése, tag &amp; 91;info&amp; 93; kezelése, és a képek rendezése; metadata &amp; 91;info&amp; 93; és kulcsszavak szerinti keresés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-editor-csereje/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo editor cseréje</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Mambo rendszer alapértelmezetten a HTMLArea 2-vel kerül telepítésre, viszont ezt egyszerűen ki lehet cserélni (érdemes!), mert több - ennél jobb - editor is letölthető és használatba vehető - teljesen…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/spgm-galeria-keszitese-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SPGM galéria készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">SPGM galéria telepítése és használata A video célja mindössze annyi, hogy az SPGM galéria scripthez kedvet csináljon a magyar netezőknek is, mert ingyenes, könnyen kezelhető, nem igényel mást mint PHP-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/thumbnail-ek-keszitese-es-az-nconvertexe/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">thumbnail-ek készítése és az nconvert.exe</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Galériák készítéséről vagy működéséről szóló tutorialt már készítettem, viszont még egyszer sem esett szó a galériák egyik legfontosabb eleméről: a thumbnail-ekről, avagy kisképekről. Ezek azok a képek, melyek 1-1 galéria…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/torolhetetlen-konyvtarak-ftp-szerveren/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/07/torolhetetlen-konyvtarak-ftp.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Törölhetetlen könyvtárak FTP szerveren</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha FTP szerver/tárhely esetében belefutsz abba a hibába, hogy egy könyvtárat nem lehet törölni, jó eséllyel az lesz az oka, hogy a könyvtárban van egy &quot; .htaccess &quot; nevezetű fájl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/urlapok-hattere/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Űrlapok háttere</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Háttérként egyéni képek használata egyszerű módja annak, hogy érdekesebbé tedd az űrlapjaidat. CSS-vel ezt pár soros egyszerű kóddal megtehetjük. Ha nem akarod ezt a sor kódot minden űrlapelemhez beilleszteni, akkor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/izzo-fold/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Izzó föld</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyes tudósok szerint évezredek múlva a Nap akkorára nő, hogy a körülötte lévő összes bolygó izzani fog. Kb így fog majd kinézni a Föld. 1. Nyiss egy új 400x400px nagyságú…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/spgm-galeria-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">SPGM galéria készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">SPGM galéria telepítése és használata A video célja mindössze annyi, hogy az SPGM galéria scripthez kedvet csináljon a magyar netezőknek is, mert ingyenes, könnyen kezelhető, nem igényel mást mint PHP-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 13.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gangsta-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gangsta szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Készítsünk egyszerűen rap/gangsta gyémántos szöveget. 1, Nyissunk egy új képet tetszőleges méretben, és írjunk valami szöveget &quot;type tool&quot;-lal, az alap fekete színnel.(Az Impact betűtípus ajánlott) 2, A layer paletten CTRL+Klikk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ko-hatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kő hatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1&amp; 41; Készíts egy új dokumentumot 300&amp; 42;200px méretben (vagy amilyen méretben kell). 2&amp; 41; Hozz létre egy új réteget (SHIFT+CTRL+N) és töltsd ki 50%-os szürkével( EDIT / FILL... )…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/biohazardous/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Biohazardous</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy nagyon könnyen elkészíthető biohazard logót rajzolunk. Mindössze annyi a feladatod, hogy kövesd az instrukciókat és sikerülni fog :&amp; 93;. Tökéletes sötét, gótikus jellegű oldalak és logók számára. 1&amp; 46…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/weblap-elrendezese-a-css-hasznalataval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Weblap elrendezése a CSS használatával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Meguntad a táblázatokat, és a CSS a kedvenc eszközöd hogy elrendezd weblapjaidat, annak ellenére, hogy unalmasnak és csúnyának tűnik? Ez a cikk leírja egy módját annak, hogy egy szép CSS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lefolyt-rozsda/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lefolyt rozsda</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorialban olyan hatást próbálunk elérni, mintha a betűkön lévő rozsda kicsit &quot;megfolyna&quot;... 1. Nyiss egy új képet, mondjuk 500x500 px méretben. A &#039;Text tool&#039;-lal írd ki a kívánt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-uj-tartalom-felvetele/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo - új tartalom felvétele</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogy lehet új tartalmat felvenni a Mambo tartalomkezelő rendszerben Méret 3400kb Formátum flash Mambo új tartalom hozzáadása - videó letöltése</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-a-multbol/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép a múltból</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorialban egy olyan módszert fogtok látni, ami során egy manapság készült fényképből különböző trükkökkel egy régi, kicsit megsárgult, megfakult kinézetű kép lesz. 1. Nyisd meg a képet. 2…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-cikkek-szamanak-es-sorrendjenek-valtoztatasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo - cikkek számának és sorrendjének változtatása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Mambo 4.5-ös sorozata a cikkeket alapértelmezettként 10-esével listázza le úgy, hogy a legfrissebb hírek/cikkek mindig a lista végére teszi. Ez szerintem több szempontól sem jó (legalábbis nekem nem felelt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-uj-tartalom-felvitele/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo - új tartalom felvitele</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogy lehet új tartalmat felvenni a Mambo tartalomkezelő rendszerben? A videó mérete : 3400kb A videó formátuma : flash Mambo új tartalom hozzáadása videó letöltése</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mozaik/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mozaik</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Kicsit hosszúra sikeredett ez az első tutorom, de legalább lépésről lépésre le van írva benne minden. A tutorial során nem feltétlenül kell ragaszkodni az én általam leírt lépésekhez, ha valakinek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ujdonsag-video-tutorialok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Újdonság: video tutorialok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Elindítok egy új kezdeményezést a lapon, aztán meglátjuk milyen sikere lesz, lesz-e folytatása.. :) A kezdeményezés arról szólna, hogy a honlap jelenlegi &quot;kép és szöveg&quot; alapú leírásait időnként 1-1 video…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/jeges-betuk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Jeges betűk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most olyan betűket készítünk, aminek jeges hatása van. 1. Nyiss egy új képet mondjuk 300x300px méretben. Foreground color legyen 336EA7, ezzel a színnel írj a kép közepére egy szöveget.(fent, és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lyzu-hirkuldo-scriptje/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lyzu hírküldő scriptje</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban most azt mutatom meg, hogy hogyan lehet egy egyszerűbb hírküldő script-et összedobni. Elég lesz a php, ugyanis txt dokumentumban tárolja az adatokat. Először kezdjük az admin résznél:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-kategoria-letolheto-ecsetek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">új kategória - letölhető ecsetek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ma tovább bővült a letöltések részleg, mivel egyik kedves látogatómtól (L. József) kaptam egy ötletet és egy jókora adag Photoshop brush fájlt (brush=ecset). Köszi szépen! :) A fájlokat a letöltések…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/bongeszofuggetlen-css/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Böngészőfüggetlen CSS</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A következő leírásból megtudhatod, hogyan készíts olyan honlapot, amit minden böngésző biztosan ugyanúgy jelenít meg. Persze ez arra az esetre vonatkozik, ha a lapon lévő formázásokat CSS-ből adod meg. Az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/oldal-betoltodesenek-ideje/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Oldal betöltődésének ideje</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Itt láthattok egy módszert arra, hogy hogyan írathatjátok ki egy rövid PHP script segítségével az oldal betöltődésének idejét: A scriptet oda kell beszúrni, ahol az infót meg akarjátok jelenítettni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-include/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">php include</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Először is nem árt egy biztonsági mentést csinálni a főfájlodről! ( index.html ), aztán mentsd el a &quot;fő&quot; oldaladat , PHP dokumentumként. Egyszerűen csak megkeresed Total Commander-ben, és a kiterjesztését…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-205-208-telepitesi-es-frissitesi-utmutato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB 2.0.5-2.0.8 telepítési és frissítési útmutató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">honapja: http://www.phpbb.com A phpBB eredetileg angol nyelvű fórum, de nagyon sok nyelvi kiegészítés tölthető le hozzá, köztük a magyar is. A magyarosítás egyrészt a nyelvi fájlok cseréjéből áll, másrészt a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. július 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mintazat-avagy-pattern-keszitese-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mintázat, avagy pattern készítése I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos láttatok már olyan képeket, amin halvány csíkok voltak, vagy pöttyök, vagy ilyesmik. Ebben a leírásban ennek az elkészítését mutatom be. 1. Nyiss egy új 5x5px nagyságú, átlátszó hátterű képet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uzenofal-honlapra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/06/uzenofal-honlapra.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Üzenőfal honlapra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Na ez egy elég komoly tutorial, php és MySQL kell az elkészítéséhez! Első lépésként csináljunk egy MySQL táblát! Akkor most kapcsolatot kell teremtenünk a php fájl és az adatbázis között…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/smilie-rajzolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Smilie rajzolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A smilie-ról 1-2 szó: Ma már szinte az összes fórummotorban van lehetőség smilie-k beszúrására, amivel kicsit látványosabban is ki tudod fejezni pillanatnyi hangulatodat. :) Ilyen smilie-kból rengeteg van a neten…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyuruk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyűrűk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Itt láthattok egy egyszerű módszert arra, hogy hogyan készíthettek egymásba kapcsolt gyűrűket. Egy kis ismeret a Layer Mask-ról és a style-okról elég az elkészítéshez. --- 2. Hozz létre egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/invision-13-forum-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Invision 1.3 fórum telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Első körben töltsd le a legfrissebb Invision csomagot, és csomagold ki valahova a gépeden. Készíts a tárhelyeden egy könyvtárat, ahova majd fel tudod tenni (pl. http://www.teneved.hu/forum) A csomag tartalmából az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/e-mail-cim-ellenorzese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">E-mail cím ellenőrzése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Amikor regisztrálsz egy weboldalon, az oldal általában leellenőrzi, hogy a beírt e-mail címed szabályos formátumú-e. Ehhez szükségünk van egy sztringre (pl.: $email), hogy összehasonlítsuk a szabvánnyal. A szkript most csak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/arcbor-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Arcbőr retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy újabb arcbőr retus módszer. Photoshop 7-ben nem minden esetben használható teljes sikerrel a &quot;Patch Tool&quot; illetve a &quot;Healing Brush&quot; , ilyenkor nincs más megoldás, egyéb módszereket kell keresni. Íme…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 23.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kabelek-drotok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kábelek, drótok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial túl sok bevezetőt nem érdemel, egy egyszerű megoldás arra, hogy lehet kábeleket, drótokat készíteni 1-1 képre. Nyiss egy új képet, és rajzolj rá egy 2px vastag, fekete vonalat…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/spam-elleni-vedelem-a-honlapon-email-cim-vedelme/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Spam elleni védelem a honlapon (Email cím védelme)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A www.hwsw.hu fórumait olvasgatva jutott eszembe (spamról volt szó), hogy talán már másnak is okozott kisebb-nagyobb kellemetlenséget, hogy postafiókjában akarva-akaratlanul is &quot;gyűjti&quot; a különböző kéretlen reklámleveleket, vírusokat - spamokat.. Általában…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/dark-style-kep-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Dark style kép készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a stílus tőlem elég távol áll annak ellenére, hogy tényleg jópofa dolgokat lehet látni e kategóriában. Viszont sokfele látni manapság hasonló képeket, gondoltam hátha a lap látogatóit is érdekli…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 15.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlap-atiranyitasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">honlap átirányítása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos láttál már olyat, hogy egy megnyitott URL cím alatt megjelenő honlap átirányítást tartalmazott egy másik lapra, akár csak átmenetileg, akár véglegesen. Ezt az átirányítást meg lehet oldani pl. javascriptből…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 12.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/favicon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">favicon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Minden honlaptulajnak lehetősége van egyéni ikont társítani lapjához, mely később a látogatók böngészőjében illetve &quot;kedvenceiben&quot; megjelenik. Hogy egy konkrét példát mondjak:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 11.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/holdfelszin/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Holdfelszín</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lyzu-tól kaptam egy újabb tutorial-t, katt a linkre ott lent. :) Első lépésként készíts egy 400x400-as méretű képet. Nyomj egy D -t, és irány a FILTER &amp;gt; RENDER &amp;gt; CLOUDS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/melyik-a-legjobb-webszerkeszto-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Melyik a legjobb webszerkesztő program?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A honlapkészítés fortélyaival most ismerkedők leggyakoribb kérdése: Melyik a legjobb webszerkesztő program? A válasz szerintem közel sem olyan egyértelmű, mint sokan gondolják, bár pl. ha egy fórumban teszi fel vki…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/sima-arcbor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sima arcbőr</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha kíváncsi vagy hogy készítik az újságok elején gyakran látható &quot;fotósopmacákat&quot;, fusd át ezt a tutorialt. :) Egyébként a módszert szolidabban alkalmazva egész szép eredményt lehet elérni 1-1 portré javítgatása…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lagy-korvonal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lágy körvonal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorial roppant egyszerű, inkább csak annak illusztrálására került a fel lapra, hogy pár kattintással is lehet kellemes dolgokat létrehozni a programban. 1.) Hozz létre egy új dokumentumot. Válaszd…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. június 3.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/md5-fajl-letrehozasa-es-ellenorzese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">md5 fájl létrehozása és ellenőrzése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fájlok ellenőrzésére lehet használni SFV-t és MD5 fájlokat is, melyek bár különböznek egymástól, ugyanazt a célt szolgálják. Mivel az SFV-t sokan használják és ismerik, igy gondoltam az MD5 fájlokkal kapcsolatos…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/notetab-486/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">NoteTab 4.86</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy nagyon kellemes kezelőfelületű, ugyanakkor elég nagy tudású notepad-t helyettesítő segédprogram, mely három verzióban is elérhető. A &quot;Light&quot; változat szabadon használható -- freeware, míg a &quot;Standard&quot; és &quot;Pro&quot; verziók shareware…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/otthoni-gepre-webszerver-telepitese-phptriad/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Otthoni gépre webszerver telepítése - phptriad</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán felmerült benned a kérdés, hogy mi értelme van otthoni gépre webszervert telepíteni, mikor annyi ingyenes lehetőség áll az ember rendelkezésére? Szerintem nagyon is sok előnyöd származhat belőle, én mindenkinek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 31.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kepek-elesitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képek élesítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A képek élesítése mindig is egy időigényes művelet volt (már persze ha szépen akarjuk megcsinálni), mivel több féle módon is végre lehet hajtani. Ahhoz, hogy a legjobb eredményt tudjuk kihozni…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-oldalszamlalo-php-val/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű oldalszámláló PHP-val</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A szerverről történő oldal-letöltéseket számolja. A működéshez PHP-t futtató szerverre lesz szükségünk. A scriptet be lehet illeszteni a meglévő HTML kódba a szükséges helyen. Fel kell tölteni a fájl mellé…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-szamlalo-keszitese-weblapunkra/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű számláló készítése weblapunkra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Weben szörfözve gyakran látjuk, hogy milyen sok (vagy kevés) ember nézte már meg azt a weblapot, amit éppen megtekintünk, lévén az oldal készítője fel tett valamilyen számlálót. Ebben a tutorial-ban…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/spiral-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Spirál szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mercuriustól egy újabb tutorialt kaptunk, nagy köszönet illeti mert már nem az elsőt küldi. :) Ezúttal a tutorial arról szól, hogy lehet szöveget tenni egy görbére, nagyon hasznos művelet. 1&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kep-keretezese-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kép keretezése I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fényképek esetében gyakran igen sokat tud dobni a végeredményen egy szép keret. Ennek elkészítésére több módszer is van, igyekszem a legegyszerűbbet megmutatni (majd a későbbiekben még 1-2 plusz dolgot). Először…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/latogato-ip-je-es-host-ja/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Látogató IP-je és HOST-ja</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos találkoztál már olyan oldallal, mely megmutatta a látogatók aktuális IP-jét és/vagy HOST-ját. A módszer nem túl bonyolult, mint az a leírásból is kiderül. A fájl – melybe a kódot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aramkor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Áramkör</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">zsola2 -től kaptunk egy nagyon király tutorialt, melyben megmutatja az áramkör készítés fortélyait! :) Köszönjük! Egy rövid kis tutor, amihez csak a Photoshop beépített szűrőit használjuk fel. Remekül be lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-switch-get-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">php switch get II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi leírásnak már van egy előzménye, melyet &quot; php switch get I. &quot; címmel megtaláltok a honlapon. Mivel e leírás annak továbbfejlesztett - és módszerben is újat adó -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alapveto-tudnivalok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alapvető tudnivalók</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi tutorial a program alapvető ismertetőjét tartalmazza, mire jók az eszköztárak, milyen menüpontok vannak és mi-mire való. Ezúton is köszönet az ismeretlen szerzőnek! 1. eszköztárak optimális beállítása a windows…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/serules/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Sérülés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial segítségével &quot;igazi&quot; vért, vérző sebet adhatsz egy képhez. Persze nem kell semmi rosszra gondolni, nem lesznek kilógó belek vagy ilyesmi, csak egy kis szolid vágás, miegymás :) 1&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/eso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Eső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Újabb remek tutoriallal bővült a lap Mercurius nak köszönhetően, ezúttal egy esős kép elkészítésének módját kaptuk meg tőle. :) 1.) Válassz ki egy képet, amit eső hangulatúvá szeretnél tenni.</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 16.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tuzgolyo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tűzgolyó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mercuriustól kaptunk egy nagyon jó tutorialt, amiben egy tűzgolyó elkészítését mutatja be. 1&amp; 41; Készíts új dokumentumot 400×400-as méretben, és állítsd feketére a hátteret. Nyomd le a &quot;D&quot; betűt, hogy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 14.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyszeru-terhatasu-felirat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyszerű térhatású felirat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lyzu küldött egy új tutorialt, melyben egy egyszerűbb térhatású feliratot készít el. Felhasználható pl. bannerekhez, logókhoz, honlap címéhez stb.. Kezdj egy új dokumentumot, legalább 300&amp; 42;300-as méretben. Írj be egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/matrix-text-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Matrix text effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Íme itt a leírás arra, hogy hogyan lehet elkészíteni a híres mátrixos szöveget. Én törekedtem az abszolut Mátrixos feelingre, ezért Matrix betűtípust használtam, ami ha nincs meg neked, szedd le…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. május 1.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/biliardgolyo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Biliárdgolyó</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ki ne szeretne billiárdozni!? Hát nosza, csináljunk saját billiárd golyókat! :-) 1&amp; 46; Először is, csinálj egy új képet, használhatod az általam megadott adatokat is, de akár saját magad is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 29.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/windows-uptime-script/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">windows uptime script</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a tutorialban a Windows futásidejének az előcsalásával fogunk foglalkozni. Szükséges hozzávalók: egy PHP futtatására képes Windows-os webszerver. Én Apache 2.0.49-et PHP 4.3.5 -el használok Windows XP rendszeren. Mivel a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/layer-mask-avagy-reteg-maszkolas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Layer mask, avagy réteg maszkolás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">ÁLTALÁNOS INFORMÁCIÓ: Mire is jó a layer mask: - a layer egyes darabjainak kivágására - átlátszó területeket készíteni anélkül, hogy a layer-ből (amivel épp dolgozunk) bármiféle információt vagy részt elveszítenénk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lyzu-text-effect/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lyzu text effect</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lyzu küldött egy szöveg effekt tippet, köszönjük. :) A tutorial alább olvasható, jó szórakozást! Kezdj egy új dokumentumot, legalább 300&amp; 42;300 px méretben. Írj be egy tetszőleges szöveget (Horizontal Type…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 27.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/feher-fogsor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fehér fogsor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Családtagok, barátok vagy egyéb személyes fotózásakor gyakran találkozhatsz mosolygós arccal (hacsak nem olyan az illető mint én, hogy utálja ha fotózzák :D ). A mosolygós arcon szerintem sokat ronthat a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/csapok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Csápok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vandit legújabb leírása a &quot;csápok&quot; címet kapta, mert nem jutott jobb az eszembe :) Lényegét tekintve talán úgy tudnám körülírni a kapott eredményt, hogy mindenféle tekergő nyúlványokat lehet létrehozni a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/orveny-2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Örvény 2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vandit egy újabb tutorialja, melyben az örvénykészítés titkaiba avat be minket. :) ( Harder) Örvény Nyissunk egy új 800 px 600 képet fekete hátérrel FILE/NEW CTRL+N . Csinálj egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kristalyok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kristályok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varga Balázs egy újabb tutorialban bemutatja, hogy lehet külső, 3D-s program nélkül elkészíteni egy képet, mely kristályokat ábrázol ( Harder ) Ezt a képet fogjuk elkészíteni. Az első lépésként kijelöljük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tv-csikok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">TV csíkok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varga Balázs egy újabb tutorial-ját olvashatjátok a lapon, ezúttal a TV képernyőhöz hasonló hatás eléréséhez szükséges módszert mutatja be Nektek. :) ( Harder ) A következő képet fogjuk elkészíteni. Készítsük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. április 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/nonfigurativ-alakzat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Nonfiguratív alakzat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varga Balázs egy újabb photoshop trükkjét ismerhetitek most meg, amivel a galériában is látható abszrakt háttérekhez hasonló képet tudtok majd készíteni. ( Harder ) Ezt a képet fogjuk elkészíteni: Először…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 30.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cilinder/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cilinder</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varga Balázstól kaptunk egy új photoshop tutorialt. Ezt a képet fogjuk elkészíteni: Hozz létre egy új Layer-t. A Rectangular Marquee Tool-al jelöld ki a cilinder területét. Válaszd ki a Gradient…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 28.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/router-konfigolasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Router konfigolása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi leírást BlackPrince -től kaptuk és azt részletezi, hogy lehet kívülről elérni a gépünket abban az esetben is (pl. a rajta futó web- vagy FTP szervert), ha routerrel kapcsolódunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 26.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/alakok-kivagasa-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Alakok kivágása I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">hqmaster -nek köszönhetően újabb tutorial került a lapra, melyben azt mutatja be, hogy lehet egy alakot kivágni a képből (jelen esetben ez egy arc lesz). 1.) Ehhez a munkához szükség…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 25.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ora/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Óra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">hqmasternek köszönhetően újabb tutorial került a honlapra. Az alábbi leírás 2 kép összeillesztéséről - vagy ha még pontosabban akarok fogalmazni - összeolvasztásáról fog szólni. ( Harder ) 1-Nyisd meg a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 24.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/acel-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Acél effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">hqmaster -nek köszönhetően újabb tutoriallal bővült a kínálat - ezúttal a fémes hatású betűk készítését mutatja be. 1.) Írj a TYPE TOOL-lal egy vastagabb szót.A szín legyen 737373 2.) FILTER&amp;gt;SKETCH&amp;gt;WATER…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/camouflage-fajl-titkosito-es-elrejto-program/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Camouflage - fájl titkosító és elrejtő program</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Napjainkban egyre több felől hallani, hogy itt is ott is bevezetik a dolgozók megfigyelését, munkahelyeket kameráznak be, átnézik a maileket, elolvassák a privát levelezésünket, bármikor átnézhetik a munkahelyi gépünket és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/editplus-texteditor/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">EditPlus texteditor</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Texteditorok közül sok van, van ami jó, van rosszabb, fizetős vagy ingyenes .. szóval mindenki találhat magának kisebb-hosszabb keresgélés után megfelelő progit. Én régebben szinte minden esetben a NoteTab-t preferáltam…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/guildftpd-szerver-beallitasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">GuildFTPd szerver beállításai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">GuildFTPd - ingyenes FTP szerver honlap:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/letoltesvezerlok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Letöltésvezérlők</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A letöltésvezérlő programok (download manager) segítségével nagyban megkönnyítheted az internetes letöltéseidet és sok idegeskedéstől szabadulhatsz meg. Képes arra, hogy a megszakadt letöltéseket folytassa, hogy időzítse azokat. Segítségükkel gyorsíthatjuk a letöltés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/raiden-ftpd-szerver-beallitasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Raiden FTPd szerver beállításai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Íme a 3. FTP szerver program, melyről írok a portálon. Remélem még nem unalmas, de webes fejlesztés közben én unos-untalan belefutottam az igénybe, hogy egy lap közös fejlesztése közben gyorsan…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 22.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-home-edition-2-php-szerver/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP Home Edition 2 - PHP szerver</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varázsoljunk PHP-t is ismerő webszervert (http) a gépünkből akár 3 perc alatt. (A második telepítéskor felállított személyes rekordom) A PHP Home Edition 2 (továbbiakban csak egyszerűen programcsomag) alapvetően egy http…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/serv-u-ftp-szerver-beallitasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Serv-U FTP szerver beállításai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Előzetesen pár szó: A képek csak illusztációk, bizonyos részeket kitakartam de ettől függetlenül érhető lesz az egész (legalábbis nagyon remélem) :o) Nektek nem kötelező pont ugyanígy megoldani a dolgokat, nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 21.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blackmoon-ftp-server-telepitesi-es-hasznalati-utmutato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">BlackMoon FTP Server telepítési és használati útmutató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Már régebb óta szemezek ezzel a programmal, most jött el az ideje, hogy egy leírást is készítsek hozzá. Pár szót ejtenék a programról bevezetésképpen: Elsősorban Windows2000 és WindowsXP alá készült…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/maszkolas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Maszkolás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Varga Balázstól kaptuk az alábbi, maszkolást bemutató tutorialunkat. Érdemes figyelmesen átnézni, mert erre a műveletre még sokszor lesz szükséged a program használata közben. Ezt a képet fogjuk elkészíteni. Nagyon sokszor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 20.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kulonleges-szemek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Különleges szemek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A tutorial végeredményét megnézve bennem kb a félelmetes, fura, különleges, rémísztő (főleg ha éjszaka látnám), nem akarok ilyet ... érzések támadnak. :) Hogy miről van szó? Egy olyan effektről, mellyel…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 19.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/toxic-waste-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Toxic waste effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírást követve egy igen érdekes hatást érhetünk el pl. különböző szövegeken. A leírás során megtanult módszerek később is sokszor jól jöhetnek majd, érdemes jól megjegyezni. Nyissunk egy képet (FILE/NEW…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 18.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-aprosagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP apróságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ebben a leírásban (és esetleg a továbbiakban is) elsősorban a kezdőknek szeretnék segíteni olyan kisebb kódrészletekkel, amelyeket szinte változtatás nélkül felhasználhatnak a saját weboldalaikon . A cikknek NEM célja a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 17.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/igy-keszult-parnan2/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Így készült - Párnán2</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel többen kérték, leírom hogyan készült rpallagi Párnán c. képének retusálása. A leírás minimális Photoshop tudást feltételez, nem térek ki minden egyes kattintásra részletesen, de ahol lehet, illusztrálom a lépéseket…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 10.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-switch-get-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">php switch get I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapkészítés során, ha a hagyományos módon - statikus HTML fájlokat gyártva - állsz neki a munkának, előbb vagy utóbb belefutsz abba a problémába, hogy elég macerás frissíteni az anyagot, pl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 9.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/egyeni-submit-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Egyéni submit gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Form-ok készítése esetén biztos volt már dolgod az alapértelmezett (és meglehetősen csúnya) nagy, szürke &quot;submit&quot; gombokkal. Ezek sok esetben rontanak a lap kinézetén, színük és méretük (no és már unalomig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-legyunk-ismertek-a-webenu-i-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan legyünk ismertek a weben? I - II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mire jók a metatag-ek? megjegyzés: a kereső robotok eszelős szabályai időről-időre változnak! Az itt leírtakhoz képest persze csak rosszabbodhat a helyzet! Megírni egy honlapot, s feltenni egy szerverre annyi, mint…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 8.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hirdeteseket-megjelenito-random-script/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hirdetéseket megjelenítő random script</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A régebbi &quot;Véletlenszerű reklám, hirdetés megjelenítése a honlapon&quot; cikk egy továbbfejlesztett változatát küldte el BlackPrince, mely immár nem igényel PHP-t, így használata és főleg &quot;telepítése&quot; sokkal egyszerűbb, kényelmesebb. A kód…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/vonalkod/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vonalkód</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Vonalkódot már mindenki látott - boltokban, dobozok oldalán stb... véleményem szerint használatát mostanában már túlzásba vitték, sokszor olyan grafikákban tqnik fel ahol nem kéne, ennek ellenére mivel bizonyos esetekben indokolt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 7.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hogyan-keszitsunk-sajat-honlapot-a-webenu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hogyan készítsünk saját honlapot a weben?</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjegyzés: A leírás először a www.niif.hu -n jelent meg Forrás: http://www.lib.uni-miskolc.hu/ali</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/magyar-datum-es-nevnap-kezeles/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Magyar dátum és névnap kezelés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi cikket a hitetlen.hu-n találtam, miután elkezdtem keresgetni hogy milyen más megoldások vannak, mivel a cikk eredeti tartalma már elérhető letölthető formában. Az alábbi javascript kódot a lapba másolva…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 6.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/01-bevezetes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">01- Bevezetés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A CSS a Cascading Style Sheets , magyarul stíluslapok kifejezés rövidítése, amely szabványos, az oldalak formázásához használható leíró nyelv, és amely a HTML nyelv kibővítését szolgálja. A CSS segítségével oldalainknak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/02-css-stilusok-megadasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">02 - CSS stílusok megadása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A stíluslapokon stílusmegadásokkal (stílusdefiníciókkal) formázhatjuk meg a kívánt oldalelemeket: a böngésző az itt megadott definíciók alapján fogja megjeleníteni az oldalt. A böngészők nem teljesen kompatibilisek egymással a stíluslapok használatát illetően…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/03-stilusosztalyok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">03 - Stílusosztályok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl. Az osztályneveket meg lehet adni konkrét tag nélkül…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/04-oroklodesi-szabalyok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">04 - Öröklődési szabályok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A stílusok öröklődhetnek, és a tagen belüli stílusdefiníciókkal felülírhatjuk a globális stílusmegadásokat. Ez azt is jelenti, hogyha egy tag-hez tartozik globális és lokális stílusmegadás is egy adott tulajdonságra, akkor a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/05-a-stilusdefiniciokban-megadhato-tulajdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">05 - A stílusdefiníciókban megadható tulajdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Használható mértékegységek, egységek Hosszúságmértékek (Length Units): meg lehet adni abszolút és relatív formában. Használhatjuk a + és &quot; előjeleket, és nem szabad szóközt tenni az érték és a mértékegység neve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/06-betutulajdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">06 - Betűtulajdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Font Family : betűcsalád (típus) megadása. Több betűtípus is megadható egymás után, melyeket vesszővel kell elválasztani. Pl. Font Style : betűstílus megadása, amely lehet: normal (normál), italic (dőlt) vagy oblique…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/07-szin-es-hattertulajdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">07 - Szín- és háttértulajdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Color : az adott elem színét adhatjuk meg vele. Pl. Background Color : az adott elem háttérszínét lehet vele beállítani. Pl. Background Image : az adott elemhez háttérképet rendelhetünk vele…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/08-szovegek-tulajdonsagai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">08 - Szövegek tulajdonságai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Word Spacing : a szavak közötti távolságot lehet vele megadni, csak a hosszúság mértékegységek használhatóak, a negatív előjelet is figyelembe veszi. Pl. Letter Spacing : a betűk közötti távolságot lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/09-margo-es-szegelytulajdonsagok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">09 - Margó- és szegélytulajdonságok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Top Margin : a felső margó beállítását szolgálja, amely megadható hosszúságértékével, vagy százalékos formában, illetve az auto (automatikus) értékkel. A nulla érték letiltja a margót, és negatív értékeket is lehet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-listak-felsorolasok-tulajdonsagai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 - Listák, felsorolások tulajdonságai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Display : ezzel a tulajdonsággal az adott elem előtti és utáni sortörések megjelenését szabályozhatjuk. Lehetséges értékei: block (sortörést helyez el az elem előtt és után), inline (nem helyez el sortörést…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/11-stiluslapok-elhelyezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">11  - Stíluslapok elhelyezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A külső stíluslapfájlok HTML dokumentumainkhoz csatolásának legnagyobb előnye, hogy számos oldal kinézetét megváltoztathatjuk egyetlen fájl, a stíluslap módosításával. Külső stíluslapfájlokra (.css) a LINK tag-gel lehet hivatkozni a HTML dokumentumokban, pl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/12-stiluslapok-importalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">12 - Stíluslapok importálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A stíluslapok importálására is lehetőség van a CSS-benaz @import kulcsszó segítségével. Ezt az önálló stíluslapfájlokban és a STYLE tag-en belül használhatjuk (a beágyazott stílusoknál). Pl.: Megjegyzendő, hogy az importált stílusoknak…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/13-style-attributum/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">13 - STYLE attribútum</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden &amp;lt;BODY&amp;gt;-ba illeszthető tag-ben, kivéve pl. a &amp;lt;SCRIPT&amp;gt;-et. Pl. Használatához az alábbi sornak is szerepelnie kell az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/14-span-tag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">14 - SPAN tag</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk kiválasztóként a stílusok definiálásakor, és ismeri a STYLE CLASS…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/15-stiluslapok-hasznalata-a-dreamweaverben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">15 - Stíluslapok használata a Dreamweaverben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Dreamweaverben a Window/CSS Styles menüpont vagy a SHIFT F11 billentyűkombináció segítségével jeleníthetjük meg a stíluslapok kezelésére szolgáló CSS Styles palettát. Használata sok tekintetben hasonlít a már megismert HTML Styles…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-php5-rol-linkekben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A PHP5-ről linkekben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PHP5-ről linkekben.. Az alábbi linkeken találtok néhány leírást a PHP5 -ről (többségében angolul, de igyekszem fordítani az legérdekesebbeket.) Még az elején szeretném leszögezni, hogy a PHP4-ben megírt scriptek többsége…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/arany-betuk-1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Arany betűk 1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Aranyozott szöveg készítése Photoshop 7.0 - el 3 egyszerű lépés, és kész is van az aranyozott betűnk... 1. Nyissunk 1 új fájlt 72 DPI , és mondjuk 400&amp; 42;200 lapon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/chmod-beallitasai/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">CHMOD beállításai</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A chmod minden egyes megadott fájl elérési jogait megváltoztatja a megadott mode mód szerint, amely lehet a változtatások szimbolikus reprezentációja, vagy egy szám, amely az új jogok bit-mintáját adja meg…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/elhasznalt-szoveg/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">elhasznált szöveg</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Érdekes és nem túl nehezen létrehozható effect, melyet magus fordított. Kezdj egy új dokumentumot, legalább 300&amp; 42;300-as méretben. Írj be egy tetszőleges szöveget (Horizontal Type Tool (T) Én a Compacta…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/email-kuldo-szolgaltatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Email küldő szolgáltatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapok esetében sokszor felmerül az a kérdés, hogy milyen módon lehet olyan szolgáltatást kitenni a lapra, ahonnan a látogatók egyszerűen és gyorsan tudnak E-mail küldeni a webmesternek (vagy egy adott…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/formok-es-a-php/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Formok és a PHP</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Felhasznált php parancsok: - isset - mail Ez a leírás a HTML formok és a php kapcsolatát tervezi bemutatni, és rögtön készítünk is egy kis programot, amellyel a látogatóink küldhetnek…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/honlapok-jelszavas-vedelme/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Honlapok jelszavas védelme</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A honlapkészítés során szerintem már sok emberben felmerült az igény, hogy lapja egyes oldalait, vagy akár az egészet jelszavas védelemmel lássa el. A védelem lehet akár csak 1 adott jelszó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/html-compress-honlap-meretenek-csokkentese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">HTML Compress - honlap méretének csökkentése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha csináltál már honlapot valaha, talán te is belefutottál már abba a problémába, hogy szeretted volna ha gyorsabban töltődne le, ha kicsit kisebbek lennének a fájlok. Igy a látogatók is…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ingyenes-magyar-tarhelyek-php-es-sql/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/03/ingyenes-magyar-tarhelyek.jpg" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ingyenes magyar tárhelyek (PHP és SQL)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Előszóként: a leírás első verziójánál még kiírtam, hogy szerintem melyik a legjobb szolgáltatás. Viszont menet közben módosult a véleményem, köszönhetően a leállásoknak, időszakos akadozásoknak, így mostanra úgy döntöttem - nem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kulso-fajl-becsatolasa-php-vagy-javascript-segitsegevel/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Külső fájl becsatolása PHP vagy JavaScript segítségével</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Honlapok esetében néha nagyon hasznos megoldás tud lenni, ha a lap tartalmát (vagy egy részét) külső fájlból linkeljük be. Milyen előnyei vannak? 1.) ha a honlap egy részét gyakran frissítjük…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mambo 4.0.13 - &quot;alkategória&quot; kiegészítés telepítése Mambo 4.0.12-vel is tesztelve Letöltés: Mambo4013-subcat.zip A mambo-ban alapértelmezett nincsenek alkategóriák a híreknél, cikkeknél, faq-nál és linkeknél. Ezt kiküszöbölendő Frank Anon elkészítette a &quot;subcat&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-alkategoria-es-a-tartalom-szetvagasa-egyutt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo alkategória és a tartalom szétvágása együtt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A Mambo Open Source-hoz (ingyenes tartalomkezelő rendszer), mint sok más hozzá hasonló rendszerhez többféle module, component és add-on is letölthető az internetről. Ezek között van 2 kiemelkedően hasznos, melyek sajnálatos…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-open-source-cms-rendszer-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo Open Source (CMS rendszer) telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Erre a CMS rendszerre még vmikor 2003-ban találtam, egy másik ajánlás kapcsán jutottam el hozzá. Gondoltam kipróbálom, mit veszíthetek vele, és nagyon megtetszett. Kicsit más jellegű mint egy PostNuke vagy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mambo-tippek-es-trukkok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mambo tippek és trükkök</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A cikk a mambo 4.0.x ideje alatt készült, a mostani 4.5.x-es sorozatban lehetnek ehhez képest eltérő megoldások és módszerek. A mambo-ban default telepítés után az admin felületen, ha megnyitod az…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/napszakhoz-illo-design/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Napszakhoz illő design</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Még egy oldalon sem találkoztam egy igazából nem túl nagy munkával megoldható ötlettel: ha már PHP alapú dinamikus oldalt készítünk, akkor a design is legyen dinamikus . Mire gondolok? Egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/paragraph-style-es-iframe-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Paragraph style és Iframe használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Előfordulhat olyan eset honlapszerkesztés közben, hogy a honlapon szeretnél kitenni egy hosszabb szöveget, de úgy, hogy ne legyen nagyon &quot;hosszú&quot; lefele a lap (akár design miatt, akár más miatt). Ilyenkor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/php-nuke-portal-cms-rendszer-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/03/php-nuke.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PHP-Nuke portál (CMS rendszer) telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A bevezető itt most ugyanaz lesz, mint a tegnap írt PostNuke rendszer esetében, azon egyszerű oknál fogva hogy nem tudok mást írni ide sem. Ami arra igaz, az igaz erre…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-2x-forum-stable-frissitese-ujabb-verziora/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB 2.x fórum (stable) frissítése újabb verzióra</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A phpBB fórum frissítése nem túl nehéz feladat, csak oda kell figyelni hogy mit csinálsz, akkor megy mint a karikacsapás :) Eloször is az elso legfontosabb dolog, hogy készíts biztonsági…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpbb-hack-hozzaszolasok-forditott-sorrendben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpBB hack: hozzászólások fordított sorrendben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Köszönet: kondenzator -nak, aki a módszert megmutatta. :) A hack a phpBB fórum 2.0.4-es verziójához van eredetileg, de minden különösebb gond nélkül működött 2.0.5-tel is, és valószínűleg a 2.0.6-nál sem…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/phpwebgallery-12-kepgaleria-telepitese-es-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">phpWebGallery 1.2 képgaléria telepítése és használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A script azoknak fog nagyon tetszeni, akik képeket szeretnének publikálni az interneten. Segítségével gyorsan és egyszerűen lehet elég nagy mennyiségű képet feltölteni a látogatók számára, kategóriákba, alkategóriákba rendezve. Sok honlapon…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/portal-feluletek/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Portál felületek</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megjegyzés: összegyűjtöttem azon portal felületeket, melyek szerintem jók. Mellettük a rövid leírás, honlapjuk és letöltési helyük. No szóval hogy miről is lett itt szó.. vannak ezek a &quot;portal engine&quot;-k, vagy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/portal-rendszerek-hatter-informaciok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Portál rendszerek (háttér információk)</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a cikk sorozat a portál rendszerekrol fog szólni. Rögtön jön is a kérdés, hogy mik ezek a rendszerek, illetve miért jók nekünk? A kérdésekre a válasz az, hogy a…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/postnuke-portal-cms-rendszer-telepitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PostNuke portál (CMS rendszer) telepítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A PostNuke egy ingyenes, nyílt forráskódú CMS rendszer (Content Management System = tartalomkezelő rendszer), melyet a világon nagyon sokan és sok helyről fejlesztenek, bővítenek, javítanak folyamatosan. Használatával pár perc alatt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/postnuke-portalrendszer-hasznalati-utmutato/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">PostNuke portálrendszer használati útmutató</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bemutató leírás a Postnuke portálrendszer használatához. A PostNuke portálrendszer (alapismeretek) Tartalomjegyzék Mi az hogy PostNuke? 1. lépés. A portál szerkezeti felépítése 2. lépés. Menü/Személyes beállítások/Felhasználói beállítások/ 3. lépés. Menü/Adminisztrálás/Honlap adminisztrálás/…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/rozsdas-betu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Rozsdás betű</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ki hitte volna, hogy ilyen egyszerű rozsdát imitálnunk? Minden szintre ajánlom, aki még nem ismeri az effectet . File &amp;gt; New (Ctrl+N) 72 dpi. Álítsuk be az elő/háttér színeket. -…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/techno/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Techno</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy nagyon egyszerű, de szép betűről, effectről van most szó (mindenkinek a figyelmébe ajánlom , aki még nem ismeri) 1&amp; 46; Nyissunk 1 új fájlt 72 DPI, és mondjuk 400&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/veletlenszeru-reklam-hirdetes-megjelenitese-a-honlapon/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Véletlenszerű reklám, hirdetés megjelenítése a honlapon</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hírdetéseket (URL+szöveg) megjelenítő random módon működő script. A lenti kódot mentsük el egy fájlba (pl.: hirdet.inc), majd a honlapunkba illesszük be az alábbi módon: Tartalmilag szabadon lehet módosítani, a &quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/xaraya-elso-benyomasok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Xaraya - Első benyomások</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Mivel az elmúlt napokban CMS rendszert kerestem, és nem igazán találtam olyat ami megfelelne az izlésemnek, úgy döntöttem, hogy a nemrég megjelent Xaraya béta is megér egy pár percet/órát, mig…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 5.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/a-mysql-adatbazishoz-valo-csatlakozas-es-annak-hasznalata/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">A MySQL adatbázishoz való csatlakozás, és annak használata</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a leírás igyekszik bemutatni a PHP és a MySQL viszonyát a kapcsolódástól egészen az első lekérdezésig. A leírás készítésekor úgy veszem, hogy van egy webszervered, azon egy futó PHP…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/atlatszo-szoveg-layer-stilus-alkalmazasaval/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Átlátszó szöveg layer stílus alkalmazásával</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyszerű, gyorsan elkészíthető .. mi kell még? :) Átlátszó szöveg layer stílus alkalmazásával Software: Photoshop 6.0 or 7.0 A Photoshop 6-os és 7-es verziójában elég gyorsan és egyszerűen lehet átlátszó…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/biztonsagi-mentes-phpmyadmin-nal/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Biztonsági mentés phpMyAdmin-nal</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Téma: biztonsági mentés majd visszaállítás phpMyAdmin segítségével, illetve a 2004. júliusában a leírás kiegészült az aktuális - 2.5.7-es verzió - telepítésével. A phpMyAdmin egy webes kezelőfelület az SQL típusú adatbázisok…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/blood/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Blood</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Véres szöveg készítése Photoshop 7.0 - ban Ezt a tippet közepesen nehézre értékelem, ezért olyan emberek próbálkozzanak vele, akik már jártasak a Photoshop 7.0-nak ismeretében 1&amp; 46; Nyissunk 1 új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/chrome-text-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Chrome text - I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy újabb szöveges effekt, mely elég népszerű a neten .. :) 1&amp; 46; Első lépésként hozz létre egy 400x400-as új képet, fehér háttérrel. A TYPE TOOL-lal irjatok be egy szöveget…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/chrome-text-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Chrome text - II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az előző cikk folytatása 1&amp; 46; Ez a tutorial tulajdonképpen nem egy különálló darab, hanem kapcsolódik a már előzőleg bemutatott &quot;szöveg effektek / Chrome text&quot; tutorialhoz. Tehát először érdemes azt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gel-text/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gel text</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás alapján te is készíthetsz gél hatású szöveget, csak kövesd az utasításokat. Ezzel a gel hatással már sok honlapon találkoztam, elég szép dolgokat lehet vele csinálni (már akinek tetszik…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kristaly/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kristály</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">kristaly.zip (2236kb, AVI) Megjegyzés: min. DivX 5.0.2 szükséges a lejátszáshoz Photoshop segítségével könnyen és gyorsan lehet nagyon szép kristály szerkezetet varázsolni a képre, amit később fel lehet használni bármihez (pl…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kromhatas-2-lepesben/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Krómhatás 2 lépésben</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">2 lépésben Króm hatású felirat PS 7.0-ban 2 egyszerű lépésben megmutatom, hogy varázsolhatsz króm hatású feliratot. 1.) Nyissunk egy 100&amp; 42;100 px 72 DPI Fehér hátterű képet. Írjunk valamit, de…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/lang/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Láng</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Fájl: lang.zip (5430kb, AVI) Megjegyzés: a lejátszáshoz min. DivX 5.0.2 kell A leírás segítségével meglepően egyszerű módon tudtok majd realisztikus lángot készíteni a Photoshop-ban :) A filmet Pano készítette, thx…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/langolo-betuk/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Lángoló betűk</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Látványos, egyszerűen összehozható effekt. Nyiss egy új, fekete-fehér képet a Photoshop-ban. Ehhez menj a FILE / NEW menübe, és állítsd be &quot;grayscale&quot;-re a tulajdonságát. Ebben a tutorial-ban a kep 400x400…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/liquid-metal-text/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Liquid metal text</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Újabb szöveges text effect STEP 1: Először is válassz ki valami ehhez hasonló fontot, nem feltétlenül fontos ugyanennek lennie, válogass innen:</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/megvilagitas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Megvilágítás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A különböző megvilágítási effektek elsajátítása az egyik legfontosabb mqvelet melyet a &quot;photoshopozás&quot; alatt érdemes megtanulni, rengeteg későbbi kép alapja (vagy épp végső simítása) lehet majd. Segítségével egy kis életet, teret…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regi-egett-papir/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Régi, égett papír</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Íme egy kis segítség, hogy hogyan lehet egy régi papírt előállítani, ami ráadásul még meg is égett :-) 1.) Hozzunk létre egy tetszőleges nagyságú új képet. 2.) Egy réteget öntsünk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/szinrobbanas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Színrobbanás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egyszerű, látványos hatás, könnyű megcsinálni, körülbelül egy olyan képet fogunk kapni, mintha fénycsóvák indulnának el belülrQl kifelé ... 1.) Nyiss egy új Photoshop fájlt átlátszó háttérrel (TRANSPARENT BACKGROUND). Válassz egy…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/windows-xp-stilus-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Windows XP stílus I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A windows XP &quot;stílussal&quot;, mint grafikával gondolom legtöbben már találkoztatok vagy így, vagy úgy... Többször is megkerestetek már azzal a kéréssel, hogy honlapon szeretnétek hasonló hatást elérni, így hát engedve…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/windows-xp-stilus-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Windows XP stílus II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A &quot;Windows XP stílus I.&quot; c. cikk folytatása, hisz többféle módszer is létezik :) 1&amp; 46; Hozz létre egy új képet, majd a SELECTION TOOL-lal jelölj ki egy 159px széles…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 4.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/10-hasznos-photoshop-tipp/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">10 hasznos Photoshop tipp</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A leírás során bemutatok 10 hasznos tippet a kezdő Photoshop felhasználók számára, amivel könnyebbé és gyorsabbá lehet tenni a program mindennapos használatát. A leggyakrabban használt bill.kombinációkat érdemes megtanulni, később még…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/animalt-gif-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Animált GIF készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1.) Photoshop-ban nyiss egy új képet &amp; 91;File/New&amp; 93;. 2.) Layer-enként készítsd el a képeket amit meg szeretnél jeleníteni egymás után. Ezek a layerek lesznek az animált gif 1-1 képkockái…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/aqua-button-pro/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Aqua button pro</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1. Ízelítőként álljon itt az a kép (lásd bekezdés alatti első kép), melyet a tutorial végére eredményként megkapunk. Ez a leírás a híres Aqua gomb majdnem azonos másolata. A leírás…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/automatikus-kepmeretezes/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <img src="https://www.tutorial.hu/kepek/2004/03/photoshop-automatikus-kepmeretezes.png" alt="" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" decoding="async">                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Automatikus képméretezés</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ha ugyanolyan méretűre szeretnél varázsolni több képet, nem kell egyenként megnyitnod, méretezned és elmentened, hanem használj &quot; ACTIONS &quot;-t és &quot; BATCH &quot;-et. (Photoshop 6.0 vagy újabb) Végrehajtási lépések: 1.)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/behalozva/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Behálózva</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hálózzuk be képünket! Először is definiálni kell egy új pattern-t, ami majd a háló szerepét fogja betölteni. Ehhez nyissunk egy 10&amp; 42;10 px 72 dpi-s, átlátszó hátterű (transparent bacground) új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/belulrol-felrobbantott-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Belülről felrobbantott gömb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez egy elég érdekes effekt, de mindenki számára tudom ajánlani, mert nagyon könnyű és érdekes kis tutor . 1&amp; 46; Elősször is nyissunk meg 500&amp; 42;500 px 72Dpi Fekete hátterű…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/borhibak-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Bőrhibák retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Talán nem a legtöbb lépésből álló tutor. Lehet hogy csak inkább olyan emberek veszik igénybe, akik fotózással foglalkoznak, de nekik merem ajánlani, ugyanis olyan fényképezőgép nincs még, ami automatikusan leveszi…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/cigaretta/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Cigaretta</h3>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/disco-hatas-keltese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Disco hatás keltése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Biztos mindenki látott már D.I.S.C.O-ban lézer fény effektet (szerintem nagyon jól néz ki) fQleg ha a füstgép is üzemel és a terem tele van füsttel ... 1.) Nyissunk egy 500&amp;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fa-mintazatu-hatter/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fa mintázatú háttér</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Nyiss egy új képet (RGB mode-ban). Foreground color-nak válassz egy középmély barna színt, Background color-nak pedig egy jó sötét barna színt. A menüben válaszd a FILTER/RENDER/CLOUDS -t, majd alkalmazd. Következő…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fem-csavar/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fém csavar</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">EyeCandy tutorial (az EyeCandy egy plugin Photoshop alá) Rajzolj egy kört és töltsd ki feketével (tipp: miközben rajzolod a kört, tartsd nyomva a SHIFT gombot, akkor szabályos kört fogsz kapni)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/fenyhatas/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fényhatás</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">MIND BLAST 1. Készíts egy új képet, majd nyomj egy &quot;D&quot;-t a színeket törlendő. 2&amp; 46; Válaszd ki a &quot;PAINT BRUSH&quot; eszközt és rajzolj vele az ábrán is látható &quot;stílusban&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/foton-levo-targy-atszinezese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Fotón lévő tárgy átszínezése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a tutorral megmutatom, hogyan tudsz átszínezni pl egy autót a fotón. 1&amp; 46; A tutorhoz szüséges e kép letöltése! Jobb klikk a képre és &quot;Kép mentése más néven&quot; 1.)…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/gyorsgombok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Gyorsgombok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Gyorsgombok a PS 7.0-ban Szerző : ShAdE E-mail : webmanus@mailbox.hu Hogy egy kicsit megkönnyítsem munkátokat, leírom a leggyakrabban használt és használható funkciók gyors gombjait, ezzel is kímélve az egeretek bal…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/hanghullam/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Hanghullám</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Megmutatom hogyan tudod szimulálni a hanghullámot, talán a legegyszerűbb módon ... :) 1.) Nyissunk egy új fájlt 450&amp; 42;250 72 dpi, és fekete háttérrel. Az újjonnan létrehozott fekete lapunkon hozzunk…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/keptar-5-perc-alatt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Képtár 5 perc alatt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ezzel a Photoshop funkcióval a meglevő képeidből tudsz pár gombnyomással feltöltésre kész HTML galériát csinálni. 1.) Gyűjtsd össze a feltenni kívánt képeket egy &quot;Forrás&quot; könyvtárba. 2.) Hozz létre egy &quot;Cél&quot;…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kockakbol-allo-gomb-keszitese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Kockákból álló gömb készítése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Két egyszerű lépés sorozattal elmondom, hogy hogyan tudod elkészíteni ezt a gömböt . 1&amp; 46; lépésben új Pattern-t hozunk létre (a tutorhoz szükséges) 2&amp; 46; lépésben a Pattern-el való kitőltés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/krom-hatasu-menu/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Króm hatású menü</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Az alábbi leírás segítségével egy króm hatású &quot;bar&quot;-t tudsz majd elkészíteni a photoshop segítségével. 1.) Első lépésként válassz ki egy 15 pixel magasságú területet (SELECTION) 2.) A GRADIENT eszközzel csinálj…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/kromozott-cso/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Krómozott cső</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a krómozott cső hatás elég kis nyúlfarknyi terjedelmű és egy aránylag könnyű tutorial, de mindezek mellett elég jól néz, látványos, és a későbbiekben az itt tanultak jó kiindulási alapot…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/liquid-metal-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Liquid metal gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a tutorial a layer style használatára buzdít, mint azt már tette megelőzőleg jópár.. :) A lépések egyszerűek, csak csináljatok mindent a képeken látható módon. Step 1 Először is nyiss…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/matrix-effekt/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Matrix effekt</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Lehet egy kicsit megkésve , de ez az effekt més mostanság is igencsak megállja a helyét . 1.) Hozzunk létre egy 500&amp; 42;500 px új lapot 72 dpi és fehér…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/metal-button/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Metal button</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">1.) A PENCIL TOOL segítségével rajzolj egy 75x24 pixel méretű négyzetet. Töltsd ki egy közepes árnyalatú szürke színnel, majd húzz átlósan egy fehér vonalat kicsivel a négyzet közepe fölé. Most…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/micro-gombok/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Micro gombok</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Valószínűleg már nem egyszer futottál bele ilyen gombokba különböző honlapokon, elég népszerű megoldás manapság. A módszer nem nehéz, bátran próbáld ki. :) 1.) Először is nyisd meg a Photoshop-t és…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/mozgo-hatas-keltese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Mozgó hatás keltése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Bárkivel megeshetett az a picike kis probléma, hogy egy mozgó autót, netán motort vagy bármi mást akart lefényképezni úgy,hogy a mozgás egy-két pillanata látszódjon, de a fotó előhívása után jött…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/orveny/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Örvény</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy gyos és igen kis hasznos tutort mutatok be, ami nagyon hasonlít a régi forgótárcsás HAJDÚ mosógépek üzemeltetése közben fellépő jelenségre :)). Lehet, hogy ez egy kicsit durva megfogalmazás volt…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/penna/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Penna</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Most nyúljunk vissza a történelemben, és elevenítsük fel hogy hogyan is nézett ki a penna, a mai golyóstoll megfelelője. 1.)Nyissunk egy új lapot 120&amp; 42;120 px 72 dpi és fehér…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/plasztik-gomb/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Plasztik gomb</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ez a rövid tutor egy elég szép és desinges gombkészítéshez tanít meg . 1.) Hozzunk létre egy 124&amp; 42;124 px 72 dpi felbontású fehér hátterű üres lapot. Csináljunk egy új…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/regi-fenykep-retusalasa/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Régi fénykép retusálása</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">bevezető : hogyan lehet könnyen és egyszerűen eltüntetni egy kis szakadást a képről vagy kiszínezni egy képet? 1. Ha egy régi meg sárgult képrol van szó, akkor ajánlatos átkonvertálni fekete-fehér…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/skicc/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Skicc</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">E leírás arról szól, hogy lehet egy már meglévő fénykép alapján &quot;skicc&quot; hatású készíteni a photoshop program használatával. A leírás során használhatod az itteni képet is (lásd lentebb), vagy tetszés…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/tokeletes-tegla-mintazat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Tökéletes tégla mintázat</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Téglamintázatot, szerintem már nagyon sokan tudtatok csinálni, de felléphetett az a hiba, hogy egy kereszt található benne, ami elcsúfítja munkátokat. Most megmutatom annak a keresztnek az eltüntetését, úgy hogy közben…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/uj-kepbol-egy-regi-kep-keszitese-v1/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Új képből egy régi kép készítése - v.1</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Némelyikőtökben felmerülhet a kérdés. Ez lehetséges??? De még mennyire hogy lehetséges! ÉS ez amit most bemutatok , csak az egyik megoldás. A tutorhoz szükséges e kép letöltése! Az autóról annyitm…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/ventillator-lapat/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Ventillátor lapát</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Ventilátor lapát készítése PS 7.0-ban Igaz már nem a meleg diktál főként a mostani hónapokban, de ez a kis tutor megtanít benneteket arra, hogy hogyan is kell elkészíteni a ventilátor…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/villam-keszitese-i/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Villám készítése I.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Egy nagyon egyszerű trükköt szeretnék bemutatni, amellyel villámot készíthetünk. 1&amp; 46; Nyissunk egy új képet, 500x500-as méretben. 2&amp; 46; Csináljunk egy új Layert. (Shift+Ctrl+N) 3&amp; 46; Készítsünk egy fekete-fehér színátmenetet…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/villam-keszitese-ii/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Villám készítése II.</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">A sapkafej által beküldött leírás kicsit feltuningolva: Először is kezdj egy új dokumentumot, modjuk 500×350 pixellel. Nyomd meg a D -t hogy visszaállítsd a színeket fekete-fehérre. Csinálj egy új layer-t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/virag/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Virág</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">&amp;amp; Először is hozzunk létre egy új képet, mondjuk 400x400px méretben. Egyből nyomj egy &quot;D&quot;-t, hogy töröld a színeket, majd készíts egy új layer-t. Válaszd ki a GRADIENT TOOL -t…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                        <article data-post-card class="group hidden">
                <a href="/blog/voros-szem-eltuntetese/" class="block">
                    <div class="aspect-[4/3] overflow-hidden bg-brand-sand mb-3">
                                                <span class="w-full h-full flex items-center justify-center text-brand-faint"><svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-2xl" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg></span>
                                            </div>
                    <h3 class="font-display font-bold text-brand-ink text-[19px] leading-[1.12] group-hover:underline decoration-1 underline-offset-2 line-clamp-3">Vörös szem eltüntetése</h3>
                                        <p class="mt-1.5 font-serif text-brand-inkSoft text-[14px] leading-relaxed line-clamp-2">Hogy miért is keletkezik a &quot;vörös szem&quot; a fényképeken? A pupilla mérete igazodik a környezeti fényviszonyokhoz: ha sötétebb van, kitágul, világosban pedig összeszűkül, így szabályozza a szembe jutó fénymennyiséget. A…</p>
                                                            <span class="block font-sans text-[11px] uppercase tracking-[0.1em] text-brand-faint mt-2">2004. március 2.</span>
                                    </a>
            </article>
                    </div>

                <div class="mt-10 text-center">
            <button type="button" id="blog-load-more" data-step="12"
                    class="inline-flex items-center gap-2 border border-brand-ink px-6 py-3 font-sans text-[12px] font-bold uppercase tracking-[0.12em] text-brand-ink hover:bg-brand-ink hover:text-brand-white transition-colors duration-150">
                Több cikk betöltése →
            </button>
        </div>
            </section>
    
    
</main>

<!-- Footer — newspaper stílus: fekete felső szabály, boxos widgetek, nameplate -->
<footer class="bg-brand-surface border-t-2 border-brand-ink">

    <!-- Widget-oszlopok -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 pb-10">
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-10">

            <!-- 1. oszlop: Névjegy + alatta Keresés -->
            <div class="space-y-8">

                <!-- Névjegy — csak ha a config footer_about ki van töltve -->
                
                <!-- Keresés -->
                <div>
                    <div class="bg-brand-ink text-brand-white text-center py-2 mb-4 font-sans text-[11px] font-semibold uppercase tracking-[0.2em]">
                        Keresés
                    </div>
                    <p class="text-brand-inkSoft text-[14px] leading-relaxed mb-4">
                        Keress a blog teljes tartalmában, 2007-től napjainkig.
                    </p>
                    <button type="button" data-search-open
                            class="inline-flex items-center gap-2 border border-brand-ink px-4 py-2.5 font-sans text-[12px] font-semibold uppercase tracking-[0.12em] text-brand-ink hover:bg-brand-ink hover:text-brand-white transition-colors duration-150">
                        <svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-[12px]" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg> Keresés indítása
                    </button>
                </div>

            </div>

            <!-- 2. oszlop: Navigáció — a felső mastheaddel azonos kategória-menü -->
            <div>
                <div class="bg-brand-ink text-brand-white text-center py-2 mb-4 font-sans text-[11px] font-semibold uppercase tracking-[0.2em]">
                    Rovatok
                </div>
                <ul class="divide-y divide-brand-line font-sans">
                                        <li><a href="/blog/kategoria/ai/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">AI <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/facebook-hirdetes/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Facebook hirdetés <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/google-hirdetes/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Google hirdetés <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/grafika/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Grafika <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/online-marketing/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Online marketing <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/ppc/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">PPC <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/seo/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">SEO <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/weboldal-keszites/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Weboldal készítés <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/hirek/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">hírek <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/blog/kategoria/egyeb/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Egyéb <span class="text-brand-faint">→</span></a></li>
                                    </ul>
            </div>

            <!-- 3. oszlop: Ajánlott oldalak — configból ($footer_links). Üres → nem renderel. -->
                        <div>
                <div class="bg-brand-ink text-brand-white text-center py-2 mb-4 font-sans text-[11px] font-semibold uppercase tracking-[0.2em]">
                    Oldalak
                </div>
                <ul class="divide-y divide-brand-line font-sans">
                                        <li><a href="/kapcsolat/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Kapcsolat <span class="text-brand-faint">→</span></a></li>
                                        <li><a href="/adatvedelmi-nyilatkozat/" class="flex items-center justify-between py-2.5 text-[16px] text-brand-inkSoft hover:text-brand-ink transition-colors">Adatvédelmi nyilatkozat <span class="text-brand-faint">→</span></a></li>
                                    </ul>
            </div>
            
        </div><!-- /grid -->
    </div>

    <!-- Nameplate -->
    <div class="border-t border-brand-line">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-9 text-center">
            <span class="font-display font-bold uppercase tracking-[-0.02em] text-brand-ink text-3xl sm:text-4xl md:text-5xl leading-none">
                Tutorial.hu            </span>
        </div>
    </div>

    <!-- Alsó sáv -->
    <div class="border-t border-brand-line">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex flex-col sm:flex-row items-center justify-between gap-2 font-sans">
            <p class="text-brand-faint text-[11px] uppercase tracking-[0.1em]">
                &copy; 2026 Tutorial.hu. Minden jog fenntartva.
            </p>
                        <button type="button" data-cookie-settings class="text-brand-faint hover:text-brand-ink text-[11px] uppercase tracking-[0.1em] bg-transparent border-0 p-0 cursor-pointer transition-colors whitespace-nowrap">Süti-beállítások</button>
                    </div>
    </div>

</footer>

<!-- Site JS -->
<script src="https://www.tutorial.hu/assets/site.js?v=790b5bbf"></script>
<!-- hcms kereső overlay -->
<div id="hcms-search"
     class="hidden fixed inset-0 z-[100]"
     data-index-url="https://www.tutorial.hu/search-slim.json"
     role="dialog" aria-modal="true" aria-label="Keresés">
    <div class="absolute inset-0 bg-black/50" data-search-close></div>
    <div class="relative mx-auto w-full h-full md:h-auto md:max-w-xl md:mt-24 md:max-h-[70vh]
                bg-white md:rounded-xl shadow-xl flex flex-col overflow-hidden">
        <div class="flex items-center gap-3 px-4 py-3 border-b border-brand-line">
            <svg class="inline-block h-[1em] w-[1em] align-[-0.125em] fill-current text-brand-forest text-sm" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>            <label for="hcms-search-input" class="sr-only">Keresés a blogban és a fogalomtárban</label>
            <input id="hcms-search-input" type="search"
                   placeholder="Keresés a blogban és a fogalomtárban…"
                   autocomplete="off"
                   class="flex-1 text-base text-brand-ink bg-transparent outline-none placeholder:text-brand-faint">
            <button type="button" data-search-close aria-label="Bezárás"
                    class="text-xs text-brand-muted border border-brand-line rounded px-1.5 py-0.5 hover:bg-brand-sand transition-colors">
                Esc
            </button>
        </div>
        <div id="hcms-search-status" class="px-4 py-2 text-xs text-brand-muted" aria-live="polite"></div>
        <div id="hcms-search-results" class="overflow-y-auto flex-1 px-2 pb-3"></div>
    </div>
</div>
<script src="https://www.tutorial.hu/assets/search.js?v=b5c72bd3" defer></script>
    <div id="cookie-consent" class="hidden fixed inset-0 z-[9999]" role="dialog" aria-modal="true" aria-labelledby="cc-title" data-duration-days="180">
    <div class="absolute inset-0 bg-slate-900/60"></div>
    <div class="relative min-h-full flex items-center justify-center p-4">
        <div class="bg-white rounded-2xl shadow-2xl max-w-md w-full p-6 max-h-[calc(100vh-2rem)] overflow-y-auto">

            <!-- 1. lépés -->
            <div data-cc-step="1">
                <h2 id="cc-title" class="text-lg font-extrabold text-slate-800 mb-2">Ez a weboldal sütiket használ</h2>
                <p class="text-sm text-slate-600 leading-relaxed mb-4">
                    Az oldal működéséhez szükséges sütiken túl statisztikai (és később marketing) célból is
                    használunk sütiket. Részletek:
                    <a href="/adatvedelmi-nyilatkozat/" class="text-slate-800 underline hover:text-brand-ink">Adatkezelési tájékoztató</a>
                </p>
                <button type="button" data-cc-action="accept-all" class="w-full bg-brand-forest hover:bg-brand-forestDark text-white font-bold py-3 px-4 rounded-lg transition-colors">Elfogadom</button>
                <button type="button" data-cc-action="open-settings" class="w-full mt-2 bg-white border border-slate-300 text-slate-700 font-semibold py-3 px-4 rounded-lg hover:bg-slate-50 transition-colors">Részletes beállítás</button>
                <div class="text-center mt-3">
                    <button type="button" data-cc-action="reject-all" class="text-xs text-slate-400 underline hover:text-slate-600">Elutasítom</button>
                </div>
            </div>

            <!-- 2. lépés -->
            <div data-cc-step="2" class="hidden">
                <h2 class="text-lg font-extrabold text-slate-800 mb-3">Süti-beállítások</h2>

                <div class="flex items-start justify-between py-3 border-t border-slate-100">
                    <div class="pr-3">
                        <div id="cc-necessary-label" class="font-bold text-slate-700 text-sm">Szükséges</div>
                        <div class="text-xs text-slate-400">Az oldal alapvető működéséhez elengedhetetlenek (kapcsolati űrlap munkamenete, biztonsági token, süti-beállításod megjegyzése). Nem tárolnak azonosításra alkalmas adatot, és nem kapcsolhatók ki.</div>
                    </div>
                    <input type="checkbox" checked disabled aria-labelledby="cc-necessary-label" class="mt-1 accent-brand-forest opacity-60 cursor-not-allowed">
                </div>

                <label class="flex items-start justify-between py-3 border-t border-slate-100 cursor-pointer">
                    <div class="pr-3">
                        <div id="cc-analytics-label" class="font-bold text-slate-700 text-sm">Statisztika (analitika)</div>
                        <div class="text-xs text-slate-400">A forgalom mérése (GTM/Google Analytics).</div>
                    </div>
                    <input type="checkbox" data-cc-cat="analytics" aria-labelledby="cc-analytics-label" class="mt-1 accent-brand-forest">
                </label>

                <label class="flex items-start justify-between py-3 border-t border-slate-100 cursor-pointer">
                    <div class="pr-3">
                        <div id="cc-marketing-label" class="font-bold text-slate-700 text-sm">Marketing</div>
                        <div class="text-xs text-slate-400">Hirdetés-mérés és remarketing (jelenleg nincs aktív).</div>
                    </div>
                    <input type="checkbox" data-cc-cat="marketing" aria-labelledby="cc-marketing-label" class="mt-1 accent-brand-forest">
                </label>

                <button type="button" data-cc-action="save" class="w-full mt-4 bg-brand-forest hover:bg-brand-forestDark text-white font-bold py-3 px-4 rounded-lg transition-colors">Beállítások mentése</button>
            </div>

        </div>
    </div>
</div>
    <script src="https://www.tutorial.hu/assets/cookie-consent.js?v=c1dc3817" defer></script>
</body>

</html>
