Még januárban nekiláttam a blog technikai alapjainak felfrissítésének:
- HUGO verzió frissítés,
- templatek egyszerűsítése,
- a CSS egyszerűsítése
- LESS helyett SASS a CSS generálásához (a HUGO ezt támogatja)
Részeredményeket értem el, van, ami jobb lett, illetve a design is javult, de félretettem, és azóta porosodott. Arra jutottam, hogy most nem fogok erre több időt szánni, hogy befejezzem, majd kisebb adagokban még igazgatok rajta. Ismét sok felhalmozódott mondandóm van, inkább azokat kéne világgá kürtölni.
Az új téma olyan, amilyen, nekem pár dolog jobban tetszik, pár hiba meg úgyis kibukik majd, és azokat még a közeljövőben megcsinálom. Nem sokat teszteltem, nekem Windows 10+Firefox és Android 9+Firefox alatt működött nagyjából. A többi kevésbé érdekel.
Egyúttal kipróbáltam a CSS 3-at is, a mindenféle grid systemektől és egyéb komplexitásoktól szabadulás céljából. Az úton még csak elindultam, de valamennyit haladtam azért.
A CSS 3 grid rendszere egyszerűen jó. Jobb, mint a WPF-es. Ami nagyon tetszik benne: intuitívan, régió nevekkel lehet layoutot megadni. Példa:
<html>
<head>...</head>
<body>
<div id="navbar">...</div>
<div id="content">...</div>
<div id="footer">...</div>
</body>
</html>
/* elemek css grid területekhez rendelése */
#navbar { grid-area: navbar; }
#content { grid-area: content; }
#footer { grid-area: footer; }
/* keskeny képernyőn egymás alatt vannak a blokkok */
grid-template-areas:
"navbar"
"content"
"footer";
@media screen and (min-width: 600px) {
grid-template-columns: 1fr min-content;
/* széles képernyőn a content mellett van a navbar, a footer pedig oylan széles mint a content és navbar együtt*/
grid-template-areas:
"content navbar"
"footer footer";
}
Nem mondom, hogy nem voltak azért olyan dolgok, amikre nem húztam fel a szemöldököm, amikor megtudtam, hogy kell megoldani, de összességében sokkal jobb, mint a korábbi CSS verziók.
Még mindig nem értek a CSS-hez, még mindig nem szeretem, de a CSS3 sokkalta kevésbé fáj, mint az elődjei, sőt néha tetszik is!