CSS Flexbox, CSS display: flex

napísal , 8 Dec 2014

Floaty neboli nikdy určené pre čarovanie s layoutom stránky. Floaty nám mali len dať možnosť hodiť obrázok do textu a nechať text obtekať okolo neho. My sme ale večne nespokojní a chceme pekné stránky a chceme sa podobať knihám a časopisom a mať hlavičky a pätičky a sidebary a všetky tieto veselosti. Flexbox je prvý CSS modul špeciálne určený pre layout. Vďaka nemu môžeme zabudnúť na všetko to floatovanie a clearovanie a margin: autovanie a iné špinavé odžuby. Vďaka flexboxu CSS vyzerá, že funguje:)

Flexbox, CSS display: flex

Responzívny layout cez CSS display: flex

Flex je pre nás užitočný hlavne pri responzívnom dizajne. A sním je spojený aj nasledovná finta.

Box-sizing: border-box, CSS funckia calc()

Tieto videá sú súčasťou balíčka http://webrebel.sk/.
Kde nájdeš kopu ďalších šikovností.

Videokurz Webrebel: HTML a CSS, Responzívny dizajn, Javascript a jQuery

napísal , 3 Dec 2014

Nový kurz WordPress pre programátora

Posledné mesiace som v tichosti pracoval na velikánskom videokurze, ktorý by pokryl základy font-end developmentu. To sú všetky tie HTMLká a CSSká a Javascripty. Výsledkom spolupráce s learn2code.sk je videokurz, ktorý pozostáva z dobrých 20 hodín videa, rozdelených do cca 115 nových videotutoriálov.

Viac info a samotný kurz na webrebel.sk / cz.

Z mojim predošlých kurzov a videí viete, že s všetko snažím vysvetliť zrozumiteľnou, uvoľnenou slovenčinou, nechcem, aby to znelo ako nudná technická príručka. Snažím sa vysvetľovať tak, ako keby si bol môj kamarát, čo sedí vedľa mňa, čumí mi do monitora a pýta sa otázky. Chcem, aby to bolo pokiaľ možno humorné, pretože keď sa povie programovanie, ľudia si predstavia nudu:) A toto nie je nuda:)

Na týchto videách som si dal extra záležať. Žiadne pauzy, žiadne "hmmmm", žiadne čakanie, kým napíšem 20 riadkov kódu, tieto videá šlapú jak guľa, hodiny a hodiny seriózneho makania:) A majú lepší obraz a ešte lepší zvuk:)

Nebudem nikoho bullshitovať - tieto videá sa predávajú. Ale predtým, než poviete "pffft, to ti já akurát tak móžem", pozrite na to, čo obsahujú. Pretože je toho kurva veľa:)

HTML a CSS

  1. 00: Začiatok HTML/CSS kurzu
  2. 01: Úvod do HTML, HTML tagy a prvá stránka
  3. 02: Doctype a kostra HTML dokumentu
  4. 03: Formátovanie textu v HTML

rozbaliť zvyšných 36 epizód

Toto sú iba niektoré zo stránok, ktoré vytvoríme v rámci HTML a CSS kurzu.

HTML a CSS sú síce absolútny základ, pilier, na ktorom všetko stojí a treba ich mať zmáknuté odpredu-odzadu. Avšak bez responzivity a Javascriptu sa plnohodnotné stránky už nezaobídu. A preto..

Responzívny webdizajn

  1. 01: Úvod do responzívneho webdizajnu
  2. 02: Static vs Liquid vs Adaptive vs Responsive
  3. 03: CSS media queries
  4. 04: Prerábka statického blogu na adaptívny dizajn - hlavička

rozbaliť zvyšných 28 epizód

Do Responzívneho dizajnu som zakomponoval nielen zaužívané postupy, ale aj novinky v HTML a CSS, ktoré sa používať ešte len začínajú - Flexbox layout modul, obrázky cez <img srcset> alebo nový HTML <picture> element. Obrázkom je venovaných niekoľko videí, pretože s nimi je to v tejto dobe mobilov a retín veľmo komplikované.

