Home-theater-designers
Chrome nedávno získal 25% podíl na trhu s internetovým prohlížečem, což z něj činí druhý nejpoužívanější prohlížeč na světě za Internet Explorerem (který se vyvíjí v Project Spartan). Nakonec to znamená, že Chrome je de facto domov pro webové vývojáře.
I když jsem pro Firefox částečný, dokážu ocenit, proč lidé Chrome milují. Má tendenci dominovat měřítkům prohlížeče a pravidelným lidem usnadňuje stát se výkonnými uživateli Chrome. Jiní ve skutečnosti nenávidí Chrome, ale jeho používání je zaseknuté kvůli dostupnosti určitých rozšíření.
To je jeden z důvodů, proč je Chrome pro webové vývojáře tak dobrý: Internetový obchod Chrome a jeho fond rozšíření. Pokud někdy plánujete navrhovat nebo kódovat webové stránky, zde je několik základních nástrojů, které byste si měli okamžitě nainstalovat.
ColorZilla
ColorZilla Začal jako doplněk Firefoxu, ale stal se tak populární, že mnozí požadovali verzi pro Chrome. Nyní jsme tady. Toto praktické rozšíření je v zásadě pokročilou verzí nástroje pro kapání očí, který byste našli v programu jako Paint nebo Photoshop.
S ním můžete ukázat na jakékoli místo ve vašem prohlížeči a okamžitě vytáhnout informace o barvě na tomto místě. Jakmile jej stáhnete, můžete jej před kopírováním do schránky upravit (ať už pomocí RGB, HSV nebo přímého hexu). Extrémně snadné použití.
Pro vaše pohodlí je také dodáván s CSS Gradient Generator, Webpage Color Analyzer a několika předinstalovanými paletami barev.
Okenní resizer
Jedním z rizik webového vývojáře je zajistit, aby zážitek ze prohlížení webových stránek byl příjemný pro uživatele na všech typech zařízení. Nemluvíme jen o mobilu vs. počítači - což je důležitý - ale také rozdíl mezi malými tablety a masivními monitory.
Okenní resizer je snadný způsob, jak za běhu změnit velikost okna prohlížeče. Po kliknutí na tlačítko budete moci otestovat svůj web v různých rozlišeních, abyste zjistili, co vidí vaši uživatelé - a poté se můžete podle toho přizpůsobit.
IE Tab
Dalším velkým nebezpečím webového vývojáře jsou standardy prohlížeče (nebo jeho nedostatek). Internet Explorer, Firefox, Chrome, Opera a všechny ostatní drobné prohlížeče vykreslují webové stránky trochu odlišným způsobem. Mezitím některé prohlížeče přijímají standardy pomaleji než jiné.
Nebo v případě aplikace Internet Explorer jsou standardy vyhozeny z okna a weboví vývojáři jsou nuceni rvát si vlasy, protože jsou nuceni poskytovat ubytování.
S IE Tab , tento proces je trochu jednodušší. Umožňuje zobrazit web na nové kartě Chrome, ale vykreslený tak, jak by vypadal v IE. Není to revoluční řešení problému IE, ale alespoň je to něco.
Doba platnosti
Ne všechny HTML kódy jsou stejné. Zatímco prohlížeče hrají velkou roli při dodržování standardů, část povinností spočívá také na vývojáři webu, aby dodržoval správné postupy HTML. Proto existují nástroje pro testování a ověřování HTML .
Doba platnosti je rozšíření, které vám umožní vše z toho, aniž byste museli navštěvovat weby třetích stran. Stačí otevřít web, kliknout na tlačítko a v konzole prohlížeče se zobrazí všechny neplatné zprávy HTML. Ověření se provádí prostřednictvím ověřovací služby W3C.
Postaveno s
Jedna věc, kterou na vývoji webu nesnáším, je, že existují tolik knihovny, rámce a motory dostupné k použití. Svoboda volby je skvělá, ale je to bolest, když se počet technologií stane tak velkým, že nemůžete držet krok se všemi.
Už jste někdy navštívili webovou stránku a přemýšleli, jaká je základní technologie?
The Postaveno s rozšíření je jediné tlačítko, které analyzuje aktuální webovou stránku a zobrazí se Všechno webových knihoven, rámců a motorů, které jej pohánějí, včetně reklamních sítí, platforem pro distribuci obsahu a dokonce i hostingového softwaru, který za tím vším stojí.
Pošťák REST klient [již není k dispozici]
Pro ty z vás, kteří pracují s REST API, Listonoš je jediný nástroj, který potřebujete pro efektivnější pracovní postup. S ním můžete vytvářet požadavky HTTP a získat formátované odpovědi v JSON a XML. Odpovědi se otevírají v samostatném okně jako HTML.
Můžete také seskupit více požadavků do něčeho, co se nazývá kolekce, což je skvělý způsob, jak zůstat organizovaný a efektivní. Můžete také testovat ve více prostředích přepnutím proměnných prostředí přímo uvnitř rozšíření.
Podnikové pojištění
Jedním ze způsobů, jak generovat výplňový text, je zkopírovat a vložit 'asdf' znovu a znovu stokrát. Lepší způsob by bylo nainstalovat Podnikové pojištění a nechte jej za okamžik vygenerovat výplňový text.
Už jsme se zabývali několika generátory Lorem Ipsum, ale přitažlivost Corporate Ipsum je, že sedí přímo ve vašem prohlížeči. Můžete jej vytáhnout nahoru jediným kliknutím. Pokud se mě ptáte, není důvod to nepoužívat. Nyní se můžete vrátit ke skutečnému kódování vašich webových stránek!
TabCloud
Webový vývoj někdy probíhá na více počítačích. Zatímco zdrojová kontrola pro vývojáře je hlavním způsobem, jak zůstat synchronizovaný a aktuální, co když chcete přenést více karet mezi počítači? To je tam kde TabCloud přichází v.
TabCloud synchronizuje vaše karty do cloudu, což vám umožní je znovu otevřít jinde. Může být také použit lokálně jako spořič relace, což vám umožní uložit sadu karet pro pozdější revizi. Karty se ukládají do vašeho účtu Google.
WhatFont
Design písma je velkou součástí vývoje webu, a proto jsou služby jako Google Web Fonts tak populární. Dobrou zprávou je, že tato bezplatná písma jsou nyní jedny z nejkrásnějších webových písem, která jsou v současné době k dispozici.
Ale přiznejte to: jsou chvíle, kdy procházíte web a narazíte na ohromující písmo, které jste nikdy předtím neviděli. Existuje mnoho způsobů, jak jej identifikovat, ale nejrychlejší je použít WhatFont . S ním můžete kontrolovat písma jednoduše pomocí vznášející se nad nimi . Jak by to mohlo být jednodušší?
Úžasný snímek obrazovky [již není k dispozici]
Pokud snímky obrazovky nejsou součástí vaší běžné rutiny vývoje webu, Úžasný snímek obrazovky pomůže to změnit. Snímky obrazovky jsou skvělé pro dokumentaci změn v designu a sdílení probíhajících prací s vaším klientem nebo členy týmu.
co je wps na routeru
Toto rozšíření má několik funkcí snímání, včetně celé stránky, vybrané oblasti nebo viditelné oblasti. Umožňuje také přidávat poznámky, rozmazávat citlivé části obrázku a sdílet je jediným kliknutím. Nebo místo toho nahrajte na svůj Disk Google.
Pokud vás koncept fascinuje, ale raději použijete výkonnější desktopový program, podívejte se na toto srovnání nástrojů pro snímky obrazovky a začněte používat ten, který vám nejlépe vyhovuje.
Podívejte se na Moje odkazy
Spousta chyb při vývoji webu frustruje vaše návštěvníky a nefunkční odkazy jsou jedním z nejhorších pachatelů. Jeden nefunkční odkaz může být v pořádku, ale co víc, váš web začne ztrácet důvěryhodnost a pověst. Naštěstí je to snadno vyloučitelná chyba.
Podívejte se na Moje odkazy dělá přesně to, co slibuje: kontroluje vaše odkazy. Platné odkazy jsou označeny zeleně, nefunkční odkazy červeně a na konci vám poskytne procentuální skóre. Jediné, co musíte udělat, je jít a opravit ty odkazy!
Jaká rozšíření používáte?
Ještě jedno rozšíření pro produktivitu, které bych doporučil, je StayFocusd . Je to spíše rozšíření pro obecné účely než rozšíření pro vývoj webu, ale je to určitě užitečné bez ohledu na to. Chrání vás to, aby vás web při práci nerozptyloval!
Co si myslíte o těchto? Doporučujete ještě nějaká další zásadní rozšíření pro vývoj webu? Podělte se s námi v níže uvedených komentářích!
Podíl Podíl tweet E-mailem 15 Příkazy příkazového řádku systému Windows (CMD), které musíte znátPříkazový řádek je stále výkonným nástrojem systému Windows. Zde jsou nejužitečnější příkazy CMD, které každý uživatel Windows potřebuje znát.
Číst dále Související témata- Prohlížeče
- Google Chrome
- Rozšíření prohlížeče
Joel Lee je šéfredaktorem MakeUseOf od roku 2018. Má titul B.S. v informatice a více než devět let profesionálních zkušeností s psaním a střihem.
Více od Joela LeehoPřihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!
Kliknutím sem se přihlásíte k odběru