webdesign / development + awesome
Sublime Text 2
napísal yablko, 25 Jan 2012
Sublime Text 2 je lepší ako tvoj editor.
Sťahuj:
:: sublimetext.com/2 - stabilná verzia
:: sublimetext.com/dev - dev build
Je šikovný a nelezie do cesty
- rýchly, svižný, krásne čistý - ako "jednoduchý" textový editor
- napriek tomu zvláda IDE fičúry
- a ako dobre pri tom vyzerá
- všetko reaguje okamžite, nič netreba zbytočne potvrdzovať [ pozri video ]
- viac okien v jednom okne, minimapa súboru, full-screen nothing but text mode...
CTRL/CMD + P
- "go to anything"
- extrémne rýchle prepínanie / otváranie súborov
- súbory vyhľadáva naprieč celým projektom - napíšem "Controllers php" a dostanem zoznam všetkých php súborov v Controllers adresári a je jedno, ako hlboko je zahrabaný
- vyhľadávanie je fuzzy, takže stačí keď sa trafím približne
- zobrazenie všetkých metód / funkcií v súbore - CTRL + R / CTRL + P + '@'
- choď na riadok / goto line - CTRL + G / CTRL + P + ':'
CTRL/CMD + SHIFT + P
- to isté ako CTRL+P, ale pre samotnú aplikáciu
- instantný prístup ku všetkým položkám v menu aplikácie
- sweeeeet [ pozri druhé video ]
Čítaj celý článok pre nálož tipov a trikov a linkov a odkazov a cheat sheetov a packagov a druhé video a druhý príchod krista a tak.
115 komentárov
[ 
]
]
Klávesové skratky pre švárnych junákov
napísal yablko, 17 Jan 2012
Ak ste ako ja, neustále prepínate medzi slovenskou a anglickou klávesnicou, pretože keď sa tvárite, že programujete, tak ste anglický a inak ste slováčisko, pretože "dž" a "ä" a tieto veci. Ak ste ako 81403, programujete na slovenskej, pretože ste divní. Tieto skratky môžu pomôcť:
| alt + , | < |
| alt + . | > |
| alt + f | [ |
| alt + g | ] |
| alt + b | { |
| alt + n | } |
| alt + p | ' |
| alt + 3 | ^ |
| alt + q | \ |
| alt + w | | |
| alt + e | € |
| alt + v | @ |
| alt + ô | $ |
| alt + - | * |
| Fn + p | * |
| alt + 1 | ~ |
"ô" je to napravo od "L"
"-" je to naľavo od pravého shiftu
"fn + p" nemusí fungovať všade
"-" je to naľavo od pravého shiftu
"fn + p" nemusí fungovať všade
Ak nefungujú, skúsiť pravý alt :) Alebo ctrl + ľavý alt.
Pretože pravý alt je ctrl + ľavý alt.
Pozn. 81403: situácia je taká, že na starých klávesniciach boli všetky tieto znaky vypísané (okrem ' < > a *), ale v dnešnej dobe by toto mohlo byt aj relatívne užitočné, lebo napríklad ja nemám na klávesnici napísané žiadne ALTové kombinácie... so yeah.
Takže sa učte a dajte vedieť ďalším súcim devám.
[ 
]
]
Z Opery na Google Chrome
napísal yablko, 5 Dec 2011
Po rokoch prevažnej spokojnosti som z Opery prešiel na Chrome. Prečo?
Opera prináša novinky, je rýchla jak sviňa a pýši sa extrémnou customizovateľnosťou (take that, slovenčina!). Vďaka Nórskym junákom máme v prehliadačoch srandičky ako speed dial, mouse gestures, zoznam naposledy zatvorených stránok a taby (áno, tie taby). A asi 4 tisíc ďalších vecí, ktoré nikto nikdy nechcel. Prístup Opery je totiž v každej verzii na stenu hodiť 50 nových fičúr a čo sa neprilepí, v ďalšej niekam upratať. Na rozdiel od konkurencie má teda Opera všetko čo existuje a potom ešte kopu navyše a je na nás, čo budeme používať.
A to je OK. Mať sa s čím hrať a mať stále čo objavovať je fajn, mňa však už tie neustále zásahy do rozloženia prvkov a usporiadaní menu prestávajú baviť. Vďaka bezkonkurenčnej možnosti si prehliadač upraviť ako chcem, si ho síce vždy môžem upraviť ako chcem, avšak už nechcem. Chrome a Firefox síce inovujú pomalšie, ale ich prístup pôsobí stabilnejšie. Nevadí, že nebudem mať to najnovšie vždy ako prvý, kľudne nechám konkurenciu vyfiltrovať a eventuálne implementovať to najlepšie.
A keď už sa teda snažím hľadať negatíva - že Opera zobrazuje kopu stránok rozbito nie je tak celkom mýtus. Občas ide o chýbajúce alebo nesprávne fungujúce CSS3 srandičky, inokedy o drobné chybičky ako pri novom Google dizajne alebo o zbytočné varovania, ktoré musí človek odkliknúť len aby zistil, že všetko v pohode funguje. A občas človek narazí na stránku ako Tinkerbin, ktorá v Opere vyzerá takto.
Nie je to vôbec časté - plus je to skôr chyba stránky, nie prehliadača - ale keď sa to stane, je to otravné. A otravnosť je kumulatívna. Navyše som si nikdy nezvykol na developer tools.
Nič z toho nie je vyslovene deal breaker, Opera je stále dosť možno najlepší prehliadač, u mňa však prišiel čas na zmenu. Takže Chrome. Prečo nie Firefox? Pretože ten mi posledných pár verzií pripadá hrozne ťažkopádny, zaspatý. To je celé. Nemám to overené, štatistiky konzumpcie pamäte a žravosti procesora sú mi u prdele, u mňa je to o pocite.
Tak a poďme vymeniť jednu otravnú činnosť za druhú a namiesto rušenia features pridávať do Chrómu tie, čo potrebujem.. uh. Ale tak zmena je život, či čo, takže "wheee" I guess.
Let's do this.
[ ]
]
Jediný doctype, ktorý potrebujete
napísal yablko, 5 Oct 2010
je tento <!doctype html>. Štruktúra HTML dokumentu potom vyzerá takto:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
Keď píšete stránku, chcete písať stránku a nie nezmyselné riadky plné divných znakov, u ktorých možno ani neviete, čo znamenajú (a ktoré prehliadače často aj tak ignorujú). Tento doctype je pekný, funkčný, jednoduchý a keď ho použijete, môžete pri <script> a <link> kľudne vynechať style="" atribút, whee! :)
Funny thing - prehliadačom je totálne jedno, aký doctype im podhodíte. Ten je tam aj tak len preto, aby sa neaktivoval quirks mode, čo je zloba, takže <!doctype html> a sme v pohode.
Že sa zbavujeme dodatočných atribútov nás tiež trápiť nemusí, browser to robí na pozadí tak či tak sám. Z <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ho zaujíma iba <meta charset="utf-8"> tak prečo písať viac? Nový doctype je v mnohom len o priblížení sa k tomu, ako prehliadače skutočne fungujú.
pro tip: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> prinúti IE vždy použiť najnovší renderovací engine alebo Chrome Frame.
[ 
]
]
Najrýchlejší úvod do vytvárania web stránok
napísal blade, 3 Oct 2010
Tento návod som sa rozhodol napísať, keďže už dosť ľudí po mne chcelo, nech im vysvetlím ako sa dajú tvoriť vlastné web stránky, ako to všetko okolo nich funguje a kde sa to naučiť. Samozrejme, že si môžu nakúpiť knihy, ale tie bývajú spravidla tak rozťahané, že ich veľa ľudí ani nedočíta. Plus zaťažujú množstvom detailov, ktoré na začiatku iba mýlia a zdržujú.
Preto píšem tento návod čo najstručnejšie, aby slúžil ako alternatíva k prehnane ukecaným knihám a aby ste namiesto zbytočného čítania mohli radšej kódiť. :p
Najskôr zbežný prehľad o tom, čo všetko sa deje, keď si v prehliadači otvoríte nejakú stránku. To aby ste vedeli kde sa vlastne používajú všetky tie technológie ako je HTML, CSS, PHP, SQL, JavaScript, jQuery, AJAX a iné.
1) Zadáte URL adresu - to je celý ten text, čo vidíte hore v address bare prehliadača.
2) Na základe názvu stránky (t.j. domény) sa zistí IP adresa servera, na ktorom sa nachádza hľadaná stránka. (Na toto slúži DNS server, ktorého adresu poznáme)
[ 
]
]
AutoHotkey
napísal blade, 6 Sep 2010
Ak ste takí leniví ako ja, určite vás irituje každý klik navyše a radi používate všemožné klávesové skratky, gestá s myšou a podobné srandy. Ak ešte nie ste dostatočne leniví, raz to aj na vás prijde :p
Problém je, že často neexistujú skratky na to, čo zrovna potrebujete, či už vinou programu alebo operačného systému. Na druhej strane je kopa nevyužitých kombinácií kláves alebo dokonca samostatných kláves, na ktoré dal výrobca nejakú nepoužiteľnú hovadinu. :p Tu prichádza na pomoc AutoHotkey, vďaka ktorému môžete efektívnejšie ovládať počítač a využívať klávesy, ktoré by inak akurát zapadali prachom.
Čo je teda AutoHotkey? V podstate skriptovací jazyk (pre Windows), pomocou ktorého môžete veľmi jednoducho namapovať na prakticky ľubovoľnú udalosť v počítači (slačenie klávesy, pohyb myši, otvorenie okna, určitý čas bez aktivity, ...) vami zvolenú udalosť (stlačenie klávesy, poslanie správy oknu, spustenie programu, otvorenie súboru, zápis do logu, nič :), ...). Možno sa to na prvý pohľad nezdá, ale takáto vec má neskutočne veľa využití.
V tomto článku sa dozviete ako v priebehu zlomku sekundy spúšťat programy, prehadzovať skladby vo Winampe, písať super-advanced smajlíkov, ako čeliť zlým vtipom a ďalšie užitočné veci ;)
[ 
]
]
