Instrumente ușoare pentru designul web în mozilla

Din fericire, respectarea standardelor Web înseamnă că browserele care utilizează dezvoltatorii sunt în mare parte compatibile cu browserele care sunt utilizate de majoritatea utilizatorilor obișnuiți. Și acest lucru este foarte important, deoarece tot ceea ce este dezvoltat pentru Firefox în 99% din cazuri va funcționa în Chrome. IE nu mai este o prioritate pentru majoritatea dezvoltatorilor. Este învechit și este folosit pentru a descărca alte browsere. Edge acum, de asemenea, nimeni nu ia în serios.

Firefox nu se bucură numai din cauza securității și a confidențialității. Firefox, a fost întotdeauna, în cea mai mare parte, un proiect promovat de comunitatea utilizatorilor (deși în exemplul Wikipedia, "comunitatea" a devenit prea arogantă). Inima modelului de dezvoltare comunitară este de a îmbunătăți calitatea experienței utilizatorului. Cu alte cuvinte, proiectele conduse de comunitate pun adesea nevoile utilizatorilor. Proiectele corporative prioritizează, de asemenea, nevoile corporative. Pentru dezvoltatori, aceasta înseamnă că rețeaua poate găsi multe instrumente gratuite pentru a simplifica munca lor. În cea mai mare parte, aceste instrumente sunt mult mai ușor decât majoritatea opțiunilor plătite.

Instrumente ușoare pentru designul web în mozilla

Instrumente ușoare pentru designul web în mozilla

Tendințe și abordări moderne în dezvoltarea web

Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului

Dezavantajul este evident - instrumentul necesită o conexiune la rețea (dacă, desigur, nu ați putut clona platforma Thimble pe serverul local). Al doilea dezavantaj este că nu își poate publica proiectele comerciale, deoarece platforma nu este concepută pentru profesioniști.

Ca și în cazul majorității proiectelor Mozilla, documentația Thimble este destul de slabă, mai ales în ceea ce privește ceea ce poate și nu poate fi făcut. Dezvoltatorii cred că veți citi regulile de utilizare, care pot fi numite o presupunere destul de dubioasă, chiar dacă un manager web care utilizează soluții de dezvoltare online ar trebui să facă acest lucru.

Regulile de utilizare este o parte foarte importantă, în cazul în care se spune că da Mozilla o licență gratuită pentru toți pe care le publica pe platforma, precum și acordul pentru reutilizarea și edita produsul de alții. Evident, după aceea nu veți dori să vă publicați proiectele profesionale pe această platformă.

X-RAY GOGGLES

Copiii au dorit întotdeauna să obțină ochelari cu raze X, dar, din păcate, astfel de tehnologii (cel puțin într-adevăr, de lucru) sunt prea scumpe pentru copiii obișnuiți. X-Ray ochelari de protecție de către Mozilla nu vă arată ceea ce este asistenta medicală sub haine exterior, sau că grădinarul scoțian sub kiltul, dar cu ajutorul acestui instrument, puteți vedea modul în care pagina Web, și editați codul pentru a face să funcționeze pentru -Alte. Este mult mai abrupt decât toate perversiunile, nu?

Instrumente ușoare pentru designul web în mozilla

Scopul principal al instrumentului din punct de vedere profesional este modelarea nisipului pentru a testa schimbările în modelele existente fără a fi nevoie să se facă schimbări imediate. Este foarte simplu, glisați și fixați butonul X-Ray Goggles în bara de marcaje. Pentru a activa, apăsați butonul, pentru a ieși, apăsați ESC.

Cu toate acestea, experții vor fi confundați de limitările care sunt asociate numai cu dezvoltarea infrastructurii mobile. Acest instrument are ca obiectiv principal atragerea adolescenților la brandul Mozilla și este proiectat pentru a ajuta profesorii arate cool (i învețe să vorbească pe limba de dezvoltare web mobil).

Instrumente ușoare pentru designul web în mozilla

Scratchpad

Un instrument pentru scrierea și testarea codului JS. Consola vă permite să executați o singură linie a scenariului la un moment dat, ceea ce limitează foarte mult posibilitățile. În același timp, în scratchpad puteți introduce cât mai multe linii doriți. Este activat în orice fila Firefox apăsând Shift + F4.

Instrumente ușoare pentru designul web în mozilla

Tendințe și abordări moderne în dezvoltarea web

Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului

MOD DE DESIGN RESPONSABIL

Această caracteristică este construită chiar în Firefox (este de asemenea disponibilă în Chromium și Google Chrome). Cu aceasta puteți verifica layout-urile de pagină cu diferite rezoluții pe un singur ecran. Instrumentul nu este ideal (pentru toate browserele), dar este potrivit pentru majoritatea scripturilor pentru a verifica afișarea aceluiași site. Modul Adaptabilitate în Firefox este activat prin simpla apăsare a tastelor Ctrl + Shift + M. Puteți reveni la modul normal apăsând din nou.

