Microsoft Edge adoptă Chromium: Ce trebuie să știe designerii de web

Microsoft Internet Explorer este unul dintre cele mai mari meme de pe internet. Este, de asemenea, pierderea multor designeri web, deoarece tehnologia nou introdusă pur și simplu nu este acceptată. Când Microsoft a schimbat numele IE în Microsoft Edge, a existat speranța că acele zile se vor sfârși. Că browserul Windows implicit ar adopta cu ușurință tehnologiile moderne, iar web-ul ar avea o platformă standard decentă. Asta nu s-a întâmplat. Cu toate acestea, la sfârșitul anului 2018, MS a anunțat că se va schimba: Edge adoptă motorul Chromium ca bază.

Microsoft Edge Chromium? Care este marea afacere?

Începând cu această scriere, puteți descărca o versiune de previzualizare Edge care include baza Chromium. Este o bază de dezvoltatori și nu este destinată conducerii zilnice ca browser, dar pentru cei dintre voi care doresc să scape de Edge-ul existent, puteți. Cu toate acestea, este foarte oase goale. Pe măsură ce 2019 progresează, browserul OEM va fi actualizat normal pentru a include Chromium.

Totul este minunat. Dar care este marea afacere, întrebi? Ei bine, răspunsul la acest lucru este de trei ori.

1. Microsoft adoptă Open Source

Recent, am văzut mai multe indicații despre trecerea Microsoft de la modelul proprietar al trecutului în domeniul software-ului open-source. Se mișcă în această direcție de când au achiziționat GitHub și au început să îmbunătățească editorul de cod Atom și poate cel mai important odată cu lansarea Visual Studio Code, probabil cel mai popular editor printre dezvoltatori în aceste zile. În plus, ID-ul Visual Studio a fost lansat ca descărcare gratuită, dacă codul VS nu este suficient de puternic pentru dvs.

Adăugarea Edge în arena open-source va ajunge doar la un produs mai puternic pentru consumatori. Microsoft a spus-o foarte bine în această afirmație.

De asemenea, am început să aducem contribuții înapoi la Chromium în domenii precum accesibilitate, touch, ARM64 și altele. Planul nostru este să continuăm să lucrăm în Chromium, mai degrabă decât să creăm un proiect paralel. Lucrăm direct cu echipele de la Google și așteptăm cu nerăbdare să lucrăm și mai mult cu comunitatea open source.

Este plăcut să auzi că Microsoft lucrează cu Google la Chromium în loc să-l bifeze în scopuri proprii. Și pe măsură ce proiectul avansează, Chromium și web design-ul în ansamblu vor deveni mai robuste și mai deschise.

2. Mai puțină fragmentare, mai multe caracteristici

După cum am menționat mai sus, Edge adoptând Chromium va aduce în cele din urmă caracteristici și tehnologie excluse anterior din browser. Pentru utilizator, aceasta înseamnă o experiență mai bună pe aproape toate site-urile web, deoarece lucrurile vor funcționa doar în loc să primească mesaje de eroare sau blocări. Pentru dezvoltatori, înseamnă din nou că munca lor nu se va prăbuși asupra utilizatorilor, dar, de asemenea, că timpul lor poate fi mai bine petrecut pe proiecte noi și produse mai bune, decât să aranjeze și să aranjeze soluții hackey pentru ca lucrurile să funcționeze pe IE / Edge.

Acest lucru este exact motivul pentru care obținem actualizarea Microsoft Edge Chromium. Aceștia au declarat în mod specific că obiectivul lor este „de a crea o compatibilitate web mai bună pentru clienții noștri și o mai mică fragmentare a web pentru toți dezvoltatorii web”.

Reducerea fragmentării înseamnă pur și simplu o utilizare mai consistentă a internetului. Va însemna, de asemenea, că utilizatorii pot (sperăm) să utilizeze extensii și programe de completare fără (mult) lucru suplimentar de la dezvoltatori.

