5 užitečných vývojářských rozšíření pro Chrome

Ha, nabízím přehled rozšíření, které používám při vývoji webu. Jsou to prakticky jediná rozšíření co používám, kromě AdBlocku. Snažím se jich mít co nejméně.

1. Facebook Pixel Helper

Rozšíření sloužící ke kontrole Facebook pixelů na webu. Můžete pomocí něj okamžitě zkontrolovat, zda vám fungují sledovací pixely a odesílání událostí a v případě že ne, poradí vám, co opravit.

2. Google Tag Assistant

O něco méně povedená obdoba Facebookového rozšíření, tentokrát pro skripty od Googlu (Analytics, Tag Manager, …). Ovládaní by mohlo být trochu lepší, občas je dost velký problém přepnout se mezi. Před použitím je nutno jej povolit na konkrétní stránce a pak provést reload.

3. Page Ruler

Pravítko. Používám ho občas k měření vzdálenosti, ale hlavně ke kontrole, že jsou elementy zarovnané na pixel přesně tak, jak chci.

4. Page load time

Skvělé rozšíření, které jednoduše zobrazí na svém tlačítko dobu načítání stránky. I když mám při vývoji zapnutou Tracy, ta měří pouze dobu exekuce skriptu, toto rozšíření měří celkovou dobu načítání stránky.

5. ColorZilla

Kapátko pro rychlé zjištění použité barvy na webu. Rychlejší než zkoumat element přes development tools a hledat jeho barvu / barvu pozadí.

 

cmder: upgradovaná konzole pro Windows

cmd.exe je bohužel již několik (desítek) let stejný a oproti unixovým terminálům mu chybí mnoho příjemných funkcí. A pokud nechybí, je s unixem nekompatibilní, což může být při vývoji překážka – mnoho návodů je psáno pro unix a stejně tak se s ním setkáte na serverech. Špatně se z něj a do něj kopíruje, špatně se scrolluje, nefungují standardní unixové příkazy atd.

Pokud si na Windows nainstalujete Git, dostanete i Git bash, který přejímá některé unixové příkazy a může být řešením. Osobně sem jej s radostí používal přes dva roky.

Ještě lepší (a hezčí) alternativou je ale Cmder, který si můžete stáhnout zdarma a to buď v “mini” verzi a nebo “full” verzi, která v sobě obsahuje navíc i Git. Cmder nemusíte ani instalovat, existuje i portable verze. Podporuje krásné barevné zvýrazňování (git, python, …), přepínání více terminálů taby. Můžete si skrz něj napojit i Putty, připojit přímo přes SSH nebo si nastavit, které terminály se mají defaultně při zapnutí otevřít a další vychytávky.

Cmder

 

Jak psát rychleji na klávesnici?

Nemyslím tím přímo psaní, ale hlavně mazání a editaci textu. Když zmáčknete klávesu Backspace, držíte ji a čekáte až začne působit opakovaně. Ten interval se dá zkrátit na minimum, což šetří v konečném důsledku čas ale hlavně nezdržuje vás trapné čekání. Kromě klávesy Backspace najdete využití i u kurzorových šipek, když se pohybujete v textu.

Jak tento interval zmenšit? Předpokládejme, že používáte Windows 10 (ale i na starších systémech je to stejné). Volbu najdete v Ovládací panely -> Klávesnice. Stačí nastavit oba jezdce zcela vpravo. Uvidíte, jak se vám hned lépe píše.

Založil jsem nový eshop – Bastlíme

Založil jsem nový minieshop, nebo jak my v ExitShopu říkáme, jednostránkový eshop, tentokrát zaměřený na Arduino a příslušenství – nese jméno Bastlíme.eu.

Pravidelní čtenáři mého blogu si jistě pamatují článek Bluetooth autíčko s Arduinem a jelikož mi zbyla kopa součástek, tak jsem dokoupil další a založil si tento malý eshop. Prodejní kanály jsem omezil čistě na Heuréku a Zboží.

Beru to jako takový test našich jednostránkových eshopů ExitShop, když svůj hlavní eshop TrueHipster jsem založil jako klasický typ. Ten už nějaké objednávky velmi pomaličku sbírá, uvidíme co bude dělat Bastlíme :)

