Rozšírenie Google meniace css. Rozšírenia Google Chrome pre webových vývojárov

S rastúcou popularitou prehliadača Google chrome Objavujú sa rozšírenia, ktoré webovým vývojárom šetria čas tým, že im umožňujú sledovať chyby a problémy s výkonom na webe.

Tu je niekoľko užitočných rozšírení pre prehliadač Google Chrome.

Web Developer Extension

Chcel by som poukázať na najpohodlnejší a najsilnejší nástroj pre webového vývojára a webdizajnéra - Rozšírenie Web Developer pre Google Chrome.

Rozšírenie je pridané na panel s nástrojmi Google Chrome ako tlačidlo ozubeného kolieska a obsahuje rôzne nástroje na vývoj a ladenie webovej stránky. Toto je oficiálna adaptácia populárnej verzie od rovnakého vývojára.

Rozšírenie má veľké množstvo možností.

Mnoho ľudí napríklad len potrebuje zistite farbu položky na obrazovke monitora v hexadecimálnom formáte. V doplnku je na to špeciálna funkcia. V časti Rôzne vyberte položku Zobraziť farbu.

Po výbere položky Zobraziť výber farby sa z kurzora stane krížik. Teraz kliknutím na ľubovoľnú oblasť obrazovky v dolnom pravom rohu prehliadača sa zobrazí farba v hexadecimálnom systéme na použitie v CSS.



Tento článok je určený správcom a vývojárom Chrome Enterprise, ktorí majú skúsenosti s balením a publikovaním aplikácií Chrome.

Ak Internetový obchod Chrome nenájde produkt s požadovanými funkciami, môžete si vytvoriť vlastnú aplikáciu alebo rozšírenie a používatelia ju môžu pridať do svojich zariadení s OS Chrome alebo do prehliadača Chrome. Napríklad ako správca môžete do zariadení používateľov automaticky nainštalovať súkromnú aplikáciu so záložkami, ktorá odkazuje na webovú stránku HR.

Príprava

  • Ak váš súbor manifestu uvádza cieľový web, na ktorý aplikácia alebo rozšírenie odkazuje, overte vlastníctvo tohto webu.
  • Ak je vaša aplikácia alebo rozšírenie hostované na súkromnom serveri, môžete určiť, kto je oprávnený ju publikovať v Internetovom obchode Chrome. Doklad o vlastníctve webových stránok tretích strán, na ktoré aplikácia odkazuje, môžete vypnúť.

Krok 1. Vytvorte aplikáciu alebo rozšírenie

Nasledujúci príklad používa aplikáciu záložiek. Pokyny na vytváranie zložitejších aplikácií a rozšírení pre prehliadač Chrome nájdete v príručke Začíname.

  1. Vytvorte v počítači priečinok na ukladanie súborov aplikácií alebo prípon. Zadajte názov aplikácie.
  2. Vytvorte súbor manifestu.
    1. Vytvoriť v textový editor Súbor JavaScript® Object Notation (JSON). Pozrite sa na ukážkový súbor JSON pre aplikáciu záložky.
    2. Skontrolujte, či je kód správne naformátovaný v Súbor JSON pomocou špeciálneho nástroja, ako je JSONLint.
  3. Vložte súbor manifest.json do priečinka aplikácie alebo rozšírenia.
  4. Vytvorte logo.
    1. Obrázok musí mať veľkosť 128 x 128 pixelov.
    2. Uložte súbor s logom pod názvom 128.png v priečinku aplikácie.

Krok 2. Otestujte aplikáciu alebo rozšírenie

Vývojári môžu testovať svoje aplikácie a rozšírenia v Prehliadač Chrome alebo na zariadeniach so systémom Chrome OS.

Na riešenie problémov s aplikáciou alebo rozšírením používajte denníky Chrome.

Krok 3. Vytvorte zbierku aplikácií (voliteľné)

Správca môže vytvoriť galériu aplikácií pre organizáciu, ktorá bude používateľom odporúčať aplikácie a rozšírenia pre prehliadač Chrome na inštaláciu.

Krok 4. Zverejnite aplikáciu alebo rozšírenie v Internetovom obchode Chrome