Ne asigurăm că vor vedea aceeași compatibilitate în browserul Edge fără a mai lucra.

Aceste știri sunt imense pentru persoanele care doresc o opțiune de a nu utiliza Chrome din cauza problemelor de securitate și a deficiențelor de confidențialitate. Acești oameni doresc în continuare să aibă în continuare cea mai bună și mai consistentă experiență posibilă pe web. Deoarece fragmentarea este la minimum, securitatea crește, deoarece probabilitatea ca bug-urile și vulnerabilitățile să fie specifice platformei diminuează cu o marjă mare.

3. Designerii web sunt eliberați

Până la această lansare, designerii de web erau limitați în mai multe moduri. În timp ce mulți dintre voi v-ați lucrat magia fără a vă limita neapărat pe baza IE, vizitatorii clienților dvs. ar putea foarte ușor să stea în sfera proiectului.

Puncte cheie pentru designeri și dezvoltatori web

Lumea dezvoltării și designului web se deschide foarte mult odată cu adoptarea Chromium și dorim să menționăm doar câteva dintre lucrurile deschise pe care le veți putea profita și pe care nu trebuie să le creați fie soluții alternative, fie evita cu totul. CSS-Tricks are o descriere exhaustivă a ceea ce dezvoltatorii front-end pot aștepta cu nerăbdare, dar acestea sunt câteva dintre punctele culminante.

CSS funcționează în modul de fundal

Gradientele și duotonele sunt destul de fierbinți și la modă chiar acum. Și una dintre cele mai simple modalități de a le folosi este cu CSS în fundal-blend-mode . Până la această lansare Chromium a Edge, efectul nu s-ar reda pur și simplu pe browserele Microsoft. Orice imagine pe care o amestecați ar fi în schimb color și ar distruge, probabil, întreaga atmosferă spre care vă amestecați. Asta nu mai este o problemă. Dacă utilizați generatori de pagini precum Divi, veți fi fericiți să știți că efectele de amestec incluse în ele vor fi redate și ele, deci nu va trebui să vă scufundați în foile de stil decât dacă doriți absolut.

Edge Înțelegeți codurile hexagonale de culoare cu transparență (în cele din urmă)

Deci, aceasta nu este atât o caracteristică nouă uimitoare, deoarece este o îmbunătățire a calității vieții în jur. Și pentru unii oameni, acest lucru nu poate conta deloc. Acei oameni fiind oameni care nu se deranjează să scrie culori ca rgba (255, 255, 255, .45) în loc de # ffffff45 . Dacă tu (ca mulți oameni) preferi culorile hexagonale, ai noroc. În cele din urmă, veți putea începe să utilizați stilul care vă place și să vă păstrați foile de stil organizate și ordonate.

Practic, puteți include transparență în hexazec care se redă în Edge cu această modificare (rețineți 45 la sfârșitul exemplului de mai sus, indicând o transparență de 45%), ceea ce înseamnă că nu mai există CSS mix-and-match. După cum am spus, este o caracteristică a calității vieții.

orientarea textului și modul de scriere CSS se va reda

Tehnologia CSS avansată nu a fost niciodată costumul puternic al Edge. De fapt, nici măcar nu era costumul slab. Nu era deloc în dulapul lui Edge. Dacă sunteți genul de dezvoltator care dorește să profite de CSS avansat, care depășește chiar și ceea ce pot face constructorii de pagini precum Divi (și asta nu prea este, desigur), sunteți constant frustrat de Microsoft Edge și Internet Explorer. Pentru că pur și simplu nu vor funcționa cu niște chestii. Asta a fost în trecut acum, când Chromium se află sub capotă, iar unul dintre efectele noastre preferate (bine, două dintre ele, din punct de vedere tehnic) este modul orientare text / scriere .

Am făcut o postare o vreme înapoi pe text lateral și vertical. Până la această actualizare, următorul cod (și, prin urmare, efectul în postare) era imposibil de afișat în Edge.

