Weboldal készítés

A Stackoverflow és a Google a barátunk, viszont nem mindenki ért angolul. Itt begyűjtök pár hasznos dolgot, ami a weboldal készítésnél hasznos lehet.

No Image

Böngésző kliens oldali hibák naplózása szerver oldalon

2017.02.10. legyes 0

Webapp fejlesztéskor felmerül az az igény, hogy valahogy tudni kellene a JavaScript kódban felmerülő hibákról. Persze van az a változat, hogy „Légy szíves nyomj egy Control+Shift+I -t, válaszd a Konzol-t és mondd el, hogy mit látsz”, de ez annyira nem praktikus. A reggeli kávé melletti Facebook postok görgetése közben egy hasznos webes blogra bukkantam, a https://blog.fps.hu -ra. Bejegyzéseikből látszik, hogy a témát náluk is az Élet adja. Ott találtam a témaindító bejegyzést: JavaScript [….]

No Image

XML konvertálása JSON objektummá vagy asszociatív tömbbé PHP-vel

2017.02.08. legyes 0

Annak ellenére, hogy a JSON nagyon hódít – nyilvánvaló okok miatt, még mindig nagyon sokan használnak XML formátumokat. Többek között ilyen az RSS feed is, de az egyik legerősebb marketinggel rendelkező bérelhető webshop API-ja is, a ShopRenteré. XML-el dolgozni viszont rémálom a JSON-höz képest. Így hát felmerült a probléma, hogy  valami egyszerű megoldás kellene, ahelyett, hogy minden XML-t végignézek.

No Image

JSON képes MySQL 5.7 telepítése Debian linuxra

2017.02.06. legyes 0

A NoSQL hullám nagyon hódít, amivel én nem feltétlenül értek egyet, mert azt vallom, hogy mindent arra kell használni, amire való (azaz adatok tárolására, szűrésére, stb. SQL-t). Az egyik fő indok mellette azt szokott lenni, hogy JSON objektumokat lehet benne tárolni és azokkal lehet dolgozni. Így  kliens oldal eleve készen kapja, nem kell a backenden összerakni és szétszedni újra és újra.

No Image

jQuery: Form serialized $.post, fájlokkal is

2016.11.23. legyes 0

Eddig Stackoverflow-ról ellesett serializeObject() függvényt használtam a célra, de jött az az igény, hogy fájlokat is kellene küldeni a postban. Keresgéltem, de vagy szörnyen körülményes vagy félkész megoldásokat találtam csak. Így egyesítettem a találtakat: <form id=”form_new” action=”#” enctype=”multipart/form-data”> <input id=”szoveg1″ name=”szoveg1″ type=”text” /> <input id=”szoveg2″ name=”szoveg2″ type=”text” /> <input id=”fajl1″ name=”fajl1″ type=”file” /> </form>

No Image

Facebook megosztás: Nem frissül az előnézeti kép

2016.09.29. legyes 0

Aki készített weboldalt és vette rá a fáradtságot, hogy beleássa magát legalább az alapvető SEO-s dolgokba, akkor tudja, hogy a Facebook OpenGraph sémás metaadatokból olvassa fel a megosztáshoz használt adatokat. Fejlesztés, tesztelgetés, optimalizálás közben viszont feltűnhet, hogy hiába írjuk át ezeket az adatokat, a Facebook akkor is azt a képet/címet/leírást teszi be, amit még először adtunk meg neki. Sajnos ez azért van, mert a Facebook gyorsítótáraz és még a gyórsítótárat [….]

No Image

Saját megosztás gomb készítése

2016.09.25. legyes 0

Azoknak, akik nem szeretik a bigdata szörnyet etetni: Facebook: http://www.facebook.com/share.php?u=[URL]&title=[CIM] Ha az OpenGraph metákat szeretnénk használni, akkor jQuery-vel így tudjuk megoldani: $(‘.fb-recommend-link’).off(‘click’).on(‘click’, function(){ try { FB.ui({ method: ‘share_open_graph’, action_type: ‘og.likes’, action_properties: JSON.stringify({ object: window.location.href, }) }, function(response){}); } catch(e){} }); Az action_type lista itt található: https://developers.facebook.com/docs/reference/opengraph/ Twitter: http://twitter.com/intent/tweet?status=[CIM]+[URL]

No Image

Kereső-optimalizálás: meta adatok

2016.09.25. legyes 0

Alap meta adatok Weboldal típusa és kódolása: <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> A tartalom/weboldal nyelve: <meta http-equiv=”Content-Language” content=”hu-HU” /> <meta itemprop=”inLanguage” content=”hu-HU” />

