Ale nevedel som, že...

napísal , 20 Jun 2011

Na prvý pohľad to nemusí byť evidentné, ale som prevažne negatívna nátura;) Pesimista, nezriedka. Cynik, občas. Skeptik.

Tieto vlastnosti som vždy považoval za prepojené a bol som za ne rád. Mal som totiž pocit, že ma nútia kriticky myslieť, analyzovať situácie a premýšľať nad dôvodmi a možnosťami. Vlastnosti, ktoré - mal som pocit - mnohým chýbajú.

Štandardný postup, napr. pri nástupe nových technológií, bolo ich zamietnuť. Odsúdiť, pretože boli iné ako tie, na ktoré som bol zvyknutý. Dlhé roky som sa preto držal starých Windowsov a Office-ov, pretože neboli nové. To mi ale časom zrejme prišlo ako nedostatočný dôvod sa ich odmietanie, tak som začal skúmať, analyzovať a hľadať dôvody, ktoré by mi dovolili kľudne ďalej neznášať. Postupom času sa mi podarilo priblížiť sa zdravým ľudom a začal som si všímať a hľadať aj pozitíva. Skepticizmus však zostával a nie tá zdravá varianta. Väčšina noviniek (vecí, ľudí) u mňa stále začínala v mínuse a musela pracovať na tom, aby dosiahla neutrálu.

Vždy som mal dojem, že ľudia jednoducho akceptujú všetko, čo im je podhodené. Preto počúvajú tú zlobu v rádiách, preto hrajú tisícu verziu Need for Speedu, obliekajú sa všetci rovnako a čítajú Danielle Steele-ovú. Prišlo mi ako dobrý nápad zabarikádovať sa na opačnej stane a vehementne opovrhovať. A analyzovať a skúmať, aby som to mal čím podložiť. Aby som mal nad "nimi" na vrch. Aby som bol zaručene "lepší".

S týmto súvisí viacero problémov (no shit, huh?).

Strčte si tie definície do... počítača

napísal , 13 May 2011

Keď sa mám niečo v škole naučiť, potrebujem vedieť:

1. na čo je to dobré
2. ako sa to robí
3. prečo by ma to malo zaujímať (big picture)

Prečo sa to robí tak ako sa to robí, prečo sa to nerobí inak a ako by som to zapísal v matematických klikihákoch - teda všetky dôkazy, vety a definície - sú druhoradé. Druhoradé pre tých, ktorým imponuje teoretická matematika. Ostatní to majú prudko u prdele, prípadne ich to spoľahlivo odradí od celej problematiky.

Matematika je ideálny príklad. Prečo sa jej ľudia boja? Prečo im nejde? Sú blbí? Nie, len nevidia dôvod, prečo mali lúštiť tie "hieroglyfy". Prečo by sa mali učiť novú reč, keď už minimálne jednu - funkčnú a na tento problém plne postačujúcu - majú?

Ak sa mám naučiť postup riešenia problému, nájdem si človeka čo tomu rozumie a vie mi to pekne vysvetliť. Slovenčinou. Angličtinou. Čímkoľvek, zoberiem aj Esperanto, len nech je to ľudská reč! Lúštenie definícií je posledná možnosť a dosť možno sa na celý problém vykašlem predtým, ako sa k tomu uchýlim. Tak dôležité a užitočné to zväčša aj tak nebude.

Normálnou rečou písané knihy na školách samozrejme nikdy neuvidím. To by múdri ľudia predsa nedovolili. Dôvod? Znelo by to "ako pre debilov"? Nuž, možno práve to sme... a? Neznelo by to odborne? Uhm, čo je dôležité, či to znie múdro alebo či ma to niečo naučí? Ale tak hovoríme o školách, tu bola forma vždy dôležitejšia ako obsah... Je to "pod úroveň"? A čo je úroveň? Keď je niekto sprdnutý učiteľom za to, že na hodine nedokázal dokázať nejaký abstraktný matematický koncept? Keď ani nevie, na čo to vlastne celé je?

Školy musia pochopiť, že tieto ultra presné definície a postupy sú vhodné pre roboty a počítače*. A pre hŕstku ľudí, ktorým tento spôsob prirodzene vyhovuje a pomáha. Ale podľa toho čo som zatiaľ videl sú títo v ťažkej menšine. Menšina, ktorá na školách líže smotanu kým my ostatní sa snažíme držať tempo a krok. Prípadne nesnažíme.

Niečo tu nesedí.


* samozrejme keď som prudký borec a potrebujem na vedomostiach stavať a šíriť poznatky s kolegami, sú definície a matematické zápisy super vec - vtedy totiž potrebujem mať všetko definované presne a ideálne v čo najkratšej možnej forme. Ale pre boha živého nie keď som obyčajný človek čo sa snaží naučiť "ako na to".