Puteți schimba aspectul folosind o serie de butoane amplasate deasupra aspectului. Primul buton din stânga este similar cu "fereastra de închidere", cu ajutorul căreia puteți ieși din modul adaptiv. Următoarea este o listă derulantă în care puteți selecta șabloane de permisiune, puteți seta unul nou sau (nu se recomandă) ștergeți șablonul de permisiune existent din listă. În partea dreaptă a listei derulante se află butonul pentru comutarea între modul portret și peisaj. Următorul este butonul de simulare pentru evenimentele cu ecran tactil. Ultimul buton face o captură de ecran.

WEB DEVELOPER EXTENSION TOOLS

În mod implicit, acest instrument în Mozilla nu este, aceasta este extensia pentru Firefox Chris Pederic. Extensia conține o gamă largă de instrumente care se potrivesc fiecărei nevoi. Folosind-o, puteți:

porniți și opriți orice;

modificați paginile CSS;

modificați câmpurile de formular din pagină;

eliminați măștile din câmpurile de parolă de tip;

Extrageți informații detaliate despre imagini;

explorați elementele DOM;

schimbați dimensiunea ecranului;

vizualizarea planurilor în modul adaptiv este mai bună decât în ​​metodele încorporate;

și multe altele.

Instrumente ușoare pentru designul web în mozilla

Cel mai simplu mod de a descrie această extensie este cuțitul elvețian printre instrumentele de dezvoltare. Este bine în aproape tot ceea ce aveți nevoie, dar toate instrumentele sunt ascunse până când aveți nevoie de ele. Puteți să le accesați utilizând butonul din dreapta al mouse-ului din meniul contextual și există, de asemenea, o bară de instrumente. Bara de instrumente este mult mai bună.

INSTRUMENTE DE DEZVOLTARE FIREFOX

Cea mai mare parte a funcționalității Firebug este disponibilă direct în panoul dezvoltator încorporat, care are și o consolă. Panoul este similar și funcționează pe principiul panoului din Chromium și Google Chrome. Interfața nu este intuitivă și atâta timp cât stăpânești și înțelegi toate funcțiile, vei face multe greșeli.

Utilizatorii neexperimentați pot să nu observe una dintre funcțiile - linia de comandă JS din partea de jos a consolei, nu este marcată. Funcționează mai bine decât versiunile din Chromium / Chrome, dar implementarea lor, care adaugă un cursor intermitent direct la consola, este mult mai evidentă.

MĂSURĂ DE EXTINDERE

Este mai ușor să instalați un minunat ecran de riglă de la Ian McIntosh, dar extensia Measureit de la Kevin Freitas are un avantaj. El poate măsura simultan lățimea și înălțimea și este mai precis. Un instrument util pentru măsurarea oricărui lucru dintr-o fereastră de browser. În unele versiuni de Firefox, instrumentul nu funcționează, poate că se datorează unui conflict cu alte extensii. Încercați să dezactivați extensiile înainte de instalare.

EXTENSIUNEA COLORZILĂ ȘI EYEDROPPER

Atât unul, cât și unul dintre instrumente ar trebui să fie pentru fiecare designer, deoarece cu ajutorul acestora puteți găsi rapid culoarea pe orice pixel din browser. De asemenea, puteți utiliza instrumentul GColor - Gnome, care face același lucru, dar are capacitatea de a obține un eșantion de culoare din orice fereastră, nu numai din browser. Avantajul ColorZilla și Eyedropper în fața lui GColor este că ele prezintă o imagine mărită a pixelului de la care se obține culoarea.

Activează clic pe pictograma Pipetă apoi cursorul se modifică într-un șablon în formă de cruce (ColorZilla) sau o lupă mare (Pipetă). Plasați cursorul peste fereastră și găsiți pixelul pe care doriți să îl obțineți. Faceți clic pe butonul stâng al mouse-ului pentru a copia culoarea în clipboard (în hex), după care extensia se va închide automat.

Acestea sunt doar ajutoare, nu vor face totul pentru tine

Tu rămâi dezvoltator, tot trebuie să-ți îndepliniți îndatoririle. Aceste instrumente, dacă sunt utilizate corect, simplifică sarcinile. Ele pot ajuta în multe feluri, iar pentru majoritatea oamenilor, unele dintre ele sunt în general inutile, în ciuda celor mai sincere intenții din partea Mozilla. Există alte instrumente în rețea care sunt mai bine descrise în acest articol, dar este de obicei mai bine să le folosiți. Uneori este util să știm că există un instrument gratuit de la Mozilla pe care îl puteți utiliza dacă aveți nevoie de el.

Ediție: Comanda webformself.

Instrumente ușoare pentru designul web în mozilla

Tendințe și abordări moderne în dezvoltarea web

Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului

Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame

Articole similare