L

A változások ideje

Szánalmas.

Ennyivel tudom jellemezni a mostani helyzetet. Tudom, hogy rengeteg rosszat él át az ember, mint ahogyan mostanában én is. Elkezdtem magamba fordulni. Ez meglátszik a blogbejegyzéseimen is. Olyan bejegyzéseket írtam, ami sokszor nem is a programozásról vagy a szakmáról szól, hanem arról, hogy sajnáltattam magam.

Tudom, hogy jelenleg nem vagyok ismert, a blogomat alig látogatják, de mi lesz, amikor felpörög és mindenki azt látja, hogy egy elkeseredett, nulla önbecsüléssel rendelkező ember bejegyzéseit olvassa. Egyből elveszem a kedvét a blogom olvasásától. Tehát itt a változtatás ideje. Ez az utolsó olyan bejegyzés, amiben bármilyen "panaszos" mondatot kiejtek.

Mit takar a "vh" és a "vw"?

Mint azt az előző bejegyzésemben is bemutattam van néhány újabb mértékegységünk, amit használhatunk a sitebuild során.

Az eddig ismert méretezési egységeink:

  • px
  • em
  • pt
  • rem
  • %

Amit pedig most fogunk kicsit körbejárni:

  • vh
  • vw

Jah és ne hagyjuk ki őket sem:

Font méretezés "rem"-mel

Elég heves viták folynak napjainkban is a megfelelő fontméret egységek kiválasztásában. Sajnos rengeteg előnye és hátránya is van a különböző technikáknak és nem ez az egyetlen felmerülő kérdés velük kapcsolatban.

Két fő technikát használunk/használtunk a CSS3 megjelenéséig.

  • Font méretezés pixelben
  • Font méretezés em-mel

Mielőtt bármibe belekezdenénk vegyük sorra, mik a rég bevált módszerek.

Visszajelzések

LeoamrosLeoamros 2015.02.26.

Nem utálatos dolog, mikor napokat, heteket, esetleg hónapokat dolgozol egy projekten, aztán a megrendelő egyetlen apróság miatt hord le?

Persze nagyban függ attól, hogyan mondja:

  • Tudom sokat dolgoztál a projekten, amit nagyon köszönök, jó munkát végeztél. De felfedeztünk egy apróságot...

  • A(z) _____ nem működik. Az egész szar.

Ugye elég eltérő módon hat rád a két különböző megközelítés? Míg az elsőben elismerik a munkádat, megköszönik és a megbántásod nélkül közlik veled, hogy egy "bogárka" került a projektbe, addig a másodikban egyetlen apróság miatt a teljes projekt szar.

PHPMailer - Karakterkódolás

Ha PHPMailerben a feladó vagy a levél kódolása nem megfelelő, elég csúnya eredményeket kapunk. Még a nagyobb cégeknél is sokszor előfordul, hogy a kiküldött levél nagyon gáz. Ha nem megfelelően kódoljuk az emailt, akkor teljes lesz a káosz.

Fontos, hogy maga a generáló php fájl is ugyanolyan kódolásban legyen, mint amilyenben a kiküldött emailünk lesz. Ma már szerintem alap, hogy mindenhol UTF-8 kódolást használunk, nekem a program fel sem ajánlja, hogy más kódolásban hozzam létre a fileokat.

Másik fontos dolog, ha az emailben szereplő adatokat adatbázisból kérdezzük le, akkor az adatbázis kapcsolatot és az adatbázisokat is érdemes ugyanúgy UTF-8 kódolással létrehozni.

Tanulj meg nemet mondani

LeoamrosLeoamros 2015.02.25.

Egy átlagos hét 40 munkaórából áll. Ezt a legtöbb esetben be is tudod tartani, de persze vannak olyan helyzetek, amikor 60, 70 vagy akár 80 órákat is le kell dolgoznod hetente, hogy a megadott határidőt tartani tudd. A főnök azt mondta, hogy az említett időpontra kész kell lenni. Ennyi. Vitának, ellenvetésnek helye nincs. Készen leszünk.

