A CSS színfalak mögött, 2022. november PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.

A CSS színfalak mögött, 2022. november

Ősz van? Téli? Nem tudom, de ma reggel havazásra ébredtem az előkertben, és úgy éreztem, itt az ideje, hogy írjak egy kis frissítést a CSS-Tricks körül az elmúlt hónapban történtekről. köztudottan csináljuk időről időre.

Elsőnek a CSS-trükkök hírlevél! Kezd úgy érezni, hogy több hónapos kihagyás után kezd lenyugodni a ritmusunk. Az utolsó kiadás október legvégén ment ki. Ez már a harmadik egymást követő hónap, amikor ki tudtuk lőni, amit a következetesség szempontjából nagy győzelemnek neveznék. Nem, ez nem az a heti ütem, mint korábban, de erre törekszünk, miközben csapatunk tovább erősíti magát.

Apropó: új csapattagunk van! Felvittük Andrea Andersont a fedélzetre. Jól megalapozott műszaki szerkesztő, és szerencsénk van, hogy itt van. Míg időnként dolgozhat egy-egy CSS-Tricks darabon, főként a A DigitalOcean közösségi oldala.

Ó, és ha már a DigitalOcean közösség témájánál tartunk, nézd meg ezt Markepear fejlesztői bejegyzés mélyen belemerülni a DigitalOcean írási folyamatába. Komolyra fordítva a szót, ez egy hihetetlenül mélyreható fejtörés, amely az oktatóanyagok felvázolásába és felépítésébe, az oktatóanyagok archívumában való navigálás UX-jébe, sőt az egyes cikkek tartalma és hirdetései közötti finom kölcsönhatásba is belekerül.

Nagyon szeretem, ahogy a DigitalOcean oktatóprogramjait „adj először” tartalomként írják le, amely „mindenhol értékes szagú”. Sokat mond a csapat munkamoráljáról, amit személyesen is tanúsíthatok, hogy kiváló. Valójában ez az oka annak, hogy a DigitalOcean és a CSS-Tricks remekül illeszkedik egymáshoz.

A reklámozás is nagyon fontos számunkra most. Amikor felmérést végzett a másik hónapban tudtuk, hogy aggodalomra ad okot, hogy a DigitalOcean felvásárlása után milyen hatással lesznek a CSS-Tricks hirdetésekre. Eltávolítjuk őket? Legyen mindez a DigitalOceanről? Minden marad a régiben? Úgy értem, a CSS-Tricks hagyományosan egy hirdetési modellre támaszkodott, hogy folyamatosan égve tartsa a lámpákat, de most, hogy egy cég támogatja, mennyire kell egyáltalán a hirdetésekre hagyatkoznunk?

A felmérés szerint sokaknak tetszenek a hirdetések. Ezek amolyan termékajánlások, amelyeket az oldalra helyeztek, és szerintem ez bizonyítja Chris azon erőfeszítését, hogy megbizonyosodjon arról, hogy a hirdetések (1) jó dolgokat reklámoznak, és (2) relevánsak az általunk végzett front-end munkához. Példa: nemrégiben kicseréltünk egy csomó DigitalOcean hirdetést, hogy népszerűsítsük a Cloudways tárhelyet, miután a DigitalOcean felvásárolta azt. Ezek a hirdetések nem sikerültek olyan jól, ezért visszacseréltük a DigitalOcean-eket, amelyek már egész jól mentek.

(A meghirdetett üzlet egyébként baromi jó… 200 dollár ingyenes kreditként hogy felpörgesse a projektjét.)

A CSS-trükkök WordPressről ugyanarra a CMS-re való áthelyezésére irányuló munka még folyamatban van, amelyet a DigitalOcean közösség használ a tartalmához. A munka nagy része továbbra is a WordPress tartalommezőinek az új CMS-hez való hozzárendelése. Ez nem triviális feladat, ha egy olyan webhelyről beszélünk, amely 7,000 év alatt 15 páratlan cikket tartalmaz. Ez jól megy, akárcsak a webhely kezdeti architektúrája. Következő lépésként ki kell találnunk, hogyan kezeljük a WordPress blokkokat, reprodukáljuk azok funkcióit, és leltárt készítsünk mindarról, amit át kell vinnünk. Fú!

