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