Jak to vlastne natáčam?

napísal , 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š?"

my setup

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 :)

Camtasia Studio 7
Software balík obsahujúci všetko, čo treba k nahrávaniu videotutoriálov. Nahrávanie, strihanie, export do rôznych formátov. Vie nahrať dianie na obrazovke, tvoj škaredý ksicht cez webkameru a tvoj neznesiteľný hlas cez mikrofón. (<- robím si srandu, ale tie veci to fakt vie:) ) Znie to ako zlá reklama, ale toto používam :)

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 :)

Sucker Punch (2011)

napísal , 1 Apr 2011

sucker punch
by Zack Snyder

Drak naháňa lietadlo z druhej svetovej naložené sporo odetými devami, ktoré robia šrot z robotických samurajov a parou poháňaných náckov. Katanami. V slow motion. Do toho hrá Björk. Kuk:

Best movie ever? Nuž...

Odoslanie formuláru cez Shift + Enter a jQuery

napísal , 30 Dec 2010

Vyskúšajte si ako to funguje.

$(function()
{
	var form = $('#form'); // zmenit podla potreby
	
	form.keydown(function(e)
	{
		if (e.keyCode == 16) form.data('shiftPressed', true);
	}).keyup(function(e)
	{
		if (e.keyCode == 16) form.data('shiftPressed', false);
	}).keypress(function(e)
	{
		if (e.keyCode == 13 && form.data('shiftPressed'))
		{	
			form.submit();
			return false; // OH NO, STOP THE ENTERS!!
		}	
	});
})

Stačí skopírovať uvedený kód a podľa potreby zmeniť riadok var form = $('#form'); Tento predpokladá formulár s id="form".

Funkcionalita sa skladá z troch častí - čo sa stane pri keydown, keyup a keypress. Kto klikne na "povedz mi o tom viac", tomu o tom bude povedané viac :)

jQuery: 3 mini triky

napísal , 16 Dec 2010

1) zradné jQuery.submit()

.submit() je metóda, ktorá sa zavolá pri pokuse o odoslanie formuláru.

$('form').submit(function() 
{ 
	var data = $(this).serialize();
});

V data teraz máme uložený obsah formuláru, ktorý by sme mohli poslať AJAXom ďalej na spracovanie. Pretty sweet. Zrada je v tom, že submit nefunguje, ak máte vo forme element s id="submit" alebo name="submit". Takže pozor na to.

2) vytvorenie nového elementu

Chcem pridať nový div na koniec stránky. $('<div>bla</div>').appendTo('body'); je jedna možnosť. V jQuery na vytvorenie prázdneho elementu však stačí $('<div/>'). Ako druhý parameter môžem poslať object s atribútmi pre tento div. Like this:

$('<div/>', { 
	text: 'bla',
	css: {
		color: 'red'
	},
	click: function() {
		alert('gule');
	}
}).appendTo('body');

Oh btw, toto funguje od verzie 1.4. V starších sa na to ide takto: $('<div/>').text('bla').css(...)... Ale ak fungujete na staršom jQuery, tak prestaňte ;)

3) linky v novom okne pre validných

Môj pohľad na html validáciu už poznáte. Každopádne, ak chcete otvárať linky v novom okne bez toho, aby validátor protestoval, máte problém. V závislosti od doctype.

Za predpokladu, že všetkým linkom pridáte class="ext", pomôže nasledovné:

$('a.ext').attr('target', '_blank'); 

Samozrejme toto nie je jQuery špecifická finta. Point is: vyber elementy na základe class a pridaj im target="_blank".


Ďalšie jQuery tipy a (video)tutoriály nájdete v sekcii.. well.. jQuery.

PHP html/plaintext email

napísal , 12 Dec 2010

Čo to o posielaní mailov sme si povedali v našom článku Informácie o prehliadači v kontaktnom formulári (je to fakt užitočná vec, go check it out). Teraz prišiel čas podeliť sa o php funkciu, ktorá vie posielať html aj plaintext emaily. Naraz. Behold:

/**
 * odosiela multipart spravy - html aj plaintext pre hnilych klientov
 * linky pri plaintext mailoch su zamenene za samotne "href" hodnoty
 * html tagy a uderene charaktery su pri nich odstranene a "<br>" je zmenene na "\n"
 */