Vývojár môže aplikáciu alebo rozšírenie sprístupniť verejnosti alebo obmedziť prístup k nej. Pri publikovaní v Internetovom obchode Chrome máte na výber tri možnosti.

  • Verejné: aplikáciu môže nájsť a nainštalovať ktokoľvek.
  • Prístup pomocou odkazu: aplikáciu alebo rozšírenie si môžete nainštalovať iba kliknutím na odkaz. Nezobrazuje sa vo výsledkoch vyhľadávania v Internetovom obchode Chrome. Odkaz je možné odoslať používateľom v doméne organizácie aj mimo nej.
  • Súkromné: Iba používatelia vo vašej doméne môžu nájsť a nainštalovať aplikáciu alebo rozšírenie. Okrem toho môžete k produktu udeliť prístup iba dôveryhodným testerom, ktorých mená sú uvedené na paneli s nástrojmi pre vývojárov.

Ak chcete do Internetového obchodu Chrome pridať aplikáciu alebo rozšírenie, vytvorte ZIP archív príslušného priečinka a potom produkt zverejnite.

Krok 5. Konfigurujte pravidlá pre prácu s aplikáciou alebo rozšírením

Na paneli spravovania Google môžete ovládať používanie aplikácií a rozšírení na zariadeniach Chrome a v prehliadači Chrome na Počítače so systémom Windows, Mac a Linux vo vašej organizácii. Pravidlá prehliadača Chrome sú prispôsobiteľné

Webový prehliadač je mostom, ktorý spája ľudí s internetom. Rovnako ako internet, aj prehliadače za posledných niekoľko rokov zmenili svoj tvar. Od jednoduché použitie prístup k celosvetovému webu s plnohodnotnými ekosystémami s vlastnou sadou softvérových rozšírení a ďalšie príležitosti, dnešné prehliadače sú výkonnejšie ako minuloročné operačné systémy.

Prehliadače sú dôležité nielen pre používateľov, ale aj pre webových vývojárov. Slúži ako hlavný testovací priestor pre programátorov pri práci, kompilácii a úprave webových stránok predtým, ako ich uvedú do prevádzky. Pokiaľ ide o webové prehliadače, Google Chrome je jednoznačne na prvom mieste. Jedná sa o plne funkčný nástroj s celým ekosystémom doplnkov a pomôcok, ktoré rozširujú jeho možnosti a umožňujú používateľom prispôsobiť si ho tak, ako chcú.

Obchod Aplikácie Google Chrome je domovom tisícov doplnkov a pomôcok. Aby sme vám uľahčili život, poradili sme sa s najlepšími spoločnosťami pre vývoj webových aplikácií o zozname 10 cenných doplnkov Google Chrome pre webových vývojárov.

Na internete sú milióny písem. Ich uznanie môže zamotať hlavu aj tým najpokročilejším dizajnérom, nehovoriac o webových vývojároch. Aplikácia WhatFont tento problém vyrieši efektívny spôsob... Všetko, čo musíte urobiť, je presunúť kurzor myši na text a názov písma sa okamžite zobrazí.

Koľkokrát musíte použiť aplikáciu ako Photoshop na manipuláciu s prvkami na vašej stránke? Celkom veľa, nie? S touto aplikáciou sa tento spletitý prístup stáva reliktom minulosti. Získajte perfektné umiestnenie všetkých svojich webových prvkov v pixeloch pomocou presúvateľných vertikálnych a horizontálnych pravítok, dajte im svoje vlastné farby, presúvajte ich pixel po pixeli alebo širokými ťahmi pomocou klávesnice a myši.

Rovnako ako písma je aj nájdenie presných farieb na webových stránkach neuveriteľne ťažké. Táto náročná metóda zahŕňa vytváranie snímok obrazovky a výpočet hexadecimálneho farebného kódu pomocou programu Photoshop. EyeDropper prináša túto funkciu do prehliadača. Jediné, čo musíte urobiť, je kliknúť na miniaplikáciu, vybrať nástroj a potom vybrať farbu, ktorú chcete nájsť.

