Home-theater-designers
Chrome ha capturat recentment un 25% del mercat del navegador d’Internet, cosa que el converteix en el segon navegador més utilitzat al món darrere d’Internet Explorer (que evoluciona cap a Project Spartan). En última instància, això significa que Chrome és el de facto casa per a desenvolupadors web.
Tot i que sóc parcial de Firefox, puc apreciar per què a la gent li agrada Chrome. Tendeix a dominar els paràmetres del navegador i facilita que la gent normal es converteixi en usuaris avançats de Chrome. Altres realment odien Chrome, però s’utilitzen a causa de la disponibilitat de determinades extensions.
Aquesta és una de les raons per les quals Chrome és tan bo per als desenvolupadors web: el Chrome Web Store i el seu conjunt d’extensions. Si mai teniu previst dissenyar o codificar un lloc web, aquí teniu algunes eines essencials que hauríeu d’instal·lar immediatament.
ColorZilla
ColorZilla va començar com a complement de Firefox, però es va fer tan popular que molts van sol·licitar una versió de Chrome. Ara som aquí. Aquesta pràctica extensió és bàsicament una versió avançada de l'eina comptagotes que trobareu en un programa com Paint o Photoshop.
Amb ell, podeu assenyalar qualsevol punt del vostre navegador i treure immediatament la informació de color en aquell punt. Un cop extret, el podeu modificar (ja sigui per RGB, HSV o hexagonal recte) abans de copiar-lo al porta-retalls. Molt fàcil d'utilitzar.
També inclou un generador de gradient CSS, un analitzador de colors de pàgines web i algunes paletes de colors preinstal·lades per a la vostra comoditat.
Redimensionador de finestres
Un dels perills del desenvolupador web és assegurar-se que l’experiència de visualització d’un lloc web sigui agradable per als usuaris de tot tipus de dispositius. No només parlem de mòbils contra ordinadors és important, però també la diferència entre tauletes petites i monitors massius.
Redimensionador de finestres és una manera fàcil de canviar la mida de la finestra del navegador sobre la marxa. En fer clic a un botó, podreu provar el vostre lloc web amb diverses resolucions per veure el que veuen els vostres usuaris, i després podeu ajustar-los en conseqüència.
Pestanya IE
Un altre perill enorme del desenvolupador web són els estàndards del navegador (o la seva manca). Internet Explorer, Firefox, Chrome, Opera i tots els altres navegadors menors renderitzaran els llocs web de maneres lleugerament diferents. Mentrestant, alguns navegadors adopten estàndards més lents que altres.
O en el cas d'Internet Explorer, els estàndards es llancen per la finestra i els desenvolupadors web es veuen obligats a arrencar-se els cabells mentre es veuen obligats a fer acomodacions.
Amb Pestanya IE , aquest procés es fa una mica més fàcil. Us permet veure un lloc web en una nova pestanya de Chrome, però es renderitza tal com apareixeria a IE. No és una solució revolucionària al problema de l’IE, però almenys és una cosa.
Validesa
No tot el codi HTML és igual. Tot i que els navegadors tenen un paper important en el compliment de les normes, una part de la responsabilitat també recau en el desenvolupador web per seguir les bones pràctiques HTML. Per això, hi ha eines per a això provar i validar HTML .
Validesa és una extensió que us permet fer tot això sense haver de visitar cap lloc de tercers. Simplement obriu el lloc web, feu clic al botó i es mostraran tots els missatges HTML no vàlids a la consola del navegador. La validació es realitza a través del servei de validació del W3C.
ConstruïtAmb
Una cosa que m’agrada del desenvolupament web és que n’hi ha molts biblioteques, marcs i motors disponibles per utilitzar. La llibertat d’elecció és fantàstica, però és un dolor quan el nombre de tecnologies esdevé tan gran que no es pot seguir amb totes.
Alguna vegada heu visitat un lloc web i us heu preguntat quina és la tecnologia subjacent?
El ConstruïtAmb L'extensió és un sol botó que analitza la pàgina web actual per veure-la tot de les biblioteques web, els marcs i els motors que l’alimenten, incloses les xarxes publicitàries, les plataformes de distribució de contingut i fins i tot el programari d’allotjament que hi ha darrere.
Client Postman REST [Ja no està disponible]
Per als que treballeu amb les API REST, Carter és l'única eina que necessiteu per a un flux de treball racionalitzat. Amb ell, podeu construir sol·licituds HTTP i obtenir respostes formatades en JSON i XML. Les respostes s’obren en una finestra independent com a HTML.
També podeu agrupar diverses sol·licituds en una cosa anomenada col·lecció, que és una manera excel·lent de mantenir-vos organitzat i eficient. També podeu provar en diversos entorns activant variables ambientals directament a l’extensió.
Assegurança corporativa
Una manera de generar text de farciment és copiar i enganxar 'asdf' una i altra vegada cent vegades. Una millor manera seria instal·lar Assegurança corporativa i deixeu-lo generar text de farciment en un tancar i obrir d’ulls.
Abans hem tractat diversos generadors de Lorem Ipsum, però l’atractiu de Corporate Ipsum és que es troba al vostre navegador. Podeu fer-ho cap amunt amb un sol clic de botó. No hi ha cap raó per no fer-lo servir, si em pregunteu. Ara podeu tornar a codificar realment el vostre lloc web.
TabCloud
El desenvolupament web de vegades es produeix en diverses màquines. Tot i que el control d’origen per als desenvolupadors és la principal manera de mantenir-se sincronitzat i actualitzat, i si voleu transferir diverses pestanyes entre equips? Aquí és on TabCloud entra.
TabCloud sincronitza les vostres pestanyes amb el núvol, cosa que us permet tornar a obrir-les en altres llocs. També es pot utilitzar localment com a estalvi de sessió, cosa que us permet emmagatzemar un conjunt de pestanyes per tornar-les a visitar posteriorment. Les pestanyes es desen al vostre compte de Google.
QuèFont
El disseny de tipus de lletra és un component important del desenvolupament web, motiu pel qual serveis com Google Web Fonts han esdevingut tan populars. La bona notícia és que aquestes fonts gratuïtes són ara algunes de les fonts web més boniques disponibles actualment.
Però admeteu-ho: hi ha vegades que navegueu per la xarxa i us trobeu amb una font impressionant que mai no heu vist. Hi ha moltes maneres d’identificar-lo, però la forma més ràpida és utilitzar-la QuèFont . Amb ell, podeu inspeccionar els tipus de lletra simplement mitjançant planant sobre ells . Com pot ser més fàcil?
Impressionant captura de pantalla [Ja no està disponible]
Si les captures de pantalla no formen part de la vostra rutina habitual de desenvolupament web, Impressionant captura de pantalla ajudarà a canviar això. Les captures de pantalla són excel·lents per documentar els canvis en el disseny i compartir treballs en curs amb el client o els membres de l'equip.
la millor aplicació de ràdio gratuïta per a iphone
Aquesta extensió té diverses funcions de captura, inclosa la pàgina completa, l'àrea seleccionada o l'àrea visible. També us permet afegir anotacions, desenfocar parts sensibles de la imatge i compartir-les amb un sol clic. O bé pengeu-lo al vostre Google Drive.
Si el concepte us atrau, però preferiu utilitzar un programa d'escriptori més potent, consulteu aquesta comparació d'eines de captura de pantalla i comenceu a utilitzar el que us vagi millor.
Consulteu Els meus enllaços
Un munt d’errors de desenvolupament web frustraran els vostres visitants i els enllaços trencats són un dels pitjors delinqüents. És possible que un enllaç trencat estigui bé, però el vostre lloc web comença a perdre credibilitat i reputació. Afortunadament, es tracta d’un error fàcilment evitable.
Consulteu Els meus enllaços fa exactament el que promet: comprova els vostres enllaços. Els enllaços vàlids es marquen en verd, mentre que els enllaços trencats es marquen en vermell i, al final, us proporcionarà una puntuació percentual. Tot el que heu de fer després és anar a reparar aquests enllaços.
Quines extensions utilitzeu?
Una extensió més per a la productivitat que recomanaria és StayFocusd . És més una extensió d’ús general que una extensió de desenvolupament web, però sens dubte és útil independentment. Evita que el web us distregui mentre treballeu.
Què en penseu? Hi ha alguna altra extensió essencial de desenvolupament web que recomaneu? Comparteix amb nosaltres als comentaris a continuació.
Compartir Compartir Tweet Correu electrònic 15 Ordres de l'indicador de comandes de Windows (CMD) que heu de conèixerEl símbol del sistema continua sent una potent eina de Windows. Aquests són els comandaments CMD més útils que tots els usuaris de Windows necessiten conèixer.
Llegiu a continuació Temes relacionats- Navegadors
- Google Chrome
- Extensions del navegador
Joel Lee és l’editor en cap de MakeUseOf des del 2018. Té un B.S. en informàtica i més de nou anys d'experiència en redacció i edició professional.
Més de Joel LeeSubscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us