No Image

Firefox selected=”selected” figyelmenkívül hagyás (frissítéskor) bug hack

2016.06.22. legyes 0

Most tudtam meg, hogy a Firefoxnak van egy olyan bugja, hogy a selected=”selected” attributumot figyelmen kívül hagyja frissítéskor. Az egyik megoldás a stackoverflow szerint, ha minden egyes selectbe teszünk egy autocomplete=”off” -ot is. Némi kísérletezés után erre jutottam, remélhetőleg jól működik mindenhol: $(document).ready(function(){ $(‘select option[selected=”selected”]’).each(function(){ $(this).closest(‘select’).val( $(this).val() ); }); }); Nem túl szép, tudom. Valamint egy kis fejléc hack is segíthet: < ?php header('Cache-Control: no-store, no-cache, must-revalidate'); header('Cache-Control: post-check=0, pre-check=0', [….]

No Image

Apache .htaccess konvertálása nginx konfiggá

2016.03.29. legyes 0

Nem vagyok kibékülve az indiánnal, mert hihetetlenül zabálja a memóriát. Plusz olyan default beállításai vannak, amik utat nyitnak a hackeléseknek. Továbbá a .htaccess fájlok miatt sok esetben biztonsági kockázatot is jelent. Nginx párti vagyok, még ha csak Google alapján konfigolom is. Egyre többször találkozom azzal az igénnyel, hogy Apache-ra írt oldalnak kellene működnie nginx alatt. A Winginx oldala a legnépszerűbb ilyen online konverter, de nekem sohasem volt jó, amit dobott. [….]

No Image

WordPress érdekesség, avagy miért nem jó ötlet fröccsöntött rendszereket használni

2016.03.26. legyes 0

A minap a segítségem kérték, mert egy szerver spammelt, letiltották és azonosítani kellett a baj forrását. Kiderült, hogy feltörtek rajta egy WordPress blogot, és ezzel elég nagy bajt okoztak, ugyanis a WordPress PHP-ja hozzáfért egyéb könyvtárakhoz is, amiben más PHP oldalak futottak. Első alkalommal valószínűleg egy kép plugin hibát kihasználva base64-ben kódolva feljutott pár PHP fájl. Általában a szokásos dolgokra voltak kihegyezve: teljes adatbázis leképezés, amihez a WordPress felhasználója hozzáfér [….]

No Image

PHP: HTML fájl feldolgozása és manipulálása

2016.02.29. legyes 0

Már az elején lelövöm a poént: Ha a PHP saját XML DOM parserét használod, biztosan kevesebb hajad marad a nap végére. A SimpleXML sajnos kevés ehhez, de a csodafegyver itt van: http://simplehtmldom.sourceforge.net/manual.htm . Történt ugyanis, hogy HTML sablon alaján kell PDF-et generálnom. A sablonban táblázatok vannak formázva ( na itt bukott el a PHP XML DOM osztály, mert piszok kacifántos vele xHTML-t manipulálni ), aminek a formázását meg kellene őrizni, hisz’ [….]

No Image

Thai karakter trollkodás

2015.07.19. legyes 0

กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็ ก็็็็็็็็็็็็็็็็็็็็ กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็ กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็ ก็็็็็็็็็็็็็็็็็็็็ กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็ กิิิิิิิิิิิิิิิ A fenti karaktersorozat kb. minden unicode szöveg kiírására alkalmas eszközön problémát okoz. Ráadásul már régóta ismert hibáról van szó. Először akkor kapott hírverést, amikor az iOS eszközökön okozott gondot. A jól megírt weboldalakon a felhasználók által bevitt stringek szűrve vannak a különböző jellegű támadások miatt: XSS, SQL injection, JS injection és sok helyen [….]

No Image

Írjunk magunknak egy bugyuta játékot :)

2012.11.03. legyes 0

Régebben szinte függővé tett a Zandagort nevű játék. Egy tökéletes bizonyíték volt arra, hogy a PHP-MySQL-Javascript (AJAX) is képes lehet élhető és élvezhető játékot kiszolgálni. Sajnos mostanság kissé leáldozóban van a csillaga. Kíváncsi voltam, hogy vajon én képes vagyok-e ilyesmit alkotni? Így hát belekezdtem. Nem hiszem, hogy valaha lesz belőle játék, de megtaláltam a tökéletes hobbit azt hiszem. Hátrányai között van sajnos, hogy ezt is a számítógép előtt kell űzni, [….]