Stylebot je sen každého webového vývojára, ktorý sa splní. Umožňuje vám rýchlo manipulovať so všetkými vizuálnymi prvkami webových stránok pomocou vlastného CSS. Takmer akýkoľvek prvok - veľkosť písma, okraje, farba, viditeľnosť atď. - je možné vybrať a zmeniť podľa želania vývojára. Stylebot je úžasný nástroj na ladenie dizajnu vašich webových stránok a ponúka veľkú pomoc začínajúcim aj profesionálnym vývojárom webu.

Jednou z najnáročnejších vývojových úloh je vytváranie webových stránok, ktoré bežia hladko na obrazovkách a majú rôzne veľkosti. Aby ste si to boli istí, musíte vykonať prísne testy. Resolution Test umožňuje používateľom testovať webovú stránku s rôznym rozlíšením a veľkosťou obrazovky. Rozšírenie tiež umožní webovým vývojárom definovať vlastné povolenia.

Speed ​​Tracer, ktorý je nevyhnutný pre všetkých webových vývojárov, pomáha diagnostikovať a opravovať problémy súvisiace s výkonom webových stránok a aplikácií. Speed ​​Tracer rozpoznáva problémy spôsobené počas vykonávania JavaScriptu, rozloženia, spätných odkazov XML http, prepočtu štýlu CSS a ďalších.

Dizajn a text tvoria tvár stránky. Corporate Ipsum umožňuje webovým vývojárom zadávať na webovú stránku fiktívny text ľubovoľnej dĺžky. Táto príležitosť sa stáva veľmi aktuálnou pri rozhodovaní o rozložení stránky a predstavení pracovného modelu klientovi.

Tento nástroj poskytuje množstvo funkcií, ako je overovanie prvkov HTML pomocou myši a živosti Vlastnosti CSS a zároveň poskytuje bohatú vizuálnu prezentáciu Prvky HTML a DOM.

Alexa Traffic Rank je veľmi dôležitý nástroj pre vývojárov webu a SEO a uvádza vás do pruhu návštevnosti Alexa a poskytuje vám podrobný prehľad o všetkých navštívených stránkach bez prerušenia prehliadania.

Analýza webových stránok je jednou z hlavných úloh práce webového vývojára. To sa dá ľahko dosiahnuť pomocou Screen Capture, nástroja, ktorý umožňuje používateľom a vývojárom zachytiť všetok viditeľný obsah na webových stránkach do jednej záložky, do konkrétnej časti stránky alebo ho dokonca zachytiť celý.

Pre webových vývojárov je veľmi dôležité, aby boli schopní porozumieť a prispôsobiť sa tak, aby mohli vytvárať softvérové ​​riešenia, ktoré sú nielen nové, ale aj funkčné. Náš zoznam rozšírení pre prehliadač Google Chrome vám pomôže prísť s týmito riešeniami oveľa rýchlejšie a oveľa efektívnejšie.

Bez ohľadu na to, čo ste o prehliadači Google Chrome počuli, pokiaľ ide o návrh a vývoj webu, Firefox stále zostáva najlepší prehliadač s priateľským vývojovým prostredím, ktoré nájdete.

Sakra, Firefox má dokonca vyhradenú verziu prehliadača postavenú len pre webových vývojárov. To je to, ako veľmi sa Mozilla stará o webových dizajnérov a vývojárov.

Firefox má tiež obrovskú zbierku rozšírení, vďaka ktorým je prehliadač výkonnejší a má maximálny účinok. Tu sú niektoré z najlepších rozšírení pre Firefox, ktoré môžete použiť na uľahčenie života pri vývoji webových aplikácií.

Nainštalujte, otestujte a používajte väčšinu týchto rozšírení. Koniec koncov, všetky sú voľne použiteľné!

  • Čo to robí: Kontroluje webové stránky

Firebug je rozšírenie, bez ktorého weboví dizajnéri a vývojári jednoducho nemôžu žiť. Toto rozšírenie je podobné rozšírenej verzii integrovanej konzoly pre vývojárov, ktorá sa dodáva s Firefoxom. Firebug vám uľahčuje overovanie prvkov na webových stránkach a ukazuje vám, ako to funguje na rôznych weboch.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Klient pre Firefox