.sideways-text {
transform: rotate(90deg); /* makes entire paragraphs and lines rotate sideways */
}
 
.vertical-yellow {
text-orientation: upright; /* makes individual characters stand upright, not whole lines like transform: rotate */
writing-mode: vertical-lr; /* continues left-to-right at line break */
color: yellow;
font-size:2rem; /* this will make the body text twice the relative size of the default set for the whole site */
line-height: 200%; /* line height is VISUALLY line-width when it's vertical */
text-transform: uppercase;
font-family: monospace; /* this just pretties up the whole deal, making all characters the same width */
}
 
.vertical-white {
text-orientation: upright;
writing-mode: vertical-lr;
color: white;
font-size:2rem;
line-height: 200%;
text-transform: uppercase;
font-family: monospace;
}

Să ne bucurăm că aceste tipuri de efecte și tehnologii avansate nu mai sunt blocate de Puterile care sunt.

Import și extensii de marcaje standard

Da, ai citit bine. Edge va accepta extensii. Iar Edge va putea importa marcajele dvs. din Chrome cu un singur clic. Acest lucru nu numai că face schimbul mai ușor dacă intenționați să îl realizați, dar vă oferă acces la aceleași instrumente puternice pe care le utilizați deja.

Un număr de designeri web utilizează extensii pentru a-și face viața mai ușoară. Poate că este un picător de culoare, astfel încât să puteți lua hexagonul culorii perfecte de pe un site web (pe care acum îl puteți utiliza și în Edge!), Sau o riglă pentru a obține dimensiunea potrivită sau un font-grabber. Poate aveți totul în această listă instalat și nu doriți să părăsiți Chrome pur și simplu din cauza acestora.

Ei bine, acum poți.

Pentru că, deși Edge se bazează pe Chromium, nu este Chrome . Este încă un produs Microsoft și asta înseamnă că veți obține calitatea software-ului pe care și-au reconstruit reputația. Nu reprezentantul Google care se află întotdeauna în gama medie.

Salvați site-urile web ca HTML

Până la actualizarea Chromium, nu ați putut salva paginile web ca HTML. Meniul contextual cu clic dreapta a fost ... limitat, pentru a spune cel puțin.

Cu motorul Chromium, nu mai este cazul. În sfârșit, veți obține un meniu contextual real.

Doar apăsați „Salvați ca ...” și puteți obține o copie locală a site-ului respectiv pentru a verifica și pentru a vă juca, astfel încât să vă puteți asigura că fiecare element este exact cum ar trebui să fie.

Vorbind despre elemente cum ar trebui să fie ...

Edge permite în sfârșit inspecția paginii

Acesta este cel mai mare pentru designerii de web. Lucrul anterior în Edge a fost aproape imposibil, nu din cauza lipsei suportului pentru funcții (deși asta contează foarte mult), ci pentru că nu puteai săpa sub capotă și să inspectezi elemente individuale pentru a depana și a depana orice problemă. Nu ai putea să-ți modifici și să-ți reglezi foarte bine munca, deoarece nu ți-ai putea accesa munca cu ușurință.

Nu mai este cazul. Așa că designerii de web se bucură. Puteți utiliza în cele din urmă consola JS, vă puteți juca cu foi de stil CSS și puteți arunca elemente până la conținutul inimii.

Navigarea privată este aici

Aproape fiecare browser de acolo vă permite să rulați pagini într-o fereastră privată curată, fără istoric. Cu excepția Edge. Din nou, cu Chromium, designerii vor putea să-și deschidă munca și să vadă cum se redă utilizatorilor fără să se deconecteze, să șteargă cache-urile și cookie-urile și să sară prin o duzină de cercuri. Acum avem acces la ferestrele InPrivate, care sunt identice din punct de vedere funcțional cu filele Incognito din Chrome. Doar faceți clic dreapta și sunteți acolo.