Proč stát vaří pivo?

Stát by měl svým občanům zajišťovat základní věci – vnitřní a vnější bezpečnost, spravedlnost a rovnost před zákony, do jisté míry školství a zdravotnictví. Měl by ale stát podnikat a vařit pivo? To je příklad Budvaru – národního podniku, jehož vlastnictví státem snad ani není legální.

Problém ale nastane, když se kvůli ochraně tohoto národního podniku nepodaří prosadit protikorupční zákon o zveřejňování smluv. I když se hlasovalo už v únoru, napsal jsem nedávno “své senátorce” Anně Hubáčkové o názor, proč Budvar nezprivatizovat. Dostalo se mi odpovědi:

mnohé privatizace nedopadly moc dobře ač firmy měly jméno i odbyt, s privatizací Budvaru bych nespěchala

Co si o tom myslíte? Pijete státní pivo?

 

První výplata z Tipli

Právě mi přistála na účtu první výplata z cashbacku Tipli.cz :) Nejčastěji jsou to odměny za nákupy na Aliexpressu, kde často objednávám celé rodině nějaké blbosti. Z českých eshopů tam toho mám méně a je tam i jeden bonus za doporučení. Zajímavá může být i odměna z Booking.com, když objednáváte nějaký dražší pobyt. Čekám na potvrzení dalších odměn.

800 Kč z Tipli.cz :)
800 Kč z Tipli.cz :)

Tipli podobně jako další podobné služby (Plná peněženka atd) vám vyplatí odměnu (procento) z nákupu, který provedete proklikem z jejich webu do eshopu. Příjemné je i to, že příjmy z cashbacku nemusíte danit – jedná se totiž o nepřímou slevu na nákup.

Skoro hipsterská móda TrueHipster

Zatím jde pouze o trička, která stříkám skrz ručně vyřezanou šablonu nebo maluju. Eshop zatím jen s pár produkty sídlí na adrese truehipster.cz. Po letech programování eshopů si chci vyzkoušet, jaké to je jeden takový rozjet a provozovat. Celkem si s tím hraju, s celým procesem od návrhu k výrobě, žehlení (na to mám naštěstí pomocnice), focení až po prezentaci na eshopu.

Přikládám několik obrázků :) Pořád řeším, jestli má vůbec něco takového naději na úspěch.

Líbí se? Mám spoustu nápadů na rozšíření sortimentu TrueHipstera a nemyslím tím jen trička :) Budu rád za jakýkoliv feedback.

Pelíšek pro psa ze staré penumatiky!

Přátelé mi běžně říkají true hipster, DIY lover, handmade enthusiastic a dalšími přízvisky. Mám zkrátka rád ruční práce, které vybočují z běžného chápání konzumní společnosti.

Tak se přihodilo, že naši zdědili pejska a mě zůstalo několik starých pneumatik, které jsem byl líný odvézt do ekodvoru. Spolu s přítelkyní jsme tedy vzali hezky zelený Montana sprej, pneu zazelenali a navrch přidali ještě i jmenovku. Spodek jsme vyložili kartonem a na ten jsme umístili staré koberečky z auta. Výsledek je prostě krásný:

Pelíšek pro pejsky ze staré pneumatiky
Pelíšek pro pejsky ze staré pneumatiky. Není to rozkošné?

Bluetooth autíčko s Arduinem

Můj dětský sen se stal skutečností a postavil jsem si vlastní dálkově ovládané autíčko. Co to obsahuje?

  • Kostra je postavená z fejkového merkuru a spousty lepidla.
  • Srdcem je fejkové Arduino Uno které pohání 4x AA baterie.
  • Vespod jsou dva motorky, které pohání další 4x AA baterie :) Zatáčí se zapnutím jednoho motorku, dopředu se jede oběma.
  • Dálkové ovládání zajišťuje HC-05 Bluetooth modul – autíčko můžete tedy ovládat z jakéhokoliv zařízení s Bluetooth konzolí, já jsem si pro pohodlné ovládání udělal appku pro Windows 10.
  • Je tam spousta drátků a dokonce 2 tranzistory!
  • Umí to i svítit a bzučet :)

Tady je finální model v akci:

