Tags : css

Design UX

Optimizarea CSS pentru print

Experienta pe care o au userii atunci cand folosesc un produs web pe care l-ai creat este extrem de importanta. Partea de printing, desi nu pare populara, este destul de importanta chiar si in ziua de azi. Optimizarea unei pagini web pentru print nu este complicata, deci iti recomand sa aloci cateva zeci de minute […]Read More

Design

Ce este Neumorphism?

In 2020 – 2021 un trend foarte popular in design-ul web/mobile este neumorphism (numit si soft UI). Acesta are la baza un design clean cu niste umbre/zone luminate subtil care dau impresia de volum (3d). Trendul a aparut la finalul anului 2019 dupa o postare de-a lui Alexander Plyuto pe Dribbble si a explodat in […]Read More

Coding RO

Ce este Tailwind CSS

Tailwind CSS este un framework utilitar (low level) creat pentru a construi mai rapid interfete web, fara nevoia de a scrie cod CSS custom si fara a iesi din HTML. Mai exact, Tailwind foloseste arhitectura Atomic CSS care presupune crearea de clase mici si simple al caror scop e sa faca un singur lucru. CSS […]Read More

Coding

Top 3 greseli CSS

Selectori prea lungi De multe ori, mai ales daca nu folosesti SASS sau LESS, o sa scrii selectori precum cei de mai jos – foarte lungi si repetitivi. .navigation ul{} .navigation ul li{} .navigation ul li a{} .navigation ul li a:hover{} Solutia – Foloseste SASS sau LESS si profita de nesting. .navigation{ ul{ li{ a{ […]Read More

Coding

Tool-uri pentru minifiere CSS si JS

Minifierea e procesul prin care stergi din codul tau toate comentariile, spatiile sau indentarile. Acest lucru se face pentru a imbunatatii performanta aplicatiei tale (spatiile si comentariile dintr-un fisier pot avea pana la 35-40% din dimensiunea totala a acestuia) dar si ranking-ul pe motoarele de cautare. De asemenea, unele hosting-uri au limite pe partea de […]Read More

Free Stuff

Coffee Cup animat

Animație web Full Responsive cu o ceașcă de cafea fierbinte, creată exclusiv cu HTML și CSS. Este special concepută pentru a fi folosită pentru pagini de așteptare, formulare/secțiuni de contact etc. DownloadRead More