Abilitatea de a testa imediat un design curat este imperativă pentru designerii de web care trebuie să-și îmbunătățească pixelii de lucru. Această caracteristică limitează o mulțime de designeri să lucreze în Edge, în special pentru că este prea greu să nu folosești o fereastră privată. Dacă ești genul de designer care deschide zilnic zeci și zeci dintre ei, s-ar putea să fii surprins de cât de bine se potrivește Edge în fluxul tău de lucru.

Și mult mai mult

Acestea sunt doar vârful aisbergului. Și acesta este doar un mic eșantionare a caracteristicilor la care aducerea Chromium în Edge le va oferi acces designerilor web.

• flat () și flatMap () vor fi acceptate în Edge
• module dinamice JavaScript pot fi importate (în cele din urmă)
• stilul textului substituent cu CSS
• afișare: conținutul este acum disponibil pentru utilizatorii de grilă CSS și flexbox
• TextEncoder și TextDecoder vor îmbunătăți afișarea fluxurilor live

Practic, gândiți-vă astfel: orice poate face Chrome, poate face și Edge . Nu este un gând minunat?

Caracteristici specifice Microsoft Edge Chromium

Microsoft nu ia doar Chromium și înlocuiește Edge cu acesta. De asemenea, își adaugă propriile caracteristici acolo.

1. Securitate Chrome

Utilizatorii vor fi siguri că sunt protejați de aceleași tipuri de măsuri de securitate pe care le au utilizatorii Chrome (în special cele prin intermediul extensiilor). În plus, Microsoft introduce o suită de noi măsuri de securitate și blocaje de urmărire pentru browser. Utilizatorii vor putea seta propriul nivel preferat de protecție, de la niciunul la un blocaj foarte strict. Microsoft spune că vor să vă protejeze confidențialitatea clară, ușoară și simplă pentru utilizatori. Multe soluții de securitate par prea complicate pentru utilizatori și, odată cu omniprezenta Edge, acesta este un pas bun de făcut.

2. Colecții noi

În plus, baza Chromium va permite MS să introducă o caracteristică pe care o numesc „Colecții”, care va permite utilizatorilor să colecteze (evident) conținut de pe internet, inclusiv text și imagini, astfel încât să îl poată partaja și curata. Folosesc baza Chromium pentru a ține la îndemână sursele de material, precum și pentru a exporta în suita MS Office și pentru a menține structura datelor pentru o manipulare ulterioară.

3. Emularea IE

Și apoi există piesa de rezistență : un emulator Internet Explorer încorporat chiar înăuntru. Da, ați citit corect. Noul Microsoft Edge Chromium va avea IE încorporat în el. S-ar putea să sune puțin înapoi, dar este de fapt un lucru frumos. Cu trecerea la Chromium, Edge scapă de limitările IE, permițând dezvoltatorilor și utilizatorilor să aibă o experiență mai bună înainte. Dar acele site-uri vechi care sunt concepute special pentru IE? Ei bine, aceștia s-ar rupe. Și IE este încă folosit de multe întreprinderi, așa că a avea un emulator intern pentru a reda acele aplicații și pagini înseamnă că întreprinderile nu vor trebui să ezite să facă upgrade, deoarece nu va exista nicio pauză în fluxul lor de lucru sau în serviciile lor (sau va fi nevoie de formare suplimentară sau upgrade-uri - încă). Aceasta este o atingere cu adevărat strălucită a echipei de tranziție.

Viitorul este luminos

Sperăm că va exista o zi în viitorul apropiat în care un browser Microsoft nu este greul glumelor. Ne dorim cu adevărat ca această mutare către motorul Chromium să aibă succes și să ajute la deschiderea unei ere de standardizare pe web. Va fi bun pentru utilizatori, designeri și dezvoltatori și, dacă este tratat corect (ceea ce pare a fi), internetul s-ar putea deschide pentru o mulțime de oameni din cauza acestei tranziții. Și ar putea ușura mult viața designerilor.

Ce părere aveți despre Microsoft Edge Chromium?

Imagine prezentată de articol de la ProStockStudio / shutterstock.com