webdesign / development + awesome
archivovaný archívny archív
Webrebel verzia ZDARMA
napísal yablko, 12 Dec 2014
Pridali sme do Webrebel kurzu verziu zdarma, ktorá obsahuje prvých 15 kapitol HTML a CSS kurzu. S tým, že ak sa vám videá budú páčiť, môžete si dokúpiť všetky ostatné.
Pri všetkých verziách to funguje tak, že dostanete prístup do aplikácie, kde môžete sledovať videá, diskutovať a budete cez ňu mať prístup k materiálom a domácim úlohám, ktoré tam budem uploadovať. Domáce sú dobrovoľné;)
Full disclosure: aplikácia zatiaľ nie je 100% hotová, preto je pri free verzii kurzu napísané, že videá sa odomknú 8. januára, spolu so všetkými ostatnými. Ja tlačím na to, aby sa free videá odomkli okamžite, keď bude aplikácia done. Čiže je možné, že na ne nebudete musieť čakať do januára. Tak by sa mi to páčilo.
Ok, takže behnite na webrebel.sk a hláste sa! Prípadne dajte babke vianočný darček a prihláste tú. Spolu s celou rodinou. A všetkými kamarátmi. Tak.
5 komentárov
[ 
]
]
Vektorové obrázky, nový img srcset atribút, HTML <picture> element
napísal yablko, 8 Dec 2014
S obrázkami je to v dobe retín komplikované. Webrebel kurz venuje niekoľko videí tematike zobrazovania obrázkov na displejoch rôznej veľkosti/hustoty. Toto je jedno z nich, kde sa pozerám na vektory a novinky v HTML - nový <img srcset> atribút a nový <picture> element. Yep, HTML má nový element!
Prihlásiť na kurz sa dá do janára, takže šup šup!
Viac info o kurze tu.
[ ]
]
Ukážka WEBREBEL kurzu
napísal yablko, 8 Dec 2014
HTML 01: Úvod do HTML/CSS kurzu
Na ochutnávku zopár videí z webrebel.sk kurzu.
Aby ste videli, že je to skutočná vec, ktorá existuje:)
:: HTML 03: Formátovanie textu v HTML
:: HTML 10: Úvod do CSS, CSS vlastnosti, CSS selektory a deklarácie
:: Responsive 01: Úvod do responzívneho webdizajnu
:: Responsive 08: Box-sizing: border-box, CSS funckia calc()
:: Responsive 20: CSS3 Transforms, CSS3 Transitions
Prihlásiť sa dá do janára, takže šup šup!
Viac info o kurze tu.
[ ]
]
CSS Flexbox, CSS display: flex
napísal yablko, 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 yablko, 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
- 00: Začiatok HTML/CSS kurzu
- 01: Úvod do HTML, HTML tagy a prvá stránka
- 02: Doctype a kostra HTML dokumentu
- 03: Formátovanie textu v HTML
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
- 01: Úvod do responzívneho webdizajnu
- 02: Static vs Liquid vs Adaptive vs Responsive
- 03: CSS media queries
- 04: Prerábka statického blogu na adaptívny dizajn - hlavička
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
- 01: Úvod do JavaScriptu a jQuery
- 02: Úvod do programovania - Javascript konzola a premenné
- 03: Úvod do programovania - čísla a reťazce
- 04: Úvod do programovania - polia a objekty
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ý
[ ]
]
Nové videotutoriály
napísal yablko, 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.
[ 
]
]
Notebook, adaptér a hluk v reproduktoroch
napísal blade, 11 Feb 2013
Po pripojení notebooku k reproduktorom alebo k nejakému audio systému dosť často nastáva problém, že namiesto ticha ide z reprákov dosť veľký hluk z notebooku. Niečo takéto:
To kliknutie pred koncom je zvuk ako som odpojil adaptér od notebooku. Rámus evidentne zmizol. Podobná vec sa deje aj keď pripojíte monitor cez VGA - obraz sa vlní a šumí. Dlho ma trápilo čo je to za hovadinu a ako šum odstrániť, tak som sa konečne odhodlal o tom napísať.
Všetok tento trapas sa deje iba v prípade, že notebook aj reproduktory sú pripojené do elektriny "trojitou" zástrčkou (to je tá s dierkou) alebo ak sú k reproduktorom s obyčajnou zástrčkou pripojené 2 zariadenia s trojitou zástrčkou. Podobne s monitorom.
Problém je v tom, že vznikajú zemné slučky (anglicky ground loops). Na wikipédii je to, samozrejme, maximálne blbo vysvetlené, ale v zásade ide o to že zle navrhnuté zariadenia (ako napríklad adaptér) menia potenciál zeme a vďaka slučkám pomedzi zariadenia premáva neželaný prúd a robí hluk. Alebo také niečo.
Update: pridal som druhú, menej hackerskú metódu
[ 
]
]