function send_mail($from, $subject, $body, $plaintext = NULL, $to = NULL)
{
	// ak neni zadany to, zvoli sa defaultny:
	if (!$to) $to = 'default@mail.sk';

	// zostavi html mail:
	$html  = "<html>\n";
	$html .= "<body style=\"font-family: Verdana, Geneva, sans-serif; font-size: 14px; color:#333;\">\n";
	$html .= $body;
	$html .= "</body>\n";
	$html .= "</html>\n";

	// ak neni zadany plaintext, zostavi sa z povodneho html mailu:
	if ( ! $plaintext)
	{
		// odstrani "\n" a potom nahradi "<br>" za "\n" pre plaintext:
		$body = preg_replace('/<br\\s*?\/??>/i', "\n", str_replace("\n", '', $body));

		// odstrani tagy (okrem <a>)
		$plaintext = strip_tags($body, '<a>');

		// matchne "<a>" tag a jeho "href" hodnotu:
		$pattern = '%<a\s[^>]*href=["/\'](.*)["/\']\s*>(?:.*)</a>%im';
		preg_match_all($pattern, $plaintext, $matches, PREG_SET_ORDER);

		// vymeni nazov linku za "href" hodnotu a na koniec prida medzeru 
		// (vraj to pomaha)
		foreach ($matches as $link)
		{
			$plaintext = str_replace($link[0], $link[1] . ' ', $plaintext);
		}

		// odstrani interpunkciu a prehodi html entities na text
		$plaintext = remove_accents(html_entity_decode($plaintext));

		// prida newline na konci plaintext mailu (bez toho to blbne):
		$plaintext .= "\n";
	}

	# -=-=-=- MIME BOUNDARY
	$mime_boundary = "----AWESOME----" . md5(time());

	# -=-=-=- MAIL HEADERS
	$headers  = "From: $from\n";
	$headers .= "Reply-To: $from\n";
	$headers .= "Return-Path: <default@mail.sk>\n";
	$headers .= "MIME-Version: 1.0\n";
	$headers .= "Content-Type: multipart/alternative; charset=UTF-8; boundary=\"$mime_boundary\"\n";

	# -=-=-=- TEXT EMAIL PART
	$message  = "--$mime_boundary\n";
	$message .= "Content-Type: text/plain; charset=UTF-8\n";
	$message .= "Content-Transfer-Encoding: 8bit\n\n";
	$message .= $plaintext;

	# -=-=-=- HTML EMAIL PART
	$message .= "--$mime_boundary\n";
	$message .= "Content-Type: text/html; charset=UTF-8\n";
	$message .= "Content-Transfer-Encoding: 8bit\n\n";
	$message .= $html;

	# -=-=-=- FINAL BOUNDARY
	$message .= "--$mime_boundary--\n\n";

	# -=-=-=- SEND MAIL
	$subject="=?UTF-8?B?".base64_encode($subject)."?=\n";
	$mail_sent = @mail( $to, $subject, $message, $headers );	
	
	return $mail_sent;
}

Kopírujte, prípadne si stiahnite súbor priamo: awesome_email.zip

Prečo? Nuž, HTML je v emailových klientoch podporované extrémne biedne. Niektoré ho nepodporujú vôbec, iné dokážu správu zhovadiť tak, že sa stane pre mnohých nepoužiteľná. Prudký geek z takého mailu linky vyťažiť dokáže, obyčajný Joe sa tým zaoberať nebude a váš business je ohrozený :P Niekedy to dokonca nemusí byť možné. Ak máte link v tvare <a href="http://awesome.bla/gule">haha link</a> a ono vám z toho náhodou spraví haha link? Useless. Táto funkcia pre plaintext časť emailu vytiahne adresu a zobrazí tú.

Pre väčšiu kompatibilitu odstráni aj interpunkciu a prehodí html entities na text. Keď už osekávame, tak poriadne ;) Na interpunkciu používa funkciu remove_accents, ktorú sme spomínali v článku Generovanie pekných URL. Je súčasťou toho .zipu tam hore.

$from mail, z ktorého bude správa poslaná (od koho)
$subject predmet mailu
$body text mailu
$plaintext ak chceme, môžeme plaintext pridať pridať sami, inak sa vygeneruje z $body
$to mail, na ktorý bude správa poslaná (komu)

Ak sa divíte, prečo sa mail "komu" zadáva ako posledný atribút... častejšie(?) budete chcieť, aby maily boli posielané vám. Prípadne klientom, ak robíte stránku pre klienta. Cez kontaktný formulár napríklad. A vtedy stačí napísať vašu adresu priamo do tela funkcie (namiesto default@mail.sk) a potom používať len prvé 3 atribúty.

Like this: send_mail($_POST['email'], 'Ahoj', 'Smrdí ti.');

Ak to nevyhovuje, nič vám nebráni prepísať si funkciu podľa seba :) Vráti TRUE ak sa mail podarilo odoslať, inak FALSE. Takže tak.

Enjoy. :)