Web

Creați efecte de imagine receptive cu degrade CSS și raport de aspect

O problemă clasică în CSS este menținerea raportului de aspect al imaginilor între componentele conexe, cum ar fi cardurile. Proprietatea „aspect-raport” recent acceptată în combinație cu „object-fit” oferă un remediu pentru această durere de cap a trecutului! Să învățăm să folosim aceste proprietăți, pe lângă crearea unui efect de imagine gradient receptiv pentru un plus de fler.

Citeste mai mult

Starea GDPR în 2021: actualizări cheie și ce înseamnă acestea

În calitate de practicieni digitali, GDPR a afectat fiecare aspect al vieții noastre profesionale și personale. Indiferent dacă sunteți dependent de Instagram, trimiteți mesaje familiei dvs. pe WhatsApp, cumpărați produse de pe Etsy sau informații Google, nimeni nu a scăpat de regulile care au fost introduse în 2018.

Citeste mai mult

Construiește-ți propriul curriculum personal de învățare

În calitate de dezvoltatori, învățăm constant limbi și cadre noi. Dar cum poți structura această învățare pentru a asigura beneficii maxime în timp ce progresezi? Iată cum vă puteți concepe propriul curriculum pentru a continua să mergeți în direcția corectă.

Citeste mai mult

Context și variabile în generatorul de site static Hugo

În acest articol, aruncăm o privire asupra subiectului contextului și variabilelor în Hugo, un popular generator de site-uri static. Veți înțelege concepte precum contextul global, controlul fluxului și variabilele din șabloanele Hugo, precum și fluxul de date din fișierele de conținut prin șabloane până la șabloane parțiale și de bază.

Citeste mai mult

Sfaturi și comenzi rapide de depanare DevTools (Chrome, Firefox, Edge)

DevTools este foarte avansat și util, dar poate fi și foarte intimidant și copleșitor. Să reparăm asta. În acest articol, Vitaly trece în revistă funcții utile și comenzi rapide pentru depanare în Chrome, Firefox, Edge și Safari.

Citeste mai mult

Optimizarea videoclipurilor pentru dimensiune și calitate

Adăugarea de videoclipuri în aplicația dvs. poate crește implicarea și satisfacția clienților. Dar exact opusul poate apărea atunci când există probleme cu redarea videoclipurilor: blocajele video sunt frustrante și alungă clienții. În acest articol, vom parcurge pașii pentru a optimiza videoclipul de pe site-ul dvs. web pentru a asigura o redare rapidă și a reduce blocajele.

Citeste mai mult

Lucruri de așteptat de la un atelier extraordinar: Masterclass de design de formulare

În urmă cu câteva săptămâni, am organizat un [Form Design Masterclass](https://smashingconf.com/online-workshops/workshops/adam-silver), un atelier online cu Adam Silver alături de 81 de oameni prietenoși și inteligenți. Astăzi, Adam vă împărtășește experiența și detaliile, evidențiind ceea ce vă puteți aștepta, ca participant, de la un Smashing Workshop și lucruri de reținut atunci când rulați unul.

Citeste mai mult

Ce ne poate învăța Saul Bass despre Web Design

Credite de film, logo-uri de brand, postere... Saul Bass a făcut totul, iar principiile care i-au bazat munca sunt la fel de valoroase acum ca acum 50 de ani.

Citeste mai mult

Construirea unei aplicații web cu React, Redux și Sanity.io

Headless CMS este o modalitate puternică și ușoară de a gestiona conținutul și de a accesa API. Construit pe React, Sanity.io este un instrument perfect pentru gestionarea flexibilă a conținutului. Poate fi folosit pentru a construi aplicații simple până la complexe de la zero. În acest articol, Ifeanyi explică cum să construiți o aplicație simplă de listare cu Sanity.io și React. Stările globale vor fi gestionate cu Redux, iar aplicația va fi stilată cu componente-stilizate.

Citeste mai mult

Tastare dinamică statică în TypeScript

În acest articol, ne uităm la unele dintre caracteristicile mai avansate ale TypeScript, cum ar fi tipurile de uniuni, tipurile condiționale, tipurile literale de șablon și generice. Dorim să oficializăm cel mai dinamic comportament JavaScript într-un mod în care să putem detecta majoritatea erorilor înainte ca acestea să apară.

Citeste mai mult