FireFTP je klient FTP / SFTP pre Firefox, ktorý vám umožňuje bezpečne sťahovať a prenášať súbory medzi počítačom a serverom priamo z vášho prehliadača. Vďaka tomuto doplnku už nikdy nebudete musieť skákať medzi prehliadačom a klientskými aplikáciami FTP.

  • Vhodné pre: webových vývojárov a dizajnérov
  • Čo to robí: Analyzujte a kontrolujte webové stránky

Toto je rozšírenie typu všetko v jednom, ktoré do vášho Firefoxu pridáva množstvo užitočných nástrojov. Niektoré z nástrojov zahrnutých v tomto doplnku sú zobrazovanie a úpravy hárkov štýlov CSS, deaktivácia štýlov, nástroje na ladenie atď.

  • Čo to robí: nástroj na analýzu farieb

ColorZilla je skvelý nástroj, ktorý webovým dizajnérom v oblasti front-end bude veľmi užitočný. Tento doplnok má kvapkadlo na rýchly výber farieb na webovej stránke, generátor prechodov CSS, analyzátor farieb, farebné palety a ďalšie.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Upravte webové stránky pomocou vlastného kódu

Greasemonkey, ktoré si obľúbilo viac ako milión používateľov Firefoxu, je rozšírením, ktoré vám prinesie nekonečnú zábavu. Tento doplnok vám umožňuje prispôsobiť obľúbené webové stránky ich úpravou pomocou vlastného JavaScriptu. Môžete si tiež užiť skripty, ktoré už vytvorili iní vývojári.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Upraví posun webových prvkov

Jednoduchý, ale užitočný doplnok, ktorý vám umožňuje kontrolovať webové prvky a vizuálne vidieť, koľko pixelov je v prvkoch zakázaných, čím vytvára kompozíciu s priehľadnými vrstvami. Pomocou tejto kompozície môžete vyladiť svoju skutočnú webovú stránku tak, aby zodpovedala prekrytiu, a dosiahnuť tak najlepší výsledok bez akýchkoľvek hádaní.

Ak napríklad jeden z obrázkov na vašej webovej stránke prekrýva iný objekt, môžete pomocou Pixel Perfect určiť, koľko pixelov musíte upraviť, aby bol tento obrázok na správnom mieste.

  • Najlepšie pre: webových dizajnérov
  • Čo to robí: sťahuje všetko z webovej stránky

Tento doplnok plní svoje meno tým, že vám umožňuje sťahovať všetko z webovej stránky. Jedným kliknutím si môžete pomocou tohto rozšírenia stiahnuť všetky obrázky, odkazy a ďalšie údaje obsiahnuté na webovej stránke. Doplnok má tiež vstavaný akcelerátor sťahovania, ktorý štyrikrát optimalizuje vašu rýchlosť sťahovania.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: skontrolujte webové stránky v internet Explorer

Verte či neverte, existujú ľudia, ktorí stále používajú na prístup na internet staršie verzie programu Internet Explorer. Vytvorenie stránok, ktoré v týchto starších prehliadačoch dobre fungujú, je jednou z výziev, s ktorými sa weboví dizajnéri stále stretávajú. Tento doplnok uľahčuje prispôsobenie webových návrhov starším Internetové prehliadače Prieskumník vytvorením Nová karta v IE.

  • Vhodné pre: webových dizajnérov a vývojárov
  • Čo to robí: Ukazuje o technológiách použitých na webových stránkach

Zaujíma vás, aké technológie boli použité pri vytváraní vašich obľúbených webových stránok? Potom vám tento doplnok príde vhod. BuiltWith je rozšírenie, ktoré vám umožňuje prehľadávať webové stránky a zistiť, aké technológie sa na stránke používajú. Skvelý nástroj pre všetkých ctižiadostivých webových dizajnérov, aby sa poučili z vopred vytvorených webových stránok.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Zapnite alebo vypnite Javu

Tento doplnok vám umožňuje jednoducho povoliť alebo zakázať jazyk Java vo vašom prehliadači. Na webovej stránke môže tiež zakázať JavaScript, súbory cookie, animované obrázky, Flash a ďalšie. Je to užitočný doplnok nielen pre vývojárov, ale aj pre bežných užívateľov na zvýšenie zabezpečenia prehliadača a zníženie šírky pásma.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Meria položky v pixeloch

