CSS preprocesory: Sass (nový kurz)

napísal , 11 Oct 2017

Vďaka Sass napíšeš menej CSS kódu.
A bude prehľadnejší. A napíšeš ho rýchlejšie.
Prestaneš si trhať vlasy a CSS ťa začne baviť. Tak.

35 čisto nových videí.
Za 49 eur. Zdarma ak máš predplatné.

Nový Webrebel kurz kupuj tu: CSS preprocesory: Sass

pozri si pár ukážkok z kurzu, ňach máš predstavu, šak nebudeš kupovať len tak, ňe?

Už nemusíš loviť farby a hľadať, na ktorom riadku v CSS si nastavil ten font-weight. Prestaneš rozmýšlať nad prefixami. Neotvoríš Photoshop len preto, aby si našiel tmavší odtieň farby. Už nemusíš HEX farby prehadzovať na RGB len preto, aby si nastavil polo-priesvitné pozadie. Pri responzívnom dizajne Sass za teba prepočíta pixely na percentá.

Môžeš si svoj kód rozdeliť na koľko len súborov chceš a tvoj prehliadač aj tak vždy dostane len jeden, z ktorého sa automaticky odstránia nadbytočné znaky a komentáre, pre rýchle načítavanie. Môžeš si vytvárať $premenné, kam uložíš všetky často používané / meniace sa hodnoty. Môžeš si písať vlastné funkcie(), ktoré ti spravia poriadok v kóde, alebo používať kopu predvyrobených.

Sass je guča život zlepšujúcich drobností, vďaka ktorým ťa CSS začne baviť:)
A ak nie, tak ťa minimálne prestane otravovať. A to sa pri CSS počíta.

Zo Sublime Text na PHPStorm

napísal , 20 Sep 2016

Svojho času som spravil video Sublime Text 2 je lepší ako tvoj editor, neskôr Je Atom lepší ako Sublime Text? a teraz ideme na PHPStorm.

Roky používam Sublime Text, ale občas sa hodí niečo väčšie. Roky používam Sublime, som zvyknutý na jeho skratky a fičúry, a ak mám prejsť na niečo nové, chcem, aby sa to používalo rovnako.

Cieľ týchto videí je nastaviť PHPStorm tak, aby vyzeral a fungoval podobne, ako Sublime Text. Spraviť prechod bezbolestný.

Takže čum na videá, nižšie v texte si môžeš stiahnuť moje nastavenia, nájdeš tam skratky, tipy a triky a všetky tie pekné veci.

Ako vymeniť klávesnicu a opraviť si MacBook

napísal , 17 Mar 2015

Minule som popísal moju strastiplnú púť - Ako vyčistiť klávesnicu a doj*bať si MacBook.
Teraz ideme túto krivdu osudu definitívne napraviť.

Prišiel som do Apple servisu (mzone). V momente, ako som povedal, že Keyboard Viewer ukazuje stlačené oba shifty, sa iba usmial a bez zaváhania a zvažovania možností povedal, že treba vymeniť celý Top Case. Nazývaný aj Upper Case.

To je celé to šasi (< -- dobré slovo), vrchá časť notebooku, ktorá obsahuje klávesnicu, touchpad, on/off tlačítko, signalizátor stavu baterky... Mac počítače pôsobia ako kus stroja. Iné sú často rozhegané, toto pôsobí ako jeden solídny kus. Prečo? Pretože TO JE JEDEN SOLÍDNY KUS.

A tento jeden solídny kus, bolo mi povedané, by stál okolo 200-300 Eur + aspoň 100 za robotu.

Toto je Apple, takže som čakal, že za môj dych zahmlievajúci ich vitrínu si vypýtajú 50 a šiel som tam s pesimistickým odhadom 200 Eur. Keby povie 200, čo je veľa, bol som ochotný nechať im ho tam a vyzdvihnúť si ho opravený.

Povedal 400.
WAT.

Ako vyčistiť klávesnicu a doj*bať si MacBook

napísal , 17 Mar 2015

