Merge pull request #51 from szepeviktor/eliras

Fix Hungarian typos

src/404.md

@@ -2,7 +2,7 @@
 title: "Oops! Page not found"
 permalink: "/404.html"
 layout: "layout/404.html"
-alt: "A milk carton on a rollar retro illustration."
+alt: "A milk carton on a roller retro illustration."
 ---
 
 It seems that this URL doesn’t exist. Maybe you misspelled it, or it is removed.

src/_data/navigation.json

@@ -151,7 +151,7 @@
     },
     "footer": [
       {
-        "title": "Szolgáltatásiank",
+        "title": "Szolgáltatásaink",
         "items": [
           {
             "caption": "Alkalmazasfejlesztés",

src/application-development.md

@@ -42,7 +42,7 @@ accordion:
             description: "<p>These two are popular application development buzzwords but still crucial ones. To create a testable, extendable application, you need modularity and scalability.</p><p>To support and maintain something long-term, you need solid and good architecture from the start.</p>"
         -
             title: "We prefer Vue.js on the front-end"
-            description: "<p><a href='https://vuejs.org/' target='_blank' rel='noopener'>Vue.js</a> is the perfect tool to extend Laravel on the front-end. It covers everything you need on a modern and capable application.</p><p>Depending on the context, we can also opt for <a href='https://alpinejs.dev/' target='_blank' rel='noopener'>Apline.js</a> or <a href='https://react.dev/' target='_blank' rel='noopener'>React</a>.</p>"
+            description: "<p><a href='https://vuejs.org/' target='_blank' rel='noopener'>Vue.js</a> is the perfect tool to extend Laravel on the front-end. It covers everything you need on a modern and capable application.</p><p>Depending on the context, we can also opt for <a href='https://alpinejs.dev/' target='_blank' rel='noopener'>Alpine.js</a> or <a href='https://react.dev/' target='_blank' rel='noopener'>React</a>.</p>"
         -
             title: "UI and UX matters"
             description: "<p>A proper application requires unique UI and UX solutions as well. We can also help you to design a clean and straightforward user interface that is easy to use.</p><p>We create the UI tailored to the project needs from the ground up.</p>"
@@ -51,7 +51,7 @@ accordion:
             description: "<p>We write the code adopting the coding and documenting standards from the <a href='https://laravel.com/' target='_blank' rel='noopener'>official documentation of Laravel</a> to make the application easily understandable and futureproof.</p><p>Writing code as we do makes it possible to do better static analysis and integrate the project into any CI workflow. </p><p>We are serious about the quality of our code, which can also help you create a project for the future (with or without us).</p>"
         -
             title: "Hosting and DevOps"
-            description: "<p>We will only be your developers. Unfortunately, we don't deliver hosting or any DevOps tasks. For more straightforward web applications, we can utilize Laravcel Forge, but for more critical ones, you also need a person or a team to manage the serving of the project.</p><p>We can suggest a good college of ours if needed for this purpose.</p>"
+            description: "<p>We will only be your developers. Unfortunately, we don't deliver hosting or any DevOps tasks. For more straightforward web applications, we can utilize Laravel Forge, but for more critical ones, you also need a person or a team to manage the serving of the project.</p><p>We can suggest a good college of ours if needed for this purpose.</p>"
     -
         title: "FAQ"
         subtitle: "Some frequent questions in advance."

src/hu/posts/5-dolog-amit-a-egy-ceges-weboldalnak-tudni-kell.md

@@ -8,7 +8,7 @@ thumbnailAlt: ""
 
 **Egy cég esetében a weboldal elengedhetetlen kellék így 2019-ben. Sajnos, ez idehaza is hagy némi kivetnivalót maga után. Nem csak arról van szó, hogy sok vállalkozás kevésbé található meg online, hanem hogy a meglévő oldaluk használhatatlan.**
 
-De mégis mire kell figyelni az oldalunkal kapcsolatban? Egyszerű válasz nincs, hiszen más-más a cél és más-más a szolgáltatás. Alapvetően az információátadás és a megtalálhatóság a kulcs. A weboldal fejlesztés hosszadalmas és összetett folyamat, de a végeredmény célja, hogy kielégítse az egyéni igényeket.
+De mégis mire kell figyelni az oldalunkkal kapcsolatban? Egyszerű válasz nincs, hiszen más-más a cél és más-más a szolgáltatás. Alapvetően az információátadás és a megtalálhatóság a kulcs. A weboldal fejlesztés hosszadalmas és összetett folyamat, de a végeredmény célja, hogy kielégítse az egyéni igényeket.
 
 A megfelelő online jelenlét növelheti egy cég megítélését, valamint annak bevételét. Ma már mindenki interneten keres. Ha a céged - _és az éppen szükséges információk_ - megtalálhatóak könnyen online, megbízhatóan fest az oldalad, akkor nagyobb az esély, hogy megnyered a leendő ügyfelet.
 

src/hu/posts/a-kulonbseg-div-es-section-elem-kozott.md

@@ -27,7 +27,7 @@ További információt a [hivatalos dokumentációs](https://www.w3.org/TR/html5
 
 Ellentétben a `<section>` elemmel a `<div>` elemnek nincsen jelentése önmagában. Adhatunk neki osztályt, ID-t (hogy érthetőbb legyen a fejlesztőknek), de szemantikailag nem tehetünk többet.
 
-Gyakori használi megoldás a szerkezetek kialakítása:
+Gyakori megoldás a szerkezetek kialakítása:
 
 ```html
 <div class="container">
@@ -46,7 +46,7 @@ Az alapvető különbséget a szemantika jelenti. Ha van egy részünk, aminek v
 
 ## Melyiket használjuk mikor?
 
-Ahogy korábban is írtam, a `<section>` elemmel logikai egységet jelezhetünk, így az értelmezhető lesz a kisegítő eszközök számára is (képernyőfelolvasó). Mindig jó megközelítés, ha ezt tartjuk szemelőtt.
+Ahogy korábban is írtam, a `<section>` elemmel logikai egységet jelezhetünk, így az értelmezhető lesz a kisegítő eszközök számára is (képernyőfelolvasó). Mindig jó megközelítés, ha ezt tartjuk szem előtt.
 
 Gondolkozz el azon, hogy mi az amit egy oldalon, alkalmazáson logikailag össze lehet vonni. Ha például van egy oldalsáv (`<aside>`), azon belül widget-ek, akkor ezeknek a `<section>` elem egy jó választás lehet. Figyeljünk arra, hogy kell egy címsor, hogy megfelelően navigálható legyen minden eszközön.
 
@@ -59,6 +59,6 @@ Gondolkozz el azon, hogy mi az amit egy oldalon, alkalmazáson logikailag össze
 </aside>
 ```
 
-## Használjuk a landmark (határkő) elmeket
+## Használjuk a landmark (határkő) elemeket
 
 Ez a bejegyzés egy egyszerű összehasonlítás a `<div>` és `<section>` elemek között. Ha inkluzívabb HTML oldalakat akarsz készíteni, akkor használd az összes HTML landmark elemet!

src/hu/posts/a-weboldal-tervezes-lepesei.md

@@ -18,7 +18,7 @@ A weboldal és az alkalmazás alapvetően eltér egymástól, de a legvégén a
 
 Az hogy mit szeretnél elkészíttetni csak te tudod, aki kitalálta, megálmodta a projektet. Ezt az információt megfelelően, a lehető legrészletesebben kell átadni a fejlesztőknek, ahhoz hogy a megfelelő végeredményt kapjuk.
 
-Csak egy használható specifikációval a kézben érdemes nekünk bármilyen kalkulációt is végeznünk. Ha belegondolsz ez mind a két félnek jó. Ezen tudás ismeretében mi megfelelően be tudjuk osztani az időnket, míg tégen a legkevésbé verünk plusz költségekbe.
+Csak egy használható specifikációval a kézben érdemes nekünk bármilyen kalkulációt is végeznünk. Ha belegondolsz ez mind a két félnek jó. Ezen tudás ismeretében mi megfelelően be tudjuk osztani az időnket, míg téged a legkevésbé verünk plusz költségekbe.
 
 Míg egy weboldal esetén lehet hogy jobb áron kijön egy nem kalkulált kiadás, addig egy egyedi alkalmazás esetén ez szinte biztosan nagyobb összeg lesz.
 

src/hu/posts/abszolut-kozepre-igazitas-css-segitsegevel.md

@@ -24,7 +24,7 @@ A megoldás nagy előnye, hogy használhatjuk fix szélesség és magasság nél
 ### Hátrányok
 
 - Problémás igazítani a túllógó elemet. Tehát, ha az igazított elem nagyobb, mint a befoglaló elem körülményes megfelelően igazítani.
-- Néhány böngészőben (Chrome-ban futottam bele) a subpixel renderelés miatt az elemünk elmosódhat. Ilyenkor az egyik megoldás, ha az elemre alkalmazzuk a `transform-style: preserve-3d;` deklarációt!
+- Néhány böngészőben (Chrome-ban futottam bele) a subpixel render-elés miatt az elemünk elmosódhat. Ilyenkor az egyik megoldás, ha az elemre alkalmazzuk a `transform-style: preserve-3d;` deklarációt!
 
 ## Relatív pozicionálás a viewport mértékegységekkel
 

src/hu/posts/bazar-egy-e-commerce-csomag-laravelhez.md

@@ -1,5 +1,5 @@
 ---
-title: "Bazar: egy e-commerce csomag Laravelhez"
+title: "Bazar: egy e-commerce csomag Laravel-hez"
 date: "2020-11-01"
 tags: ["bazar", "laravel"]
 thumbnail: "/img/blog/bazar-cover.jpg"

src/hu/posts/blog-url-lekerese-wordpress-ben.md

@@ -22,7 +22,7 @@ A `get_option()` függvénnyel lekérhetjük a page_for_posts option értékét.
 echo esc_url(get_permalink(get_option('page_for_posts')));
 ```
 
-WordPress 4.5.0.-tól használhatjuk a [get_post_type_archive_link()](https://developer.wordpress.org/reference/functions/get_post_type_archive_link/) függvényt, hogy lekérjük a post (bejegyzések) tartalomtípus listaoldalunk URL-jét.
+WordPress 4.5.0-tól használhatjuk a [get_post_type_archive_link()](https://developer.wordpress.org/reference/functions/get_post_type_archive_link/) függvényt, hogy lekérjük a post (bejegyzések) tartalomtípus listaoldalunk URL-jét.
 
 ```php
 echo esc_url(get_post_type_archive_link('post'));

src/hu/posts/css-attr-fuggveny-hasznalata.md

@@ -24,7 +24,7 @@ Ha valamit nyomtatni akarsz egy weboldalról a hivatkozások problémát okozhat
 }
 ```
 
-Ezt a problémát az `attr()` függvénnyel egyszerűen orvosolhatjuk. Hogy használhatóbb legyen a nyomtatási nézet, annyit kell tennünk csupán, hogy az `<a>` tagek href értékét kiiratjuk a `::after` elemre.
+Ezt a problémát az `attr()` függvénnyel egyszerűen orvosolhatjuk. Hogy használhatóbb legyen a nyomtatási nézet, annyit kell tennünk csupán, hogy az `<a>` tagek href értékét kiíratjuk a `::after` elemre.
 
 ## Egyszerű tooltip megoldás
 

src/hu/posts/css-initial-kulcsszo-hasznalata.md

@@ -8,7 +8,7 @@ thumbnailAlt: ""
 
 **Az initial CSS kulcsszó elsőre sok fejlesztőnek rejtély, pedig nem tesz mást, mint reseteli a tulajdonságainkat.**
 
-Én vagyok az a fajta fejlesztő, aki ha alapértelmezett értékre van szüksége, akkor megkeresi a tényleges értéket, ami a tulajdonsághoz tartozik - _ez többnyire auto, 0, normal, vagy valami hasonló_. Nem tudom miért, de nekem ez a kulcsszó fehér folt volt, nem igazán használtam. Éppen ezért kutattam kicsit és utána jártam, hogy mi is ez a zavarba ejtően ésszerű funkció.
+Én vagyok az a fajta fejlesztő, aki ha alapértelmezett értékre van szüksége, akkor megkeresi a tényleges értéket, ami a tulajdonsághoz tartozik - _ez többnyire auto, 0, normal, vagy valami hasonló_. Nem tudom miért, de nekem ez a kulcsszó fehér folt volt, nem igazán használtam. Éppen ezért kutattam kicsit és utána jártam, hogy mi is ez a zavarba ejtően észszerű funkció.
 
 ## Szóval mit jelent az initial kulcsszó?
 

src/hu/posts/css-pointer-events-tulajdonsag.md

@@ -22,7 +22,7 @@ a.no-pointer-events {
 }
 ```
 
-Nézzünk egy alap példát! A következőkben egy a teljes elemet elfoglaló hivatkozás található a szöveg felett, ebben az esetben a szöveget nem tudnánk kijelölni, hiszen van egy elem felette a z tengely mentén. Ahhoz, hogy kitudjuk jelölni a szöveget, nincs más teendőnk, mint az elemet kitakaró elemhez rendelni a `pointer-events: none;` tulajdonság/érték párt!
+Nézzünk egy alap példát! A következőkben egy a teljes elemet elfoglaló hivatkozás található a szöveg felett, ebben az esetben a szöveget nem tudnánk kijelölni, hiszen van egy elem felette a z tengely mentén. Ahhoz, hogy ki tudjuk jelölni a szöveget, nincs más teendőnk, mint az elemet kitakaró elemhez rendelni a `pointer-events: none;` tulajdonság/érték párt!
 
 <p class="codepen" style="height: 374px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-height="374" data-theme-id="2175" data-default-tab="css,result" data-user="adamlaki" data-slug-hash="19f4a0a1d17031c3fb6d9d7a3c0a05bd" data-pen-title="Pointer Evets Demo 01">See the Pen <a href="https://codepen.io/adamlaki/pen/19f4a0a1d17031c3fb6d9d7a3c0a05bd">Pointer Evets Demo 01</a> by Adam Laki (<a href="https://codepen.io/adamlaki">@adamlaki</a>) on <a href="https://codepen.io">CodePen</a>.</p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

src/hu/posts/dom-elemek-kijelolese-javascript-ben-a-queryselector-es-queryselectorall-segitsegevel.md

@@ -10,7 +10,7 @@ thumbnailAlt: ""
 
 Az egyik legjobb funkció jQuery-ben az, hogy egyszerűen férünk hozzá a DOM-hoz. Bármit - _és többet_ - kijelölhetünk, ugyanazzal a logikával, amivel a CSS-ben tennénk. Ez a megoldás egy hatalmas fejlődés volt a korábbi, ID és osztályalapú JS megoldásokhoz képest.
 
-A Selectors API megjelenésével - _akárcsak a [classList API](https://conedevelopment.com/hu/html-osztalyok-kezelese-classlist-tel-javascript-ben/) az osztályok esetény_ - ma már sokkal könnyebb dolgunk van, amikor elem manipulálásról van szó.
+A Selectors API megjelenésével - _akárcsak a [classList API](https://conedevelopment.com/hu/html-osztalyok-kezelese-classlist-tel-javascript-ben/) az osztályok esetén_ - ma már sokkal könnyebb dolgunk van, amikor elem manipulálásról van szó.
 
 ## A Selectors API és az új eljárások
 
@@ -62,7 +62,7 @@ warnings.forEach((el) => {
 
 ## NodeList bejárása JavaScript-tel
 
-Míg az egyszerű verzióval csak egy elemet kapunk vissza, addig az összes eljárással már egy objektum listát. Éppen ezért fontos, hogy tudjuk hogyan tudunk bejártni egy NodeList-et JS segítségével.
+Míg az egyszerű verzióval csak egy elemet kapunk vissza, addig az összes eljárással már egy objektum listát. Éppen ezért fontos, hogy tudjuk hogyan tudunk bejárni egy NodeList-et JS segítségével.
 
 A NodeList egy objektum típus ami node-ok gyűjteményét tartalmazza. Ez az objektum típus tömb szerű, amit a `forEach()-el` bejárhatunk.
 

src/hu/posts/egyedi-email-cim-osszekotese-gmaillel.md

@@ -6,17 +6,17 @@ thumbnail: "/img/blog/egyedi-email-cim-osszekotese-gmaillel.jpg"
 thumbnailAlt: ""
 ---
 
-**Gyakran fut be hozzán olyan kérdés, hogy szeretnének a domainhez saját email címet, amelyet a Gmail felületén keresztül tudnak kezelni. Összeszedtük pár lépésben, hogy mi a teendő, lássuk!**
+**Gyakran fut be hozzám olyan kérdés, hogy szeretnének a domainhez saját email címet, amelyet a Gmail felületén keresztül tudnak kezelni. Összeszedtük pár lépésben, hogy mi a teendő, lássuk!**
 
 ## 1. Az egyedi email cím létrehozása
 
-Abban az esetben, ha rendelkezünk saját domain névvel, és egy hozzá kapcsolt tárhellyel, a cPalenen keresztül léte tudjunk hozni saját email címeket. Ennek módja felületenként eltérhet, de többnyire viszonylag kézenfekfő a folyamat.
+Abban az esetben, ha rendelkezünk saját domain névvel, és egy hozzá kapcsolt tárhellyel, a cPalenen keresztül léte tudjunk hozni saját email címeket. Ennek módja felületenként eltérhet, de többnyire viszonylag kézenfekvő a folyamat.
 
 Miután létrehoztuk a domainhez tartozó címet, két dologra lesz szükségünk: magára az email címre és a jelszóra amit beállítottunk.
 
 ## 2. Az SMTP és a POP3 adatok
 
-Első körben tisztázzuk a fogalmakat. Röviden és nagyon egyszerűen: az SMTP a levéküldésért felelős protokoll, azaz ennek a segítségével tudunk az egyedi emailről levelet küldeni, míg a POP3 a levelek letöltésért felel.
+Első körben tisztázzuk a fogalmakat. Röviden és nagyon egyszerűen: az SMTP a levélküldésért felelős protokoll, azaz ennek a segítségével tudunk az egyedi emailről levelet küldeni, míg a POP3 a levelek letöltésért felel.
 
 > A biztonságos kapcsolat érdekében, az SSL/TLS beállításokat ajánlott használni.
 
@@ -39,10 +39,10 @@ Navigáljunk a **Beállítások > Fiókok és Importálás** fül alá, ahol kez
 
 A **Fiókok és Importálás fül alatt**, az "_E-mailek ellenőrzése más fiókokban_" szekció alatt adjunk hozzá egy új fiókot. Az email cím megadása után, válasszuk a POP3 alapú letöltést majd adjuk meg a szolgáltatótól kimásolt POP3 adatokat. A sikeres hitelesítést követően a megadott emailre érkező leveleket a Gmail automatikusan letölti és megjelenik a postaládában.
 
-Miután beállítottuk a levélfogadást jöhet a levélküldés: A **Fiókok és Importálás fül alatt**, az "_E-mail küldése erről a címről_" szekció alatt adjunk hozzá egy új címet. A következő lépésben meg tudjuk adni a szükséges adatokat, amelyeket korábban kimásoltunk a szolgáltató adminfelületéről. Ez esetben az SMTP adatokra van szükségünk. A POP3-tól eltérően itt a hitelesítésnek egy extra lépése van – ezért volt szükség a POP3 beállítására előbb. A rendszer elküld egy hitelesítő kódot az általunk integrálandó email címre, amelyet vagy bemásolunk az ablakba, vagy az emailben található link segítségével fejezzük be a folyamatot.
+Miután beállítottuk a levélfogadást jöhet a levélküldés: A **Fiókok és Importálás fül alatt**, az "_E-mail küldése erről a címről_" szekció alatt adjunk hozzá egy új címet. A következő lépésben meg tudjuk adni a szükséges adatokat, amelyeket korábban kimásoltunk a szolgáltató admin felületéről. Ez esetben az SMTP adatokra van szükségünk. A POP3-tól eltérően itt a hitelesítésnek egy extra lépése van – ezért volt szükség a POP3 beállítására előbb. A rendszer elküld egy hitelesítő kódot az általunk integrálandó email címre, amelyet vagy bemásolunk az ablakba, vagy az emailben található link segítségével fejezzük be a folyamatot.
 
 ## 4. Összegzés
 
 Ha a fenti lépések hiba nélkül lefutottak, a Gmail fiókunkból tudjuk kezelni az egyedi emaillel kapcsolatos leveleinket. Fogadni és küldeni is egyaránt tudunk.
 
-Ez a megoldás azért lehet kézenfekvő és kényelmes, mert így nincs szükség egy külső alkalmazásra vagy a szolgáltató által biztosított webmail felületre, hogy leveleinket kezeljük. Mindent egy helyen, kényelmesen tudunk intétni.
+Ez a megoldás azért lehet kézenfekvő és kényelmes, mert így nincs szükség egy külső alkalmazásra vagy a szolgáltató által biztosított webmail felületre, hogy leveleinket kezeljük. Mindent egy helyen, kényelmesen tudunk intézni.