Funkcia tohto doplnku je jednoduchá. Umožňuje vám nakresliť virtuálne pravítko nad webovú stránku alebo prvok na stránke a zmerať šírku, výšku alebo pixelové zarovnanie prvku na webovej stránke. MeasureIt je užitočné pre väčšinu front-end dizajnérov vytvárať makety.

  • Najlepšie pre: webových dizajnérov
  • Čo to robí: Zmeňte jazyk v prehliadači

to užitočný nástroj ktorý okamžite preloží váš Firefox do iného jazyka. Všetko vo vašom prehliadači, vrátane používateľského rozhrania, slovníka kontroly pravopisu a obsahu webových stránok, bude preložené do jazyka, ktorý si vyberiete. Skvelá funkcia, ktorú môžete použiť pri vývoji viacjazyčných webových stránok.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Generuje fiktívny text

Vytváranie fiktívnych textov pre nové rozloženia webových stránok a prototypy je nudná úloha, ktorá sotva pobaví jedného návrhára. Vďaka tomuto rozšíreniu bude proces menej nudný, pretože vám umožní vytvárať fiktívny text „Lorem Ipsum“ priamo z Firefoxu.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Upravuje a vytvára súbor cookie

Tento doplnok nielenže spravuje súbory cookie vašej stránky, ale tiež uľahčuje úpravu a vytváranie nových. Medzi niektoré z funkcií doplnku patrí vstavané prehliadanie súborov cookie, možnosť zmeniť doménu, možnosť upravovať viacero súborov cookie súčasne a ďalšie.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Vyberá farby na webovej stránke

Ľahko použiteľný nástroj, ktorý vám umožňuje vybrať farby ľubovoľných pixelov na webovej stránke a jednoducho skopírovať kód farby RGB alebo Hex pre použitie vo vašich vlastných projektoch. Krása a vizuálne rozhranie tohto nástroja veľmi uľahčuje začiatočníkom poznanie farieb na webových stránkach.

  • Vhodné pre: webových dizajnérov a vývojárov
  • Čo to robí: Poskytuje informácie o softvéri používanom webovou stránkou

Podobne ako doplnok BuiltWith, Wappalyzer je ďalšie užitočné rozšírenie, ktoré vám umožní vedieť, ktoré softvér použité na webovej stránke. Môžete napríklad zistiť, aký typ CMS server používa, aký operačný systém server servera podporuje a ďalšie.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Zmeňte používateľského agenta prehliadača

Chcete vedieť, ako bude váš web vyzerať na rôznych platformách a operačných systémoch? Potom je to nástroj, ktorý vám určite príde vhod. User-Agent Switcher vám umožňuje prepínať medzi rôznymi platformami, ako sú Android, Mac, Windows, a vybrať operačné systémy, aby ste zmenili agenta svojho prehliadača.

  • Vhodné pre: webových dizajnérov a vývojárov
  • Čo to robí: Ukazuje príklad použitia karty pamäte prehliadača

Je to praktický doplnok, ktorý vám pomôže určiť, koľko zdrojov počítača každý používa otvorená karta vo Firefoxe. Tento nástroj môžete použiť na zistenie, koľko zdrojov vaša stránka používa, a optimalizovať ju na maximálnu výkonnosť.

  • Najlepšie pre: webových dizajnérov a grafických dizajnérov
  • Čo to robí: Otvára obrázky vo Photoshope

Tento doplnok robí to, čo hovorí jeho názov, jednoducho sa jediným kliknutím otvoria obrázky, ktoré nájdete na webovej stránke pomocou Photoshopu. Nie je potrebné nahrávať obrázok ani spúšťať Photoshop, rozšírenie urobí všetko, čo potrebuje.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Vylepšuje tabuľky HTML

Grafy, štatistiky, porovnania, tabuľky - tento doplnok dokáže všetko. Tento nástroj môžete použiť na vytváranie užívateľsky prívetivých a krásnych tabuliek a diagramov HTML.

  • Vhodné pre: webových vývojárov
  • Čo to robí: Klient SSH pre Firefox

Na spustenie terminálu SSH je spravidla potrebné nainštalovať aplikáciu. Tieto aplikácie sa líšia v jednom operačný systém od toho druhého. FireSSH však funguje na všetkých platformách, pokiaľ máte Firefox. Rozšírenie vám umožňuje spustiť terminál SSH priamo z vášho prehliadača.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Automatické obnovovanie webových stránok