A főnök azt mondta, ha törik, ha szakad, a rendszert indítani kell az adott napon. Legtöbbször a főnök a saját vagyis a cég érdekeit nézi. Az ügyfél nagy, kell a bevétel, nem sülhetünk fel. Nem mersz ellenszegülni, nem mered kimondani a kulcsszót, hogy nem fog menni. Pedig a profivá válás egyik feltétele, hogy megtanulj nemet mondani.

A 80 órás munkahétnek a legnagyobb hátránya, hogy agyilag kétszeresen ki vagy használva. Ez 5×16 óra. Természetes, hogy nem tudsz jó kódot írni. Tele van hibákkal, átláthatatlan és a legfontosabb bővíthetetlen vagy nehezen bővíthető. Ha rövid a határidő, kapkodnod kell, átgondolatlanul írod a kódot, hogy meg tudd időre csinálni a programot.

Spam! Spam! Mindenhol...

Alap sztori.

Ülök a gép mellett, épp egy PAYU rendszert rakok össze, mikor egy adat miatt meg akartam nyitni a mail fiókomat. 2 új email. Nincs is vele gond, fel vagyok iratkozva egy pár hírlevélre, gondoltam tőlük kaptam valamit. Szeretem rendben tartani a mail fiókom, így minden mappázva van. Az összes ritkán használt mail fiókom is egybe van irányítva. Így mindent egyből el tudok olvasni.

Tehát ez nem a megszokott hírlevél, hanem egy tök idegen.

Kedves Lacy!

Hogy mi a jó büdös anyád? Soha nem adom meg így, csak facen vagyok Lacy. Érdekes. Gyorsan keresgéljünk kapcsolatot, hogy ki a franc a "titkos" feladó. Azért "titkos", mert nevén nem nevezzük, de amúgy a levelében kb a levél fele csak a cég logója.

Tervek a jövőben

Tovább fejlődni

Az első és legfontosabb haladni tovább a profi programozó címért ezzel együtt a jó programozó követelményeit is folyamatosan teljesítenem kell. A gyakorlás egyik előnye, hogy folyamatosan bővülnek a tapasztalataim. Minden reggel, mielőtt elkezdek a tényleges munkával foglalkozni, leülök a gép elé, és egy kisebb feladatot megoldok. Ennek előnye, hogy ezek a feladatok rögzülnek, így gyorsabban meg tudom oldani a feladatot. Első reggel, mikor elkezdtem ugyanez a feladat fél órát vett igénybe, mára 5 perc, eközben a kódom mérete csökkent, a sebessége pedig nőtt. Ehhez persze kellett az, hogy minden alkalommal újratervezzem a kódrészletet, és mindig egyszerűsítsek rajta.

Saját project

Aztán kicsit fel szeretném pörgetni a függőben lévő fejlesztésemet. Sajnos az elmúlt időszakban a saját projectemel nem volt időm foglalkozni, így a fejlesztése is leállt. Most újra elővakartam a backup mappa mélyéről, és elkezdtem átformálni, hogy a régi kódom kicsit átláthatóbb legyen, könnyebben bővíthető és természetesen gyorsabb. Most épp az egyik lekérdezésnél szenvedek, mert nagyon megdobja a memóriát. Alap esetben mindig alacsony a memóriafogyasztás, majd a lekérdezés után 150%-kal megnő. Persze, rengeteg adattal dolgozok, így nem csoda, de a lekérdezést át kellene alakítanom, hogy ténylegesen csak annyi adatot kérdezzen le, amennyivel az adott helyzetben dolgozni fogok. Ezáltal nem lesznek felesleges tömb elemek, melyek plusz memóriát foglalnak. Így számításaim szerint csak duplázódni fog maximum a memória használat. Ami már elfogadhatóbb. Persze, minden alkalommal, mikor ránézek a kódra, jön egy újabb ötlet, még egy kis fejlesztés, egy kis egyszerűsítés, így folyamatosan lefelé tornázom a terhelést.