Javascript a jQuery

  1. 01: Úvod do JavaScriptu a jQuery
  2. 02: Úvod do programovania - Javascript konzola a premenné
  3. 03: Úvod do programovania - čísla a reťazce
  4. 04: Úvod do programovania - polia a objekty

rozbaliť zvyšných 41 epizód

S tým, že počet JS/jQuery kapitol sa rozrastie minimálne na dvojnásobok. Všetky videá budú vypustené na v januári nového roka, tieto Javascriptové práve teraz dokončujem. To je tiež dôvod, prečo stránka webrebel.sk / cz hovorí o 15+ hodinách a ja tu hovorím o 20-tich. Ešte neviem, kam presne to padne, ale je to v tomto rozmedzí a v každom prípade je to hodín veľa:) Edit: je to 20 hodín;) Javascript videí je nakoniec 45.

Tieto Javascript videá majú zmysel aj pre tých, čo sledovali môj Nauč sa jQuery seriál. Pretože aj keď koncepty stále platia, už má chudák nejaký ten rôčik. Tento kurz sa venuje novinkám v jQuery, všetko ukazuje na kompletne nových príkladoch a ukazuje koncepty a pricípy, ktorým sa prvý seriál vôbec nevenoval. Cieľ bol nepoužiť z pôvodného seriálu nič, spraviť všetko na novo a inak. Rozhodne nechcem, aby ste platili za niečo, čo ste už videli zadarmo.

Kompletný balíček všetkých videí stojí 99 eur a dá sa kúpiť na webrebel.sk / cz. Existujú aj lacnejšie a drahšie verzie, takže preskúmajte stránku a vyberte, čo vám sedí. Hlásiť sa môžete okamžite, všetky videá sa odomknú 8. janára 2015 a zostanú vám naveky.

Edit: pridali sme verziu ZDARMA - prvých 15 kapitol a ostatné si môžete dokúpiť.
Viac info o free verzii.

Bolo to naozaj veľa roboty, a ak sa môžem sám pochváliť, je to fakt kvalitný materiál:) Sú to moje najlepšie videá. Tak sa netoto a dajte si vianočný darček a naučte sa robiť stránky, čo sa budete:) A ak nie, dajte vianočný darček niekomu inému! A ak ani to nie, veľmi ocením, aj keď budete tento článok (prípadne odkazy na webrebel.sk / cz) zdieľať po všetkých tých facebookoch a podobných veciach:) Beriem ktorúkoľvek formu pomoci:)

Keď si to tak vezmete, 100 videí za 99 eur, to je ani nie euro na video. To sú tak 4 videá na jeden hambáč v mcdonalde a garantujem vám, že tieto sú výživnejšie:)

Ok, tak veselé Vianoce a dúfam, že tento rok medzi Die Hard a Mrázika zaradíte aj Webrebel videá:)

Edit: pridal som ukážky z kurzu, celé videá, na ochutnanie tu Ukážka WEBREBEL kurzu a tu a tu a na youtube. Na stránke tiež pribudli odpovede na často kladené otázky.

Edit: do komentárov som pridal vysvetlenie, prečo je kurz časovo obmedzený

Je Atom lepší ako Sublime Text?

napísal , 12 Mar 2014

Svojho času som spravil video Sublime Text 2 je lepší ako tvoj editor, medzičasom Github spravil editor Atom.io a teraz je najvyšší čas ho vyskúšať.

V prípade, že blbne youtube a nechce zobraziť video, skúste tu: http://youtu.be/LOFcvAMaUtY

Nové videotutoriály

napísal , 6 Jan 2014

V krátkosti - začal som točiť nové videotutoriály. Chcem prejsť cez základy (HTML, CSS, PHP, MySQL) k ďaľším technológiám, možno jazykom, postupom. Chcem spraviť seriál pre PHP framework Laravel, chcem dokončiť WordPress. Niektoré seriály chcem vydať, až keď budú hotové celé. Čas od času možno vydám video samostatne.