Jednou z nepríjemných vecí, s ktorými sa weboví dizajnéri stretávajú pri navrhovaní webových stránok, je ručná aktualizácia webovej stránky po každej malej zmene kódu. Auto Refresh je rozšírenie, ktoré rieši tento problém tým, že vám umožňuje automaticky aktualizovať jednu alebo viac kariet vo Firefoxe v určených intervaloch.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Zmeňte veľkosť okien Firefoxu pre konkrétne rozlíšenia obrazovky

Tento doplnok vám umožňuje zmeniť veľkosť okna Firefoxu pri konkrétnych rozlíšeniach, aby ste videli, ako váš web vyzerá na rôznych obrazovkách. Aby toto rozšírenie fungovalo správne, budete si musieť nainštalovať panel doplnkov pre Firefox.

  • Vhodné pre: webových dizajnérov a vývojárov
  • Čo to robí: Vyhľadá informácie o písmach stránky a jej prvkoch

Font Finder je užitočný nástroj, ktorý vám umožní zistiť prvky webovej stránky dôležitá informácia o písmach použitých na stránke, ako je názov rodiny písem, farba písma, riadkovanie, výzdoba a ďalšie.

  • Najlepšie pre: návrhári rozhraní
  • Čo to robí: Kontroluje webové stránky v rôznych prehliadačoch

Funkcia tohto doplnku je jednoduchá. Umožňuje vám jediným kliknutím otvoriť inú webovú stránku, ktorú si prezeráte vo Firefoxe, iným prehliadačom. Na otvorenie webovej stránky nie je potrebné kopírovať adresy URL, otvorte jeden po druhom a prilepte adresy URL.

  • Vhodné pre: webových dizajnérov a vývojárov
  • Čo to robí: Vymaže vyrovnávaciu pamäť prehliadača

Tento doplnok okamžite vymaže vyrovnávaciu pamäť Prehliadač Firefox(RAM a DISK), aby sa znížilo používanie počítačových zdrojov. Rozšírenie vám umožňuje vymazať vyrovnávaciu pamäť jednoduchým kliknutím na tlačidlo alebo stlačením klávesu F9 na klávesnici. Ak si chcete rýchlo pozrieť zmeny vykonané na webovej stránke, tento doplnok bude veľmi užitočný.

Od svojho vzniku sa vyznačuje dobrou rýchlosťou práce, jednoduchosťou a pohodlnosťou, ktorá si od prvých dní získala mnoho fanúšikov. Chrome zároveň dostal veľa „kritiky“ od ľudí, ktorí sú zvyknutí na pohodlné doplnky vo Firefoxe - doplnky boli jedným z faktorov, ktoré bránili prehliadaču Google Chrome používať ho ako známy pracovný nástroj. Medzi nimi boli weboví dizajnéri, správcovia webu, vývojári a ďalší.

Našťastie tieto časy sú už dávno preč a dnes bol pre prehliadač Google Chrome vyvinutý (alebo upravený) obrovský počet rozšírení. Pozrime sa na tie, ktoré budú užitočné pre webdizajnéra alebo správcu webu.

Web Developer

Web Developer nie je jeden, ale celá sada nástrojov pre návrhárov a webových vývojárov. S týmto rozšírením môžete získať informácie o konkrétnom prvku stránky, štýloch, obrázkoch a ďalších. Osobne používam Web Developer, ale iba pod Firefoxom, najčastejšie s jeho pomocou prezerám stránky s veľkosťou 1024 * 768 pre správne zobrazenie na menších monitoroch, CSS priebežne testujem a upravujem, používam na validáciu, vy môžete odstrániť súbory cookie a mnoho ďalších.

Firebug lite

Firebug Lite je odľahčená verzia obľúbeného doplnku Firebug (známy aj vo Firefoxe). Rozšírenie je inšpektor prvkov a šikovný nástroj na ladenie. Verzia Lite nemá panel siete a ladiaci program JavaScript. Pokiaľ ide o skúsených vývojárov, myslím si, že nemá zmysel hovoriť o výhodách programu Firebug.