Blender Render

3d
LeoamrosLeoamros 2015.02.23.

Már régóta tervezem, hogy kicsit bővítem a tudástáramat és elkezdek valami új dologgal foglalkozni. A grafikához hülye vagyok. Tudom kezelni a PhotoShopot, tudok kész designt szétfaragni, ismerem a toolokat. De ha leültetnél, hogy tervezzek egy weboldalt, igen nagy bajban lennék. Az alapokat meg tudnám csinálni, de tipográfiailag nulla lenne, nem harmonizálnának az elemek, és sorolhatnám még. Egyszerűen nem vagyok grafikus. Nem is tanultam, de komolyabban nem is érdekel.

A sitebuild is hasonló a grafikához. Meg tudom csinálni, de akinek ez a foglalkozása, sokkal jobban vágja, hogy hogyan tudja egyszerűbben, kevesebb html kóddal, kevesebb css-sel megcsinálni. Nekem a Bootstrap alap az első, amit behúzok, próbálkoztam a Fundationnel is, de még arra nem éreztem rá. Tehát tuti, hogy egy sitebuilder jobban megírja a html kódot, mint én.

Végül a szakmán kívül választottam egy új hobbyt. Belekezdtem a 3D megtanulásába. Tudom, ehhez is kell grafika, látásmód, stb. De jobban átlátom a 3D-t, mint a grafikát. Egy 3D-s grafika annyival könnyebb számomra, hogy a 3D-s térben elhelyezett dolgokat jobban látom, mint a sík felületeket. Egy weboldalnál legtöbbször 2D-ben kell gondolkodni. Mikor bejött a box-shadow, mindent árnyékolni akartam, hogy kiemelkedjen optikailag a térből. Aztán a végeredményt nem részletezem. Le kellett vennem az árnyékokat, hogy tűrhető legyen a weboldal.

Tehát, mivel Kubuntum van, így a Blender lett a kis kedvenc.

Tejüveg (frosted glass) effekt SVG-vel

A napokban elég sokat olvastam a különböző css effektekről. Sokszor van, hogy a grafikus speciális effekteket pakol egy-egy képre és ezeket meg kellene próbálni a lehető legélethűbb módon visszaadni. Ilyen effekt a mai tejüveg effekt vagy angolul a frosted glass effect.

GIMP alatt készítettem egy mintát, hogy körülbelül milyennek kellene lennie a a végső képünknek.

Nekünk innen az 5 pixelnyi külső keret fog kelleni. Ez is egy olyan effekt, amit legtöbbször a kép túlvágásával érünk el, így ha módosul a háttér, változtatunk a környezeten, akkor a képet ismét körbe kell vágni, és ráadásul pngben kell elmentenünk, ami az átlátszóság miatt jóval nagyobb méretű lesz.

Tehát, most el kell dönteni, hogy mit használunk. Első körben teljesen CSS alapokon akartam megcsinálni blur filterrel és CSS maskkal, de a böngésző támogatottságunk még mindig nem teljes. Canvast is használhatnánk, de ahhoz javascript szükséges. Így marad az SVG, aminek a böngésző támogatottsága is jó.

Leoamros

X

Üdv! Ha még személyesen nem ismerjük egymást, Smajda László vagyok, de szólíts csak egyszerűen Laccának vagy Leoamrosnak. Olyan netbúvároknak osztom az észt, akik szárnyaikat próbálgatják a PHP, MySQL, JavaScript világában, és elakadnak valamelyik folyamat során. Főleg a saját tapasztalatokat írom le, ettől függetlenül kérdezhetsz bátran, lehetőségeimhez mérten válaszolok.

Kategóriák
Címkék
Social Media
Eszközök