Chcem, aby vychádzali na novej stránke. Začal som na nej pracovať. Neviem, kedy bude hotová. Snáď čoskoro. Neviem, v akom poradí, v akej forme a ako často budú videá a seriály vychádzať. Treba tomu dať čas, treba sa zamyslieť, treba skúsiť, všetko sa uvidí. Niektoré seriály budú možno platené.

Teší ma úspech predošlých seriálov a som veľmi rád, že napriek dlhej odmlke sa stále nájdu ľudia, ktorí chcú viac. Ja tiež chcem. Baví ma to. Zároveň však dúfam, že neutečiete, ak si občas vypýtam nejaký peniaz:) Nie za všetky videá. Za niektoré. Spraviť niečo a spraviť to dobre, stojí naozaj veľa času. A toho voľného moc nazvyš nie je. Snáď sa dohodneme:) Sľubujem, že spravím všetko pre to, aby sa to prípadným platiteľom oplatilo.

Ďakujem za čakanie.
A ďakujem za pozornosť.

Keď budú novinky, podelím sa o ne. Tu alebo na twitteri. Aj keď teda tam budete musieť znášať kopu tutoriálov-sa-netýkajúcich žvástov, takže je to vás:)

Držte palce, nech to ide rýchlo.

Vyser sa na vysokú školu

napísal , 7 Nov 2013

Koľkokrát som počul "Musíš vychodiť vysokú školu, inak si v tomto systéme v prdeli"? Nespočet.
Koľko jobov od rôznych ľudí z rôznych odborov na projektoch z rôznych odvetví som mal? Nespočet.
Koľkí z nich chcel vidieť môj titul? Nula. Nikto. Nikdy.

Ok, raz, ale to bola moja chyba. Keď som zakladal živnosť a povedal som, idiot, že som inžinier. Teta za prepážkou "Áno? Máte diplom?" Dal som jej diplom. Jediný raz čo som ho potreboval a mohol som si za to sám, lebo som otvoril hubu.

Každý normálny zamestnávateľ vie, že papier je len papier.
Kto chce najlepšieho, pozrie sa na jeho robotu, nie na nejaký lajster z fascikla. Bol by to megakretén, kto by do svojej firmy vybral človeka s "lepšou školou" namiesto lepšieho človeka. Je to idiot a nikdy by si pre neho nemal pracovať.

"Hej, tento človek má síce super robotu, ale tento má toľko titulov že sa mu meno nezmenstí na schránku!" a vyberie toho druhého? Aj keď v živote nič nespravil, okrem búdky pre vtákov, ktorá sa za týždeň rozpadla lebo použil clever lepiacu pásku a prišiel vietor? Je to idiot a utekaj od neho preč. Nikdy nechceš brať príkazy od človeka blbšieho jak tvoje ponožky.

Vysoká škola možno zvykla niečo znamenať. Neviem, nežil som. Dnes je to default.
Dnes každý ide na vysokú a vysokoškolák má byť elita, ale keď každý je elita, nikto nie je.

Potom sú ti, čo sa na školu vysrali.
Tí si dnes zaslúžia väčší rešpekt, aké tie ovečky (ako ja), ktoré si vystáli v rade na diplom. Pretože to je to, čo robíš na škole. Vychodiť školu nie je žiadny výkon, vysoká škola je len kurz zotrvačnosti.

To sú ľudia, ktorí mali gule. Tí, čo prestali.
To sú ľudia, ktorí vedeli povedať "Ok, toto stojí za konský prd" a išli radšej robiť to, v čom sú dobrí.
Alebo to, v čom chcú byť dobrí.