První model vypadal nějak takto. To jsem si ještě myslel, že se mi to celé vleze na krabičku od vitaminů. Ještě horší omyl byla však myšlenka celé to pohánět jednou 9V baterií. Ani se to nerozjede. Musel jsem použít celkem 8 AA baterií a motorky spouštět přes tranzistory.

Bluetooth autíčko s Arduinem

Pak jsem začal stavět velkoryseji na kovové konstrukci.

Bluetooth autíčko s Arduinem

Bluetooth autíčko s Arduinem

Nebýt čekání na bateriové držáky z Číny, měl bych celý projekt hotový o dva měsíce dříve. Nakonec mě zachránila tato firma původem z českého Silicon Valley. Na držáky z Číny čekám stále (od srpna 2016).

Bluetooth autíčko s Arduinem

Kód samotného autíčka je trapně jednoduchý, pro zajímavost přikládám zde. UWP aplikace pro Win10 je k dispozici zde, screenshot vidíte vlevo. Ta už byla náročnější.

Popis tlačítek: 1 je světlo, 3 je bzučák, 8 je dopředu, 4 a 6 do stran. Pěkný je, že příkazy si to pamatuje a zpracovává sériově (připojení také probíhá přes sériovou linku), takže můžete rychle něco namačkat a autíčko to pak vykoná hezky po sobě.

Jak si vyrobit svítící postel z palet jak pán

Nejprve je potřeba sehnat palety, téměř nadlidský úkol. Pokud chcete nové, krásné, standardizované EURO palety o nosnosti 2 tuny při rovnoměrně rozložené hmotnosti, většinou se setkáte s přístupem typu min. 300 palet, 250 Kč / kus, kam chcete poslat kamion? Pokud jste ale true hipster jako já, dáte za vděk paletám použitým a zcela nesourodým. Na ně se specializuje například firma LEDtech internet trade s.r.o. 14875067_1264007116954979_2007546264_n

Budete potřebovat minimálně 4 palety (pokud máte matrace široké max 80 cm) nebo (jako v mém případě, matrace šíře 90 cm) 6 palet – tím vytvoříte čtvercové letiště o šířce 240 cm a na okrajích vám zbude odkládací prostor pro mobil, víno atd. Palety mají většinou rozměr 120×80 cm. Pater můžete udělat kolik chcete, stačí jedno nebo dvě.
palety

Jakmile máte palety, je dobré je vybrousit. Pokud zrovna nemáte brusku, vezmete nějaký šmirgl na držátku a jedete. Stačí zbrousit horní plochu kvůli třískám, zbytek jen tak přeleštit. Plesnivé kousky dřeva odtrhnete a případně ještě zatlučete trčící hřebíky.wp_20161028_20_14_29_pro

Následuje nátěr – nejprve je natřete nějakým olejovým přípravkem, nevím fakt. Nebo nějakým přípravkem proti červotočům atd. Hezky to voní a nasaje se to.
wp_20161029_14_22_26_pro

Pak 2-3 nátěry barvou. Dobré je mít základovku, jinak dřevo nasaje hektolitry barvy a nátěr nebude hezky krycí. Ale dá se to i bez ní. Doporučuji natřít hlavně horní plochy, boky (pokud to materiál dovolí) a horní plochy spodních prken (kvůli pohledu z boku). První nátěr:

wp_20161030_17_08_15_pro wp_20161030_17_08_23_pro

Druhý nátěr:

wp_20161101_19_28_07_pro wp_20161101_19_28_27_pro

Následně je nutné, v závislosti na použitém typu barvy, nechat palety vyvětrat. Pokud zvolíte syntetickou barvu, tak minimálně několik dní až týden. Pa už nezbývá nic jiného než palety poskládat. Finální dílo vypadá nějak takto:

wp_20161116_19_10_19_pro

Je dobré palety něčím sepnout, například takovými těmi plastovými zipátky nebo jak se tomu říká…poslední fotka se stylovou matrací:

wp_20161116_19_24_56_pro

Je to pracné, je to drahé (barvy, palety nepočítám), ale stojí to za to – už jen přidat dolů led pásek s ovladatelnou intenzitou a barvou…

EDIT: se světýlky – 21 metrový LED řetěz, příkon jen 8W :)

wp_20161202_19_26_05_pro