Categorii
Filme

InterReflections (2020)

Mi-a plăcut mult acest film. Este un film cu final fericit. Da, este puțin științifico-fantastic dar nu este distopic. El prezintă o continuă dezbatere pe mai multe planuri, asemenea unui documentar, cu oameni de știință din viitor. Este un film ce îmi dă de gândit. Complexitatea limbajului este relativ mare în opinia mea. Și este o dezbatere destul de interesantă. Mai departe, trebuie să ne imaginăm vizual. Este un film cu mesaj, cu morală. Are scene care prezintă foarte clar probleme ale societății noastre ultramoderne în mod vizual, puțin abstract. Ceea ce este deosebit este că filmul este publicat gratis pe Web chiar de autori. Subtitrare pentru limba română nu este disponibilă încă, dar sper că știți limba engleză bine. Sau îl puteți derula să vedeți stilul.

Trailer

Film

Vă doresc gânduri bune și vizionare plăcută.

Categorii
Muzică

Dexter Britain – Beyond The Finish Line

Mă întreb uneori ce sens are viața mea dacă nu pot ține minte uneori nici ceea ce îmi place să fac.

Aceasta este o melodie instrumentală plăcută care îmi amintește că după orice linie de final este ceva mai măreț decât jocul care s-a terminat.

Sper că vă va plăcea.

Categorii
Cărți

Carte în engleză pentru viitori web designeri

Aceasta este o scurtă recenzie pentru o carte. Nu este cartea mea. Este o carte foarte bună pentru cei care vor să înceapă să pășească pe tărâmul web design-ului. Cartea poate fi cumpărată de aici. Este cu multe figuri, are design plăcut, font plăcut și mare, hârtie plăcută. Are și un site web asociat pentru a încerca, exerciții pentru începători și o găsesc și eu folositoare uneori pentru a-mi consolida memoria.

Da, nu m-a mulțumit 100%, lucru care de altfel este imposibil. Mi-ar fi plăcut să acopere și facilitatea CSS display: grid care este mai nouă. Este posibil că voi cumpăra viitoarele ediții ale cărții dacă vor mai fi. Îmi stă în minte posibilitatea de a descoperi alte cărți și mai bune, și mai frumoase. Dar momentan aceasta este ceea ce am citit, pe lângă ce am citit pe Internet, ca material strict pentru web designeri.

Dacă aveți o altă carte care să acopere domeniul ce web design pentru începători și, care, eventual, v-a plăcut mai mult decât aceasta, vă rog să o scrieți într-un comentariu mai jos.

Poate găsiți mai multe cărți pe care le-am citit aici.

Dragi abonați, vă doresc sănătate deplină și gânduri bune!

Categorii
Programare

O parte din ce am lucrat în intervalul 28.04-07.05.2021

07.05.2021

06.05.2021

05.05.2021

04.05.2021

03.05.2021

01.05.2021

30.04.2021

29.04.2021

28.04.2021

Categorii
Programare

Cum faci un element să aibă aceeași dimensiune cu un element HTML img

Îmi place să gândesc orice element de design, în afară de conținut de tip text scris de utilizator, în termeni de CSS grid și CSS flexbox. Fiecare celulă are dimensiuni separate pe orizontală și verticală, pe care în general le pun fie la auto, fie la 1fr (care înseamnă spațiul liber disponibil, recalculat dinamic, împărțit la 1).

Utilizări pe care le găsesc la CSS grid:

  1. suprapunerea unor elemente într-o singură celulă sau suprapunerea unor elemente din grid doar parțial cu alte elemente din grid prin crearea de noi celule special făcute pentru a fi intersecții și punerea în ele a unor elemente de obicei decorative;
  2. ajustarea unui <div> care are un background-image sau a unui <svg> să fie de dimensiunea unui <img> care se află în același grid;
  3. layout-uri foarte complexe care necesită responsiveness.

Deci pentru a răspunde la întrebarea din titlu, se pun ambele elemente, și cel dintâi, și cel <img> într-un grid. Gridul își ajustează dimensiunea la conținutul celulei cu <img> și celelalte celule vor primi dimensiunea <img>-ului care în mod implicit este cea originală din fișierul de tip imagine. Ele o vor primi datorită definiției rândurilor și coloanelor din proprietățile grid-template-rows și grid-template-columns.

Sunt curios ce utilizări mai găsiți la CSS grid în afară de cele 3 puncte de mai sus, sau chiar în cele 3 dacă este ceva foarte frumos! Aștept comentariile voastre.