CSSViewer

V programe CSSViewer môžete rýchlo vidieť sadu štýlov pre akýkoľvek prvok na stránke. Jednoduchý, ale veľmi praktický doplnok. Pokiaľ viem, Firebug a Web Developer majú tiež niečo podobné, ale ak nepotrebujete ďalšie funkcie týchto rozšírení, potom ho môžete nainštalovať oveľa jednoduchšie.

Rezistor na okná

Window Resizer vám umožňuje vidieť, ako bude vaša stránka vyzerať pri rôznych rozlíšeniach obrazovky. Existujú prednastavené formáty monitorov, prenosných počítačov a mobilné zariadenia, ktorý priaznivo odlišuje toto rozšírenie Google Chrome od rovnakého webového vývojára, kde (pokiaľ viem vo Firefoxe) musíte vytvoriť dimenzie na overenie sami.

Validátor HTML

Súhlasíte, nie je veľmi vhodné ísť zakaždým na web W3C a skontrolovať platnosť kódu? Vďaka rozšíreniu HTML Validator je proces jednoduchý a takmer bleskový. V jednom z predchádzajúcich článkov blogu Tod's Blog som sa zaoberal otázkou platnosti HTML vrátane používania noindexu. Po diskusiách som dospel k záveru, že hoci to nie je 100% predpoklad úspešného webu, pomôže to identifikovať chyby rozloženia, ktoré (pokiaľ je to možné) je najlepšie opraviť. Mimochodom, ak porovnáte s tým istým webovým vývojárom, pri jeho overovaní sa dostanete na webovú stránku W3C, kde môžete vidieť chyby, ale v aktuálnom okne nie je žiadne zobrazenie, ako je znázornené pre prehliadač Google Chrome na obrázku vyššie. .

Konzol PHP

PHP Consol je výkonný nástroj na ladenie PHP. Toto rozšírenie navyše nie je také jednoduché, ako sa na prvý pohľad zdá (celú sadu funkcií si môžete preštudovať na stránke rozšírenia). Konzola vám umožňuje vidieť chyby, výnimky a rôzne ladiace správy.

ColorPicker

ColorPicker je kvapkadlo pre prehliadač Google Chrome. S týmto rozšírením môžete definovať hodnotu farby v akejkoľvek oblasti stránky. Hlavné vlastnosti doplnku:

  • - Nastaviteľná oblasť kvapkadla - od 1 do 101 pixelov (môžete definovať hodnotu farby konkrétneho pixelu alebo oblasti);
  • - Kontrola kompatibility (zhody) s WCAG 2.

Jedným slovom je to pre dizajnéra mimoriadne dôležitý a veľmi pohodlný nástroj.

Chrómová paleta

Chrome Palette je ďalšie užitočné rozšírenie pre prácu s farbami. Vďaka palete Chrome Palette môžete vytvárať palety z ľubovoľného obrázku v priebehu niekoľkých sekúnd:

Editor písem

Rozšírenie Font Editor vám umožní vidieť, ako budú niektoré písma (vrátane písma, písma, veľkosti písma atď.) Vyzerať na ľubovoľnom webe:

Stránka Chrome rozšírená

Stránku Chrome Page Extended nemožno nazvať čisto „návrhárskym“ doplnkom, ale pomôže vám spravovať (vrátane používania klávesových skratiek) všetky dostupné (nainštalované) rozšírenia. Dúfam, že týchto 10 rozšírení prehliadača Google Chrome zlepší vašu produktivitu a efektivitu v tomto určite veľmi sľubnom prehliadači! A ak bol predtým jedným z mála faktorov, ktoré bránili jeho používaniu, nedostatok rozšírení Google Chrome, dnes taká prekážka neexistuje.

P.S. Ak ste na internete nováčik a stále neviete, ako si vytvoriť blog, môžete vyskúšať bezplatný a užitočný video kurz na WordPress.
Spoločnosť SpetsService Logistics pomôže s certifikáciou produktov, pre ktoré štátna norma vyžaduje špeciálne certifikáty.
Ak chcete nastaviť zaujímavý stav, pozrite si hotové statusy o láske v kontakte, ktoré môžete použiť pre svoje osobné stránky na sociálnej sieti.