Új arcok!

Mint mindig, most is minden hónapban van néhány új arc az oldalon, amikor új vendégszerzőkkel dolgozunk. Ebben a hónapban üdvözöltük Krzysztof Gonciarz és a Lorenzo Bonannella. Tekintse meg cikkeiket, és értékelje őket munkájuk megosztásáért. Nagyon sok munka kell az íráshoz, nem is beszélve némi bátorságról, hogy ötleteit mások elé tárja. Szóval, köszönöm egy csomó Krzysztof és Lorenzo!

Ismerje meg Mojtaba Seyedit

Úgy gondoltam, hogy az e havi frissítés jó lezárása lehet, ha felzárkózunk valamelyik régóta író írónkhoz. És kevesen írtak annyi cikket a CSS-Tricks-hez, mint Mojtaba Seyedi. Lehet, hogy nem látja annyira felbukkanni a nevét az archívumban, de ez csak azért van, mert olyan sok időt tölt Évkönyv.

A CSS színfalak mögött, 2022. november

Feltettem néhány kérdést Mojtabának a munkájával kapcsolatban, és ő kedvesen válaszolt ezekkel a válaszokkal…

A te nagyon első cikk 2017-ben a Sublime Text szerkesztő pluginjainak összefoglalása volt velünk. Miből gondolta, hogy közzéteszi a CSS-Tricks-en?

Korábban nagyon rajongtam a Sublime szövegszerkesztőért és annak bővítményeiért. Mindig találtam egy plugint a fájdalom enyhítésére, amikor belefáradtam az ismétlődő feladatok elvégzésébe. Megmutatnám a munkatársaimnak, hogy milyen érdekes az általam használt bővítmény, és bátorítanám őket a használatára.

Az egyik újévi fogadalmam akkoriban – 2017-ben – az volt, hogy közzéteszek egy cikket a CSS-trükkökről. Mindig azt hittem, hogy az ötlet nagyon technikai jellegű. Eszembe sem jutott, hogy egyszerűen létrehozhatok egy listát a Sublime Text bővítményekről, amelyeket hasznosnak találtam a fejlesztéshez! Manapság már látom, hogy a magas léc, amit felállítottam, megakadályozott abban, hogy olyasmiről írjak, amit szerettem.

Volt egy rövid pillanat, amikor arra gondoltam, hogy feladom az első cikket. Elgondolkodtam azon, hogy rengeteg más bejegyzés is foglalkozik már pontosan ugyanezzel. De kíváncsiságból rákerestem a Google-on a Sublime Text beépülő modulok legnépszerűbb bejegyzéseire, és meglepő módon egyetlen bővítményt sem láttam, amiről írtam. Szóval, így küldtem be az első cikkemet ezen a weboldalon!

Összesen 35 cikket írt a CSS-trükkökhöz, amelyek közül 33 a Évkönyv. Mit élvezel az ilyen technikai információk írásában?

Az almanach bejegyzései hivatkozhatók. Folyamatosan visszatérünk hozzájuk, hogy ellenőrizzük egy tulajdonság vagy egy szelektor szintaxisát. Például előfordulhat, hogy meg kell látogatnunk a háttér gyorsírás tulajdonság emlékezni arra, hogy a background-position érték a perjel elé vagy után kerül (/). A referenciák sosem öregszenek meg, ezért is különleges számomra az Almanach.

