Figma vo februári potešila dizajnérov aj developerov: nový presnejší export SVG a uzamknutie pomeru strán výrazne zjednodušia prácu s grafikou. Na scéne sa ukázal aj Tailwind 4, ktorý poriadne zrýchľuje build a prináša skvelé novinky pre responzívny dizajn, najmä vďaka podpore CSS premenných.
Medzitým Anthropic ohlásil Claude 3.7 Sonnet s vylepšeným agentným kódovaním a úzkou integráciou do GitHubu. A čo PHP? Napriek všetkým novým technológiám si stále drží silné postavenie – verzia 8 je dnes bežne rozšírená a Laravel suverénne kraľuje medzi frameworkmi. Prečítaj si tech novinky, ktoré nás vo februári zaujali!
1
Lepšie SVG exporty a uzamknutie pomeru strán
Lukáš Figely
DeveloperUX/UI dizajnér
Figma sa dlhodobo snaží efektívne prepájať svet dizajnu a vývoja. Dôkazom sú aj februárové aktualizácie, ktoré prinášajú praktické vylepšenia pre dizajnérov aj developerov.
Ak pracuješ na vizuálne náročných weboch, oceníš vylepšený export SVG grafiky. Doteraz mohli niektoré vnorené elementy s efektmi, ako sú drop-shadow alebo background-blur, spôsobovať problémy pri exporte. Po aktualizácii však bude export omnoho presnejší a výsledné SVG súbory budú lepšie zodpovedať dizajnu.
Uzamknutie pomeru strán (Aspect Ratio Lock)
Dizajnéri teraz môžu uzamknúť pomer strán objektov – najčastejšie obrázkov, vďaka čomu si zachovajú správne proporcie aj pri zmene veľkosti.
Toto vylepšenie výrazne uľahčuje správu rozsiahlych dizajnových systémov. Predtým bolo potrebné vytvárať tri rôzne verzie komponentov pre mobil, tablet a desktop. Teraz stačí jedna flexibilná verzia, ktorá sa prispôsobí automaticky. Pre predstavu pridávam i oficiálne video.
Dobrá správa aj pre developerov: ak sa s dizajnérom dohodnú na exporte komponentov v kóde priamo z Figmy, odpadne množstvo manuálnych poznámok o správnom pomere strán.
Tip: Export komponentov do HTML
Ak hľadáš jednoduchý spôsob exportu, odporúčam plugin AutoHTML.
Funguje aj bez Dev Mode (teda zadarmo) a generuje prehľadnejší kód (napr.: figma CSS: aspect-ratio: 40.00/22.50; vs AutoHTML plugin: aspect-ratio: 16/9) a pridá aj HTML. Tento plugin podporuje viacero jazykov, no je dôležité vedieť správne pracovať s Auto Layoutom, aby bol výsledný kód dobre štruktúrovaný. Avšak pozor, spomenuté SVG elementy mi fungovali najlepšie iba vnorené inline v kóde a skopírované iba štandardne z Figmy (right-click > copy as SVG).
2
Tailwind 4 je TU!
Mikuláš Žačok
Visual Content Creator
Tailwind 4 ma naozaj nadchol. Prináša výrazné zlepšenie výkonu a rýchlejšiu kompiláciu vďaka Tailwind Oxide a Lightning CSS, čo celý build proces robí oveľa efektívnejším. Už nemusím riešiť premenné v JavaScripte, pretože ich môžem jednoducho definovať ako CSS custom properties priamo v štýloch.
Dynamické utility a varianty sú teraz ešte lepšie – dátové atribúty môžete pohodlne používať bez nutnosti hranatých zátvoriek, čo uľahčuje prácu pri tvorbe komplexných komponentov. Veľkou novinkou je aj podpora @property, vďaka ktorej je možné konečne plynulo animovať CSS premenné, napríklad pri prechodoch gradientov.
Zlepšené container queries umožňujú pomenovať kontajnery a využívať väčší rozsah veľkostí od 3XS až po 7XL, čo dáva viac flexibility pri responzívnom dizajne. A čo je skvelé, Tailwind tím pridal migračný nástroj, ktorý výrazne uľahčuje prechod z verzie 3 na 4 – ocení to každý, kto pracuje na veľkých projektoch, kde je potrebné spracovať obrovské množstvo JSX súborov.
Celkovo mám z Tailwind 4 pocit, že je nielen rýchlejší a výkonnejší, ale aj flexibilnejší a jednoduchší na používanie. Viac informácií k Tailwind CSS v4.0 nájdeš tu.
3
Nová verzia Claude 3.7 Sonnet a Claude Code
Gabriel Falis
Developer
Spoločnosť Anthropic predstavila novú verziu modelu Claude 3.7 Sonnet, ktorá prináša viaceré vylepšenia. Ja osobne by som vypichol:
- Hybridné uvažovanie: Rýchle odpovede alebo detailné, krok za krokom uvažovanie.
- Claude Code: Nástroj pre agentné kódovanie, ktorý zjednodušuje vývojársku prácu.
- Vylepšené kódovanie: Lepšie funkcie pre front-end web development.
- Integrácia s GitHubom: Dostupná pre všetky plány Claude.
- Zlepšené rozlíšenie škodlivých požiadaviek: Zníženie zbytočných odmietnutí o 45%.
Tieto novinky sú dostupné pre všetky plány Claude a cez Anthropic API.
Viac sa dočítaš na tejto stránke.
4
Stav PHP 2024
Lukáš Huňár
Developer
Dlhé roky bolo PHP mojím každodenným parťákom. Napriek tomu, že PHP dnes nahradila Java, stále ma zaujíma, ako sa tomuto jazyku darí v súčasnej dobe, keď každý deň prichádzajú nové technológie.
Aký je súčasný stav vývoja PHP?
PHP zostáva základným kameňom vývoja webu, poháňajúcim milióny stránok po celom svete. Jeho živá a oddaná komunita oceňuje flexibilitu a jednoduché použitie. PHP 8 používa až 86 % vývojárov, a framework Laravel už niekoľko rokov drží prvenstvo, čo sa nezmenilo ani v roku 2024. ChatGPT sa ukázal ako najpoužívanejší AI nástroj na aktivity súvisiace s vývojom medzi používateľmi PHP.
Ak aj teba zaujíma vývoj PHP, oplatí sa pozrieť si tento zaujímavý článok od JetBrains, tvorcov najpopulárnejšieho vývojového nástroja v PHP komunite.
Zmeškali ste januárový Coder’s Corner? Prečítajte si ho tu.