Ak toto čítaš a hovoríš si "Pojeb sa ty hulvát, moja škola bola super!" tak výborne! Tento článok nie je pre teba. Ak si hodil šípku do nástenky a zapichla sa do krásneho odboru, ktorí ťa bavil a škola patrila medzi tvoje najkrajšie zážitky a stretol si skvelých ľudí, super. Závidím ti. Tento článok je pre tých, čo študujú tretí ročník a hovoria si "Uh, akurát má to tu sere, ale tak už to dochodím, keď už som tu tak dlho." Im chcem povedať "nie". Ser na to, odíď preč. Ak ťa škola bavila prvé 2 roky a potom si zistil, že je na hovno, odíď. Ak ťa bavila prvé 2 roky a zistil si, že síce nie je na hovno, ale už ťa nebaví, odíď. Nájdi si inú alebo si založ živnosť v niečom čo ti ako tak ide a pracuj koľko treba a zvyšný čas venuj tomu, čo by si chcel naozaj robiť.

Si v životnom období, kedy nemáš poňatia, čo máš robiť. Alebo ak máš, o týždeň to môže byť niečo iné. Tomuto životnému obdobiu sa hovorí "život." Sú ľudia, ktorí vždy vedeli, čo chcú. A potom sú ľudia, ktorí sa vzdali. Vychodili si školičku, našli si robotu do ktorej sa zašili a strávili celý život presviedčaním sa, že je to celkom ok. A potom sú tí ľudia medzi, ktorí plávajú a nevedia kde zakotvia a možno niekde zakotvia a možno nie, ale zakotviť a vzdať sa by mal byť rozdiel. Ak ťa škola bavila a už nebaví, vyser sa na ňu. Ten papier nikto nechce vidieť.

Robíme WordPress #7 - Jarné upratovanie a editácia dashboardu

napísal , 2 Feb 2013

Dnešné video je plné škaredej roboty, na konci ktorej nie je víťazstvo, ale treba ju spraviť. Upraceme rozbordelený functions.php, zakážeme WordPressu generovať žvásty a upravíme admin dashboard, pretože môžeme.

Mám Mac

napísal , 7 Dec 2012

Kto sleduje môj twitter n stuff si mohol všimnúť, že som prešiel na Mac. Na mojom stole sa vedľa seba váľajú ThinkPad a Macbook Pro, takmer vlajkové lode oboch strán. A chcem hneď ujasniť nasledovné - sú to len počítače.

Na IT svete ma irituje mnohé, na vrchu rebríčka sú ale tie nekonečné žabomyšie vojny jeho obyvateľov. Týkajúce sa nástrojov ktoré používajú. Nástrojov. Pôsobíme v oblasti, kde nepohnúť sa z prdele a klikať do myši je brané ako robota a robotu robí roboš. A ako často vidíš robošov do krvi sa hádať kto má lepšiu lopatu?

Počítače a aplikácie a programovacie jazyky sú naše lopaty. Všetky v konečnom dôsledku robia to isté, len sa držia a vyzerajú trochu ináč. Používaj tú, ktorá ti sadne, po ktorej ti v rokách zostáva najmenej triesok a vedz, že nemáš objektívnu pravdu. Sedí tebe, druhý z nej má kŕče. Je to o zvyku a pocite.

A tak mám Mac. Kúpil som ho, pretože som nechcel byť jeden z tých somárov, čo nadávajú na vec, ktorú nikdy reálne neskúsili používať. A tiež preto, že som potreboval zmenu prostredia. IT veci sú často nezáživné a vedia byť monotónne jak robota pri páse. Všimol som si, že čas od času mením programy v ktorých pracujem, nie nutne preto, že by som s nimi bol nespokojný, ale preto, že ak ešte raz uvidím toto okno s týmto rozložením ikoniek, asi sa odstrelím. A prejsť na Mac so všetkým všudy mi prišla ako ultimátna zmena prostredia.

Čo sa spomínaného pocitu týka - je pravda, čo sa o Macoch hovorí. Pôsobia čistejšie. Viac focused. Smooth. Čo sa týka zvyku - každý prechod je kostrbatý. Hlavne z niečoho, čo používate celý život. Som zvyknutý na Windows.