Ugyanezen a vonalon, a dokumentálás kihívást jelent. A CSS-Tricks Almanach írásának egyik kihívása az, hogy elolvassa és megértse a A W3C specifikációi. Például amikor arról akartam írni mask-border tulajdon, gyakorlatilag a CSS specifikáció volt az egyetlen forrásom. Ki kellett találnom ennek a modulnak az összes aspektusát, és azt, hogy a különböző értékek hogyan viselkednek a különböző helyzetekben, mert kevés példa volt a vadonban. Élvezem az efféle kihívásokat, és nagyszerűen érzem magam, amikor a felfedezéseimet olyan kézzelfoghatóvá tudom fordítani, amit más fejlesztők is megérthetnek és felhasználhatnak saját munkájuk során.

Van is ta teljesség öröme. A dokumentáció lehetővé teszi számomra, hogy olyan részletekbe mélyedjek bele, amelyek nem feltétlenül szerepelnek egy tipikus cikkben. Elégedett vagyok, ha meg tudok ragadni egy tulajdonságot vagy szelektort, és a saját szavaimmal elmagyarázom. A CSS-Tricks Alamanc megadja ezt a lehetőséget.

Mit tud mondani a szerkesztési folyamatról azok számára, akik még nem mentek keresztül?

Először is, élvezze a tiszta és egyszerű folyamatot. A CSS-Tricks szerkesztői csapata segít javítani és jobbá tenni, mint amit egyedül tudna.

Győződjön meg róla, hogy először szerkessze a piszkozatot. Mindig szerkessze saját maga a cikket, mielőtt elküldi. Minél felkészültebb az írása, annál több időt hagy a szerkesztőnek, hogy segítsen munkája javításában. Ha a szerkesztőnek sok időt kell töltenie az alapvető nyelvtan és helyesírás javításával, akkor ez az idő arra költhetett volna, hogy visszajelzésekkel és egyéb megfontolások alapján tovább terelje az ötletet.

És természetesen, tanulj a hibáidból. Legyen nyitott a tanulásra, miközben éppen a szerkesztési folyamatban van. Az itteni szerkesztőség nagyon tapasztalt és segítőkész. Cikkemben igyekszem áttekinteni, hogy mit változtattak, és következő írásaimban a gyakorlatba is átültetem. Szeretném megköszönni Geoff, akitől sokat tanultam a műszaki írásról.

Van valami tippje azoknak, akik cikkjavaslat benyújtásán gondolkodnak?

Ne gondolja túl az ötletet. A cikkednek nem kell rakétatudománynak lennie. Bármi, amit elég jól tudsz ahhoz, hogy írj, hasznos lehet mások számára.

Még egy tanács: ne becsüld alá magad. Amikor Chris Coyier felkérte a közösséget, hogy járuljanak hozzá a CSS-Tricks Almanachhoz, azt mondtam magamnak, hogy sokkal több képzett ember van, aki képes erre, pedig nekem volt tapasztalatom CSS-dokumentumok írásában. És igen, sok ember tájékozottabb volt (és talán még mindig) nálam. De mint kiderült, részese lehettem ennek, mert hajlandó voltam megpróbálni.

Egy másik nagy dolog az, hogy ne aggódj mások ismétlése miatt. Az ötletednek nem kell egyedinek lennie. Új és más módon írhatsz olyasmiről, amiről mások írtak. A te nézőpontod és perspektívád számít! A probléma megoldásához való hozzáállása és a magyarázata rendkívül hasznos módon eltérhet.

És végül… mi a kedvenc CSS-trükkje?

A kedvenc trükköm egy elem középre állítása volt beállítás display: table rajta, és hagyja, hogy az automatikus margók elvégezzék a többit. Manapság, amikor a CSS sokkal fantasztikusabbá válik, én is meg tudom csinálni ugyanezt a trükköt min-content és további burkolat nélkül.

Biztos vagyok benne, hogy van valahol az interneten egy blogbejegyzés vagy cikk ugyanerről a témáról. De szeretnék róla írni itt a CSS-Tricks-en. Lát? A saját nézőpontomat szeretném megosztani veled, és a magam módján szeretném elmagyarázni.

Van valami, amit meg szeretne osztani a CSS-Tricks-en? Küldje el nekünk pályáját!

Időbélyeg:

Még több CSS trükkök