Pagina principala » Web design » Fundația 6 - 10 Uimitoare noi caracteristici

    Fundația 6 - 10 Uimitoare noi caracteristici

    Dezvoltatorii cadrului front-end al Fundației nu s-au așezat pe lauri, în timp ce echipa Bootstrap lucrează la lansarea lor majoră impresionantă. Anul trecut, ei au mers într-un minunat turneu mondial pentru a-și împărtăși cunoștințele cu utilizatorii lor și le-au întrebat despre modul în care foloseau Fundația în munca lor reală.

    După ce s-au întors la birourile lor, au agregat nevoile și dorințele utilizatorilor lor și s-au angajat în planificarea noii lansări majore a cadrului: Fundația 6.

    Este încă în dezvoltare, dar planurile sunt foarte promițătoare. Următoarele caracteristici se concentrează pe 3 domenii principale: performanță, personalizare și accesibilitate. Să aruncăm o privire la 10 dintre aceste caracteristici acum.

    1. Flux de lucru optimizat

    Pe baza experiențelor utilizatorilor, echipa Fundației a dezvoltat un nou slogan, și anume “Prototype pentru producție”, pentru Fundația 6. Aceasta înseamnă un flux de lucru nou, simplificat, care va permite designerilor și dezvoltatorilor du-te direct de la prototip la producție.

    Scopul noii Fundații 6 este de a oferi un cadru flexibil și ușor de personalizat care să permită acest lucru scrieți codul curat și semantic încă de la început. Versiunea curentă, Fundația 5, de asemenea, permite prototiparea rapidă, dar putem așteaptă o optimizare a fluxului de lucru în versiunea viitoare.

    2. Procesul de instalare simplificat pentru versiunea Sass

    Unul dintre cele mai minunate lucruri despre cadrul Fundației este acela că este construit în limba de stil Sass, astfel încât este posibil să modificați rapid normele de stil implicit la nevoile noastre reale.

    Procesul de configurare Sass a fost un pic intimidant pentru mulți utilizatori, deși, așa că noua lansare majoră va obțineți un proces simplificat de configurare pentru versiunea Sass. Aceasta înseamnă că configurația Sass va necesită mult mai puține dependențe decât înainte. Desigur, dacă preferați versiunea CSS de vanilie, puteți opta pentru aceasta.

    3. Un nou set de suplimente pentru supraviețuitori

    Pe lângă versiunea obișnuită Sass, Fundația 6 va veni cu o suflare în sus Versiunea Sass care va oferi dezvoltatorilor opțiuni de personalizare puternice.

    ZURB, creatorul Fundației, își va deschide propriul stack de dezvoltare pentru public, inclusiv pe propriile lor generator de site static, server live-reload și o mulțime de tehnici de optimizare interioară inclusiv integrarea UnCSS pentru eliminarea stilurilor neutilizate și UglifyJS pentru compresia JavaScript.

    De fapt, vom putea să lucrăm în același mediu de dezvoltare pe care îl utilizează în mod intern ZURB.

    4. Timpul de încărcare a paginii a scăzut

    Echipa Fundației a trebuit să facă față unor critici constructive care au susținut că, în majoritatea proiectelor Fundației, aproximativ 90% din codul CSS nu este folosit. Acest lucru nu a fost valabil numai pentru Fundație, dar și pentru alte cadre importante ale CSS, cum ar fi Bootstrap și TopCoat. Ca parte a răspunsului lor, Zurb a decis să reducă semnificativ dimensiunea fișierului CSS afișat prin implementarea unei reduceri de cod de aproximativ 40-50%.

    IMAGINE: Freepik.com

    Este interesant de remarcat faptul că ei încearcă să se distingă de Bootstrap afirmând că "Fundația nu este un cadru care va avea margini stilistice margine și padding sau rundă și rază"(Pentru referință, consultați noile clase de utilitate Bootstrap 4 în postul anterior).

    5. Stiluri de bază care acționează ca fire wireframe

    Cealaltă parte a efortului de îmbunătățire a performanței este de a creați un stil de bază care să acționeze ca un cadru de sârmă în locul unui design final. Acest lucru conduce în primul rând la o temă mai ușoară, dar are și un alt avantaj. Pe măsură ce mai multe reguli de stil vor fi mutate în componente individuale, dezvoltatorii vor avea șansa să mai ușor stilul lor de design.

    IMAGINE: Freepik.com

    Sperăm că acest lucru înseamnă că site-urile bazate pe Fundație vor au mai puțin un aspect similar, standardizat, iar designerii vor avea mai mult spațiu pentru expermine cu solut frumos și uniccare vor contrazice grijile recente despre o rețea plictisitoare.

    6. Facilitarea importului selectiv

    Fundația 5 permite dezvoltatorilor să aleagă doar componentele pe care doresc să le utilizeze. Fundația 6 va face acest efort până la nivelul următor mutarea caracteristicii de import selectiv în fișierul _settings.scss Sass.

    IMAGINE: Zurb.com

    Astfel, _settings.scss va fi a cu adevărat un fișier universal de configurare, deoarece nu numai că vom putea personaliza funcții, cum ar fi lățimea rândului sau fonturile implicite, cu ajutorul său, dar și cu ușurință renunțând la componentele de care nu avem nevoie. Dacă facem acest lucru, putem obține o îmbunătățire suplimentară a performanței.

    7. Sass mai curat și mai curat

    În procesul de reproiectare, echipa Fundației a regândit fiecare aspect al cadrului, deci și ei a schimbat modul în care au folosit limbajul stilurilor de stil Sass. Ei au descoperit că, în unele cazuri, au depășit Sass care au dus la inutil supracomplicarea rezultatelor CSS. Cu scopul de a avea o bază de cod mai curată și mai curată în mintea lor, ei și-au raționalizat și structura Sass.

    IMAGINE: Zurb.com

    În Fundația 6 putem se așteaptă scăderea cuiburilor și a specificității, întrebări media raționalizate (au fuzionat cod repetitiv), și scalarea amestecurilor componente. Aceasta din urmă înseamnă că vor exista mai puține componente mixte, iar celelalte vor avea mai puțini parametri, ceea ce va duce la un cod mai simplu și mai logic

    Dacă vă place amestecurile, nu vă faceți griji, fiecare componentă va avea în continuare, doar că vor fi reproiectate pentru a fi mai eficiente și mai utile decât în ​​prezent.

    8. Amestecări îmbunătățite ale rețelei

    În timp ce taie înapoi amestecurile de componente, Fundația 6 va veni cu rețele mixte îmbunătățite care ne va permite creați o rețea mai personalizată.

    IMAGINE: Fundația.zurb.com

    Zurb promite că vom putea construi ușor ca un sistem complicat de rețea cum vrem, inclusiv rapoarte personalizate mai sofisticate și grinzi imbricate, și capacitatea de a transforma clasele implicite în marcă semantică. Amestecurile îmbunătățite ale rețelei vor face curentul crearea de grilă este și mai intuitivă, flexibilă și mai rapidă.

    9. Integrarea perfectă a pluginurilor JavaScript personalizate

    Fundația 5 are în prezent multe componente JavaScript, cum ar fi dialoguri modale cool, tooltips, bară de navigare lipicioasă, cutii de lumină și multe altele pe care un site web modern are nevoie, dar lansarea majoră care ne va permite să scrieți pluginurile JavaScript personalizate profitând de fundația Fundației. Este un pas imens în ambele ușor de utilizat și performanță.

    IMAGINE: Fundația.zurb.com

    În viitor, vom putea accesați metodele de inițializare încorporate, comutați declanșatoarele și breakpoints, și să utilizeze toate celelalte caracteristici ale JavaScript globale ale Fundației.

    10. Accesibilitate completă

    Probabil cea mai uimitoare caracteristică a noii Fundații 6 este că va fi pe deplin accesibilă. Fiecare fragment și fragment de cod va veni cu atributele WAI-ARIA corespunzătoare și cu rolurile de reper. Mai mult decât atât, dezvoltatorii vor fi furnizat cu un ghid de utilizare despre cum să utilizați standardele web ale rețelei.

    IMAGINEA: Departamentul de Muncă al SUA

    Deci, dacă vrem să oferim clientului nostru un site complet accesibil, nu trebuie să facem altceva decât să ne construim designul cu Fundația 6. Vă rugăm să rețineți că va trebui să adăugați regulile ARIA adecvate paginilor noastre HTML pe cont propriu, deși ghidul de utilizare al utilizatorului Zurb va facilita cu siguranță procesul de învățare.