Keď idem na záchod, rozmýšľam, kedy mi tam padne telefón a keď pijem kávu, rozmýšľam, kedy ju vylejem na notebook. Stalo sa to 3 týždne dozadu a nebol som prekvapený. Ale ani potešený.

Btw to slovo hore je dojebať. Pretože napríklad ja keď pozerám správy alebo noviny a dajú hviezdičku do slova, tak som strááášne zmätený a vôbec neviem, ktoré slovo asi tak mohli myslieť. A ja nechcem, aby ste boli zmätení. To slovo je dojebať. Dojebať MacBook.

Mac obliatie v pohode prežil, všetko šlapalo, akurát pravý shift a enter sa trošičku lepili, tak že šak dám dole klávesy, po jednom ich vyčistím a vyhrabem spod nich všetky tie chlpy a omrvinky a ďalšie chlpy a aspoň konečne vymením ten Y a Z, keďže QWERTY, a bude mi hej.

Vyčistiť klávesnicu na Macbooku je našťastie celkom jednoduché.

Ako vyčistiť MacBook klávesnicu

Chcel som si ale dať záležať, po vybratí som vyčistil každú jednu plastovú kachličku (jarová voda, drhnutie švédskou utierkou), vo vnútri som vyšparchal dutiny kefkou (k strojčeku na holenie, ale postačí aj stará zubná) a povytieral zákutie jemne navlhčenou handričkou. Jemne.

Čo by predsa nemalo vadiť, keď to v pohode rozbehalo straight up vyliatu kávu.
A samozrejme celý čas mašina vypnutá, odpojená z elektriny a pretrel som to suchou handrou a nechal odstáť aspoň 12 hodín.

Ale kým káva je v pohode, Steve Jobs asi nemal rád vodu, pretože keď som ho po hodinách odpočinku zapol znova, nabootoval sa do safe mode a nemohol som sa prihlásiť. Heslo ani za toho boha nefungovalo.

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

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.

Bookmark party!

napísal , 23 Feb 2012

Zopár webových tools, čo mám v bookmarkoch:

Snippety
html-ipsum.com - predvyplnené HTML listy a formy a tak
wp-snippets.com - WordPress snippets
baconipsum.com - BACON!

Text
google.com/webfonts#ChoosePlace:select - Google Web Fonts
fontsquirrel.com/fontface/generator - @font-face generátor
network-science.de/ascii - ASCII generátor
copypastecharacter.com - keď potrebuješ spešl znak

CSS
matthewlein.com/ceaser - pomoc s CSS transitions
border-radius.com
prefixr.com - doplní vendor prefixes ( -moz- -webkit- atď. )
css3please.com - niečo podobné, kind of
necolas.github.com/normalize.css - dobrý štartovný bod pre CSS

Grafika a obrázky
0to255.com - odtiene farieb, pre border a hover a tak
subtlepatterns - patterny pre background
placehold.it - image placeholders
spriteme.org - vytvorí sprite z obrázkov.. hádam
ajaxload.info - generátor AJAX loading gifov

Javascript
picnet.com.au/picnet_table_filter.html - jQuery plugin na filtrovanie HTML tabuliek
fgnass.github.com/spin.js - AJAX loading "obrázky"
rickharrison.github.com/validate.js - form validácia
github.com/bartaz/impress.js - framework na prezentácie

Pieskoviská
jsbin.com
jsfiddle.net
tinkerbin.com
cssdesk.com
css3.mikeplate.com

Feature Detection & Polyfills
modernizr.com - skript zistí, čo prehliadač podporuje
html5please.com - navrhne čo použiť, ak prehliadač danú feature nepodporuje
github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

Ostatné
dochub.io - instantná dokumentácia pre CSS, jQuery a tak vôbec
chopapp.com - keď chcete zdieľať kód
html5boilerplate.com - v kóde sa dá nájsť kopa fajn trikov
initializr.com - nastav čo chceš od boilerplate
htmlemailboilerplate.com

Niektoré používam často, niektoré občas a niektoré mám odložené na horšie časy. Možno niekomu pomôžu.