Ako spraviť pekné prechody bez “mŕtvych sivých zón” ? V tomto článku nájdeš návod ako využiť teóriu farieb na vytvorenie bohatých prechodov. Joshua Comeau dokonca vytvoril nástroj na generovanie prechodov, ktoré môžeš použiť vo svojom CSS-ku.
Remix je full stack web framework, ktorý hovorí o sebe, že je lepší ako Next.js. Ak chceš zistiť viac, tak si môžeš prečítať podrobný článok o porovnaní Remix a Next.js. Po prečítaní možno nájdeš motiváciu si Remix vyskúšať alebo si o ňom viac naštudovať.
Pred ES6 bol lodash nenahraditeľný pomocník, ktorý uľahčoval prácu napríklad s objektami alebo poliami. Dnes už vieme veľkú časť funkcionality spraviť jednoducho aj v natívnom JavaScript-e. Avšak stále sa nájdu prípady, kedy nám vie uľahčiť prácu, a preto ho stále používa veľa developerov. Uvidíme aké novinky nám prinesie nová verzia, ktorú môžeme očakávať koncom jari.
Aj tento rok sa zbierajú dáta od tisíce JavaScript developerov. Pomôž aj ty identifikovať súčasné, ale aj nadchádzajúce trendy v JS ekosystéme a zapoj sa do prieskumu The State of JavaScript.
Nastaviť veľkosť fontu v responzívnom dizajne bolo doteraz pomerne ťažkopádne. Zvyčajne sa používajú špecifické breakpointy pre rôzne široké obrazovky pri ktorých sa fixne nastaví veľkosť fontu. Avšak využitím fluid typography vieme vypočítať veľkosť fontu podľa veľkosti obrazovky. Tento koncept už je známy dlhšie, avšak doteraz sme museli používať rôzne workaroundy. S novou CSS funkciou clamp už vieme fluid typography implementovať jednoducho. V článku nájdeš podrobne vysvetlený celý koncept aj s ukážkami kódu.
font-size: clamp(2.25rem, 2vw + 1.5rem, 3.25rem);
Prečítaj si niekoľko myšlienok, ktoré ťa dúfam motivujú sa viac venovať prístupnosti (ak si sa tomu doteraz nevenoval). Preto sa snažím písať vo svojich článkoch aj o tejto téme, pretože to považujem za dôležité. Web by mal byť prístupný pre každého.
Článok detailne popisuje ako pracovať s nadpismi na webe. Nájdeš tu niekoľko tipov a osvedčených postupov nie len pre lepšiu prístupnosť, ale aj pre SEO.
Ďalšia často prehliadaná téma, ktorá si zaslúži väčšiu pozornosť. V článku nájdeš dôvody, prečo je dôležité detekovať memory leaky, ale aj návod ako na to. V tomto článku bol predstavený aj nástroj fuite na detekciu memory leakov v SPA aplikáciách.
Aké novinky prišli do DevTools pre rôzne prehliadače si môžeš prečítať v tomto článku. Mne sa veľmi páči Recorder, ktorý prišiel do Chromu. Vďaka nemu si vieš nahrať celú interakciu na webe a následne ju aj prehrať a popritom merať výkon. Táto novinka môže mať zaujímavé využitie.
Každoročný prehľad JavaScript projektov priniesol výsledky za rok 2021. Na grafoch porovnávajú počet hviezdičiek pridaných na GitHub-e za posledných 12 mesiacov. Okrem toho tu nájdeš aj zhrnutie výsledkov a dozvieš sa o nových projektoch, ktoré získavajú na popularite.
Aké novinky môžeme očakávať v roku 2022 v CSS-ku pre všetky dostupné prehliadače, nájdeš stručne popísané v tomto tweete. Ak chceš vedieť detaily, tak si rozklikni celé toto vlákno
Určite si sa stretol pri písaní CSS-ka, že sa ti prepísali štýly napríklad po pridaní štýlov z tretích strán. Cascade Layers ti pomôžu kontrolovať špecifickosť a poradie CSS pravidiel. Už sa nemusíš obávať, že ti CSS pravidlá z inej vrstvy rozbijú dizajn na webe. Avšak na podporu v prehliadačoch si ešte chvíľu musíme počkať. Viac o vrstvách si môžeš prečítať v článku, kde nájdeš všetky detaily.
Ak sa ti prehľad noviniek páčil, tak sa nezabudni prihlásiť na odober nášho newslettera. Prečítať si môžeš aj novinky za minulý mesiac, ktoré sme priniesli v decembrovom Frontend Briefly.
