webdesign / development + awesome
archivovaný archívny archív
Robíme WordPress #3 - WordPress Loop
napísal yablko, 17 May 2012
Vylepšíme tému, rozložíme ju na viac template files a tie rozhýbeme WordPress Loop-om.
WordPress Loop je akýsi základný stavebný kameň WordPressu.
Keď si vyžiadame vo stránku, WP sa pozrie do nastavení v dashboarde, podľa nich vytiahne príspevky z databázy a uloží si ich. WordPress Loop je funkcia, ktorá k týmto uloženým informáciám pristupuje a po jednej nám ich všetky dovolí vypísať a robiť s nimi veci.
A to si ukážeme.
A ukážeme si aj HTML5 a veci okolo.
Pretože v našej téme budeme používať nové HTML5 elementy.
A to všetko do ľúbezných rytmov kráľa fontány, Vasha P.
Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj finančne podporiť, ak chceš viac videí častejšie:) Dík! Prípadne ma sleduj skrz @yablko.
Stiahnite si vyrábanú tému: amazeballs_v023.zip
30 komentárov
[ 
]
]
Robíme WordPress #2 - Úvod do tvorby tém
napísal yablko, 8 May 2012
Dnes si vytvoríme prvú vlastnú tému, yay!
Bude veľmo veľmo jednoduchá, žiadne zázraky nečakajte. Ale bude.
Témy:
- sa starajú nielen o výzor ale aj o funkcionalitu
- sú kolekcia súborov, ktoré spoločnými silami dajú stránku do pohybu
- potrebujú minimálne 2 súbory - style.css a index.php (napríklad)
- môžu okrem Template Files obsahovať súbor functions.php
- existujú
A tak ďalej. Pozri si video, dozvieš sa viac:)
Ospravedlňujem sa za kvalitu zvuku, je menej než ideálna. Snažil som sa odfiltrovať kopu okolitého rámusu, z čoho mi vychádza, že by mi niekto z vás mal kúpiť RØDE Podcaster ;)
Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj podporiť. Dík!
Prípadne ma sleduj skrz @yablko.
Hudba je od Neural Corrosion a dá sa stiahnuť (zadarmo, bitches!) na neuralcorrosion.com. Ak poznáš Stevena Wilsona, prípadne ak sa ti páči psychedelicko-divný rock, budeš tam ako doma.
[ ]
]
Robíme WordPress #1 - inštalácia, prehľad features
napísal yablko, 26 Apr 2012
Čo robíme:
- stiahneme a nainštalujeme wordpress
- prebehneme jeho administrátorské rozhranie (
dashboard) - zbehneme základné features
- ukážem ako cez DB resetnúť administrátorské heslo
- ukážem trik, ako WP nakopnúť do debug módu
- metal
Ak s WP pracuješ, ak ho poznáš, ak ho máš nainštalovaný.. preskoč toto video. Nepozeraj ho. Skapeš od nudy. A nehovor, že som ťa nevaroval;) But there IS metal, so.. je to na tebe.
Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj podporiť. Dík:)
Prípadne ma sleduj skrz @yablko.
Hudba od @tscorbeaux, k stiahnutiu cez bandcamp. Enjoy!
[ ]
]
Robíme WordPress - nový seriál!
napísal yablko, 23 Apr 2012
Hej! Nauč sa jQuery a Nauč sa CodeIgniter majú nového súrodenca! Začal som seriál, nultá epizóda:
Je o WordPresse.
Budeme v ňom robiť stránky a témy a pluginy a widgety a podobné srandy. Bude developersko-dizajnérsky. Nebudem vás teda učiť "písať články vo wordpresse" alebo iný trapas.
Seriál predpokladá základné vedomosti HTML a CSS a PHP a tak vôbec. Ak ich nemáte, počkajte na ďalšie seriály, aj na to príde:)
Volá sa "Robíme WordPress". Predbežne. Asi aj finálne.
"Dizajnovanie pre WordPress" sa mi nepáčilo a "I R WURDPRSS AND SO CAN U" by prešlo, len keby ste všetci šlahnutí jak ja. Takže "Robíme WordPress", lebo je to krátke a výstižné.
So have fun & stay tuned! (It's Bieberific!)
Btw hudba je od @tscorbeaux a dá sa stiahnuť tu. Šikovný chlapec. And ladies? He's totally single.
[ ]
]
Jak to vlastne natáčam?
napísal yablko, 16 Apr 2011
Pozor, toto je už 6 rokov staré, veci neplatia.
Spravím nový článok alebo kurz o robení kurzov.
V súvislosti s mojimi Nauč sa jQuery a Nauč sa CodeIgniter videami často dostávam otázku: "Jak to vlastne natáčaš?"
1. notebook: tu sa deje všetka sranda. Tu nahrávam, píšem kód, ukazujem výsledky v prehliadači.. Vidíte, že otvorené okno nie je maximalizované. Snímam totiž len tú časť obrazovky, kde sa niečo deje. Ostatné nikoho nezaujíma, plus takto ušetrím pár pixelov :)
2. druhý monitor: tu mám poznámky a prípravu. Počas prípravy samotnej veci, ktorú budem v tutoriály vytvárať, si zapisujem postup a myšlienky, ktorým sa chcem venovať. Aby som vedel o čom chcem kecať a v akej postupnosti. Občas tam mám odrážky, občas celé vety, občas kusy kódu.
3. mikrofón: do tohto kecám. Logitech USB Desktop Microphone. Nie je to žiadna sláva, ale rozhodne lepšie ako ten notebookový. Kľudne sa mi ale môžte poskladať na nejakú mašinu a dať mi to na Vianoce alebo niečo. Nebudem proti :) Výhoda je, že ho stačí pripojiť cez USB a šlape. Žiaden driver, nič. A potom už len 1 veľký svietiaci button - keď svieti nahráva, keď nesvieti je ticho.
4. podložka pod myš :) za normálnych okolností ju nepoužívam, ale behať myšou po stole robí slušný rámus. Kto pozeral prvé videá vie o čom hovorím :)
Nahrávam v 1280x720, čo je klasické 720p HD rozlíšenie a tiež veľkosť okna, ktoré snímam. Na export používam Youtube HD preset, ktorý si nepamätám, či tam bol od začiatku alebo som ho vytvoril sám. Každopádne, stiahnite si ho tu :)
Ok, už vieš čím, ešte by sa zišlo vedieť ako. Good news everyone! Prečítaj si môj návod Ako spraviť dobrý videotutoriál :)
[ ]
]
Yellow fade efekt v jQuery [video]
napísal yablko, 11 Oct 2010
Čo najčastejšie vidíte po úprave profilu? Správu typu "Váš profil bol úspešne upravený". V dnešnej dobe preplnených stránok je ale často problém všimnúť si už len túto správu, nie ešte práve upravený element, na ktorý sa správa vzťahuje.
Yellow fade technika od 37signals proti tomu bojuje šikovným spôsobom - element sa cez JavaScript zvýrazní žltou farbou, ktorá postupne zmizne. To zaručene získa pozornosť a človek hneď vie, na čom je. Like this:
Video ukazuje a vysvetľuje implementáciu yellow fade efektu na stránke, na ktorej práve makáme. Používame jQuery a ideme na to bez pluginov a dodatočných súborov. Riešenie možno nie je ideálne (ani univerzálne), rozhodne je však dostatočne obskúrne a tým pádom hodné podelenia o :) Ostatne pointou týchto videí je predstaviť užitočné koncepty a ukázať veci, ktoré ste (nielen) o jQuery možno nevedeli.
[ 
]
]
Hráme sa s formulármi, CSS3 a jQuery [video]
napísal yablko, 7 Oct 2010
Aké jednoduché je vytvoriť formulár ako tento od nuly? Takto jednoduché:
Klikni na "povedz mi o tom viac" a dozvieš sa, ako presunúť labels priamo do inputov, ako zariadiť aby zmizli, keď do nich človek klikne a iné JavaScript srandy (warning: includes jQuery).
[ 
]
]
