Porozɛ dɔ bannen kɔfɛ min tun b’a ɲini n fɛ n ka se ka n seko bɛɛ dɔn CSS ni SVG animationw kan, n y’a daminɛ ka nin gafe in sɛbɛn Smashing Animations ani “How Classic Cartoons Inspire Modern CSS” kan. Walasa ka ɲinan san in kuncɛ, n b’a fɛ k’a jira aw la bi CSS baaracogo la walasa k’o fɛn in da min bɛ Toon Titles kɛ nɔba ye: u sɛbɛnnikɛcogo. Titre Artwork Design ye San 1920 ni san ’30 daminɛ waati la, filimu tɔgɔla karti sɛbɛnni ye dusukunnata dɔ lawuli, ka yɔrɔ sigi, ka lamɛnnikɛlaw hakili jigin filimu suguya la, u ye wari sara ka min lajɛ.
Dessin animé title kartiw fana tun ye branding, mood ani scene-setting ye, u bɛɛ tun bɛ wuli ka kɛ kelen ye. San fɔlɔw la, ni studio belebelebaw ka baarakɛnafolo tun ka bon, o tɔgɔla kartiw tun ka teli ka kɛ ja ye ani ka kɛ ja ye.
Nka telewisɔn yiriwara tuma min na san 1950 waatiw la, baarakɛnafolo dɔgɔyara, ani karti minnu dilanna dɔnkotigiw fɛ i n’a fɔ Lawrence “Art” Goble, olu ye kan kura yecogo ta, u kɛra ja ye, u kɛra cogoya ye, wa u ma kɛ fɛn ye min tɛ gɛlɛya kosɛbɛ. Kɔlɔsili: Lawrence “Art” Goble ye Ameriki animationw ka cɛfarinw dɔ ye minnu bɛ to ka ɲinɛ u kɔ san kɛmɛ cɛmancɛ la. A ye baara Kɛ fɔlɔ Hanna-Barbera fɛ a ka sànw na minnu ye nɔba Bɔ kosɛbɛ 1950 ni 1960 sànw na. Goble tun tɛ mɔgɔ ye min bɛ mɔgɔ ɲɛnajɛ. A jɔyɔrɔ tun ye ka fiɲɛ dilan, o de la a ye sigidaw labɛn The Flintstones, Huckleberry Hound, Quick Draw McGraw ani Yogi Bear ye, ka fara dakun daminɛ tɔgɔ kartiw kan minnu bɛ ton sigi. A ka tɔgɔla kartiw, ja minnu bɛ ni logo ye, olu ye dɛmɛ don ka Hanna-Barbera ɲɛda cogoya ɲɛfɔ min ye taamasiyɛn ye. Goble ka seko ni dɔnko baara minnu kɛra mɔgɔ dɔw ye i n’a fɔ Quick Draw McGraw ani Yogi Bear, olu tun bɛ nɔ bɔ telewisɔn ɲɛ fitininw na. Sani a ka still dɔ lasegin ka bɔ dessin animé kɔnɔ, a y’a sinsin hakilina kelen, barikama jirali kan — tuma caman na, a bɛ kɛ silhouette ye — min y’a kɔnɔko minɛ. “The Buzzin’ Bear” kɔnɔ, Yogi bɛ bugɔ ka tɛmɛ ɛlikopɛri kɔnɔ. A bɛ pan ka taa, pic-a-nic segi b’a bolo, “Bear on a Picnic” kɔnɔ, wa a ka “Prize Fight Fright” kama, Yogi bɛ tɔgɔ sɛbɛn kɛ kɛsu kɔnɔ.
Ni lamaga tun ka dɔgɔ walima a tun tɛ se ka da min kan, Goble ka karamɔgɔ kelenw tun ka kan ka dusukunnata dɔ lawuli, ka yɔrɔ sigi, ka maana dɔ ɲɛfɔ. U y’o kɛ ni kulɛri fla ye, ni ja cogoyaw ye, ani ni sɛbɛnnikɛcogo ye min tun bɛ don tuma caman na seko ni dɔnko baara la.
Anw minnu ye dilanbagaw ye minnu bɛ baara kɛ ɛntɛrinɛti kan, toon tɔgɔw bɛ se k’an kalan fɛn caman na, an bɛ se ka fɛn dɔ ka mɔgɔya jira cogo min na, ka mɔgɔ dɔ ka hakilina fɔlɔ kɛ, ani ka jigiya sigi mɔgɔ dɔ ka ko kɛlenw kan ni baara kɛli ye ni fɛn dɔ walima ɛntɛrinɛti yɔrɔ dɔ ye. An bɛ se ka kalan sɔrɔ dɔnkotigiw ka fɛɛrɛw la walasa ka pankarti nafamaw dilan, landing-page headers, ani hali good ol’ fashioned splash screens. Toon Title Typography (Typographie) ye Dessin animé title kartiw b’a jira cogo min na ka suguya ni ja fara ɲɔgɔn kan, o bɛ punch lase, kuntigi walima jagokɛla mago bɛ min na. Ni sɛbɛnni-dumuni, sɛbɛnni-sɛbɛnni ani fɛn caman tigɛli fɛɛrɛ damadɔ ye, bi CSS b’a to i bɛ se ka o fanga kelen in ta.
Toon Texte Titre Generateur (Bɛnkansɛbɛn Title Generator). Nin barokun sɛbɛnni yɔrɔ dɔ la, n y’a ye ko nafa bɛna kɛ a la ka baarakɛminɛn dɔ sɔrɔ min bɛ sɛbɛnniw lawuli min cogoya bɛ i n’a fɔ n ka desɛn tɔgɔ minnu ka di n ye kosɛbɛ. O la, ne ye kelen dilan. My Toon Text Title Generator b’a To i bɛ se k’a lajɛ ni kulɛriw, sɛbɛnniw ani sɛbɛnni caman ye. I bɛ se ka penti sigicogo ladilan, ka lɛtɛrɛw ni ɲɔgɔn cɛ danfara kɛ, k’i ka sɛbɛnniw lajɛ fɔlɔ sɛbɛnnibolo misali sugandilenw kɔnɔ, ka sɔrɔ ka CSS min dilanna, o kopi kɛ ka ɲɛsin i ka jatebɔsɛbɛn ma walasa ka baara kɛ n’a ye porozɛ dɔ kɔnɔ. Toon Title CSS ye Toon Text Title Generator bɛ CSS min di i ma, i bɛ se k’o kopi-paste dɔrɔn. Nka a bɛ min kɛ, an k’o lajɛ kosɛbɛ. Texte ombre Aw ye suguya lajɛ nin tɔgɔ in na ka bɔ Augie Doggie ka yɔrɔ la min tɔgɔ ye ko “Yuk-Yuk Duck”, n’a sɛbɛnni jɛmanw ye ani a dibi, gɛlɛn, biɲɛ min bɛ bɔ ɲɔgɔn na, min b’a kɔrɔta ka bɔ kɔfɛ, ka juguya namara kɛ.
N’a sɔrɔ i b’a dɔn kaban ko text-shadow bɛ sɔn nafa naani ma: (1) offsets horizontales ani (2) offsets horizontales, (3) blur, ani (4) kulɛri min bɛ se ka kɛ solide walima semi-transparent ye. O offset values bɛ se ka kɛ positive walima negative ye, o la ne bɛ se ka “Yuk-Yuk Duck” ladege ni shadow gɛlɛn ye min bɛ sama ka jigin ani ka taa kinin fɛ: kulɛri : # f7f76d ; sɛbɛnni-yɔrɔ: 5px 5px 0 #1e1904;
Faan wɛrɛ fɛ, nin “Pint Giant” tɔgɔ in bɛ ni dusukunnata wɛrɛ ye n’a ka biɲɛ tilancɛ nɔgɔlen jugu ye: kulɛri: #c2a872; sɛbɛnni-yɔrɔ-ko: -7px 5px 0 #b100e, Bamako, Mali. 0 -5px 10px #546c6f ;
Walasa ka dɔ fara a dunuya kan ani ka nɔ nafama wɛrɛw dilan, n bɛ se ka biɲɛ caman layɛrɛ. “Let’s Duck Out” kama, n bɛ biɲɛ naani fara ɲɔgɔn kan: fɔlɔ ye dulon solide ye ni offset horizontal negative ye walasa ka sɛbɛnni kɔrɔta ka bɔ kɔkan, o kɔfɛ biɲɛw bɛ nɔgɔya dɔɔnin dɔɔnin walasa ka blur kɛ a lamini na: kulɛri : #6F4D80 ; sɛbɛnni-yɔrɔ-ko: -5px (5px) ye5px 0 #260e1e, /* Dugukolonɔn 1 */ . 0 0 15px #e9ce96, /* Dugukolonɔn 2 */ . 0 0 30px #e9ce96, /* Dugukolonɔn 3 */ . 0 0 30px #e9ce96 ye ; /* Ombre 4 */ Bamako, Mali.
O biɲɛw b’a jira ko baara kɛli ni sɛbɛnni-dugukolo ye, o tɛ yeelenbɔlanw dabɔli dɔrɔn ye, bawo u bɛ se ka kɛ fana masirifɛnw ye ani ka mɔgɔya fara a kan. Texte AVC (Sɔgɔsɔgɔninjɛ). Dessin animé title karti caman kɔnɔ, lɛtɛrɛw bɛ yen minnu ɲɛfɔlen don ni ja jɛman ye, min b’a to u bɛ bɔ kɛnɛ kan. N bɛ se ka nin nɔ in da kokura ni sɛbɛnni-sɛbɛnni ye. Waati jan kɔnɔ, nin nafolo in tun bɛ sɔrɔ -webkit- daminɛcogo dɔrɔn de fɛ, nka o fana kɔrɔ ye ko a bɛ dɛmɛ sisan bi navigatɔrɔw bɛɛ kɔnɔ.
text-stroke ye daɲɛ surun ye min bɛ Fɔ nafolo fla ma. Fɔlɔ, n’o ye sɛbɛnni-yɔrɔ-janya ye, o bɛ ‘kɔnɔna ja Kɛ ka sɛbɛnnibolo kelen-kelenw Lamini, k’a sɔrɔ filanan, n’o ye sɛbɛnni-sɛbɛnni-kulu ye, o b’a kulɛri Kɔrɔsi. “Whatever Goes Pup” kama, n ye 4px bulu dɔ fara sɛbɛnni jɛman kan: kulɛri: #eff0cd; -webkit-texte-stroke : 4px #7890b5 ; sɛbɛnni-sɛbɛnni : 4px #7890b5 ;
Strokes bɛ se ka nafa sɔrɔ kɛrɛnkɛrɛnnenya la n’u faralen don ɲɔgɔn kan ni shadows ye, o la “Growing, Growing, Gone” kama, n ye 3px stroke finman dɔ fara 1px shadow kan min ma jɛya kosɛbɛ walasa ka nin sɛbɛnni kɛcogo saba in dilan: kulɛri: #fbb999; sɛbɛnni-yɔrɔ : 3px 5px 1px #5160b1; -webkit-texte-stroke : 3px #984336 ; sɛbɛnni-sɛbɛnni : 3px #984336 ;
Penti Koman Baara kɛli ni sɛbɛnni-sɛbɛnni-sɛbɛnni ye, o tɛ nɔ makɔnɔnen Bɔ tuma bɛɛ, kɛrɛnkɛrɛnnenya la ni sɛbɛnnibolo finmanw ni sɛbɛnni-sɛbɛnni belebelebaw ye, bari a daminɛ na, navigatɔrɔ bɛ sɛbɛnni-sɛbɛnni Kɛ fasa kan. A fɔ man di nka, hali bi CSS tɛ sira di n ma ka sɔgɔsɔgɔninjɛ bilali ladilan i n’a fɔ n bɛ deli k’a kɛ cogo min na Sketch kɔnɔ. Nka, penti-koman nafolo bɛ ni nafaw ye minnu b’a to n bɛ se ka sɔgɔsɔgɔninjɛ bila fasa kɔfɛ, sanni ka bila a ɲɛfɛ.
paint-order: stroke bɛ stroke penta fɔlɔ, o kɔfɛ fasa, k'a sɔrɔ penti-order: fill bɛ a kɔkanna kɛ: kulɛri: #fbb999; penti-labɛn: fa; sɛbɛnni-yɔrɔ : 3px 5px 1px #5160b1; sɛbɛnni-sɛbɛnni-kulu:#984336; sɛbɛnni-yɔrɔ-janya: 3px;
Stroke nafama bɛ lɛtɛrɛw to u ka se ka kalan, ka girinya fara u kan, ani — ni u farala ɲɔgɔn kan ni biɲɛw ni penti sigicogo ye — a bɛ sɛbɛnni flakɛlenw kɛ lakika ye. Backgrounds Kɔnɔna Sɛbɛnni Dessin animé title karti caman bɛ tɛmɛ kulɛri fla kan, u kɛtɔ ka sɛbɛnniw, fɛnw jiginni, walima ja dɔw fara sɛbɛnniw kan. Tuma dɔw la o ye texture ye, tuma wɛrɛw la a bɛ se ka kɛ gradient ye ni tonal shift subtle ye. Ɛntɛrinɛti kan, n bɛ Se k’o nɔ in Dabɔ kokura ni n bɛ baara Kɛ ni kɔkanna ja walima gradient ye sɛbɛnni kɔfɛ, ka sɔrɔ k’a tigɛ ka Kɛ sɛbɛnniw cogoya ye. O bɛ Da nafolo fla kan minnu bɛ baara Kɛ ɲɔgɔn fɛ: kɔkan-klip: sɛbɛnni ani sɛbɛnni-falen-kulu: transparent.
Fɔlɔ, n bɛ kɔkanko dɔ waleya sɛbɛnni kɔfɛ. O bɛ se ka kɛ bitmap walima vector image walima CSS gradient ye. Nin misali in kama min bɔra Quick Draw McGraw yɔrɔ la min tɔgɔ ye ko “Baba Bait”, tɔgɔ sɛbɛn kɔnɔ, sanfɛla ni duguma jiginni nɔgɔlen dɔ bɛ sɔrɔ ka bɔ dibi la ka taa yeelen na: kɔkanna : sinsinni-yɔrɔ (0deg, #667b6a, #1d271a);
O kɔfɛ, n b’o kɔkanna siri sɛbɛnnibolow la ka sɛbɛnni kɛ kɛnɛ kan walasa kɔkanna ka jira ka tɛmɛn: -webkit-kɔfɛ-klip: sɛbɛnni; -webkit-text-fill-color: kɛnɛya;
O zana fila dɔrɔn de fɛ, kɔkanna tɛ ja tuguni sɛbɛn kɔfɛ; o nɔ na, a pentalen don a kɔnɔ. O fɛɛrɛ in bɛ baara kɛ kosɛbɛ kɛrɛnkɛrɛnnenya la ni a farala ɲɔgɔn kan ni sɔgɔsɔgɔninjɛ ni biɲɛw ye. Gradient tigɛlen bɛ sɛbɛnniw kɛ ni kulɛri ni sɛbɛnni ye, sɔgɔli bɛ a dakunw to u ka nɔgɔn, ani biɲɛ bɛ u kɔrɔta ka bɔ kɔfɛ. U faralen ɲɔgɔn kan, u bɛ bololabaarakɛlaw ka tɔgɔla-sɛbɛnw cogoya lamininenw da kokura ni foyi tɛ ni CSS fitinin tɛ. I n’a fɔ a bɛ kɛ cogo min na tuma bɛɛ, sɛbɛnni tigɛlenw kɔrɔbɔ kosɛbɛ, bawo navigatɔrɔn ka fɛnɲɛnɛmaw bɛ se ka nɔ bila tuma dɔw la biɲɛw ni jiracogo la. Sɛbɛnni tila-tila ka kɛ mɔgɔ kelen-kelen bɛɛ ye Tuma dɔw la, n t’a fɛ ka daɲɛ walima kumakun kuuru dɔ cogoya. N b’a fɛ ka lɛtɛrɛ kelen-kelenw cogoya — ka mɔgɔ dɔ sɔgɔ a nɔ na, ka girinya wɛrɛ di sɛbɛnnibolo kelen ma, walima ka lɛtɛrɛ damadɔw ɲɛnamaya u yɛrɛma. HTML ni CSS gansanw na, o kɛcogo kelen de bɛ yen min bɛ Se ka Da a kan: ka taamaʃyɛn kelen-kelen bɛɛ siri a yɛrɛ ka span element (span element) la. N tun bɛ se k’o kɛ ni n bolo ye, nka o tun bɛna kɛ fɛn ye min bɛ se ka tiɲɛ, a ladonni tun ka gɛlɛn, wa a tun bɛna bin joona ni kopi caman Changé. O nɔ na, ni n mago bɛ lɛtɛrɛ kelen-kelen bɛɛ kɔlɔsili la, n bɛ baara Kɛ ni sɛbɛnni-yɔrɔ-ko-gafe ye i n’a fɔ splt.js (hali n’a y’a Sɔrɔ fura wɛrɛw bɛ yen). O bɛ sɛbɛnni-yɔrɔ dɔ Ta ka daɲɛw walima taamaʃyɛnw siri a yɛrɛma, ka jɛgɛ wɛrɛw Di n ma walasa ka ɲɛnamaya Kɛ ani ka cogoya Kɛ k’a sɔrɔ n ma n ka taamaʃyɛn ɲagami. O ye fɛɛrɛ ye min b’a to n ka HTML bɛ se ka kalan ani k’a kɔrɔ fɔ, k’a sɔrɔ a bɛ kunnafoni finman di n ma n mago bɛ min na walasa ka sɛbɛnnikɛcogo min tɛ kelen ye, min bɛ kɛ ni jogo ye, i bɛ min ye klasiki dessin animé title kartiw kɔnɔ, o da kokura. Nka, o fɛɛrɛ in bɛ na nisɔrɔli lasɔminiw, bawo ɛkran kalanbaga fanba bɛ sɛbɛnniw node kalan ka kɛɲɛ ni ɲɔgɔn ye. O la nin ye:
Hum Dumuni Hum
...a bɛ kalan i n’a fɔ i b’a miiri cogo min na: Hum Dumuni Dumuni Dumuni
Nka nin ye:
H u m
...a bɛ se ka kɔrɔfɔ cogo wɛrɛ la ka kɛɲɛ ni navigatɔrɔ ni ekran kalanbaga ye. Dɔw bɛna lɛtɛrɛw fara ɲɔgɔn kan ani ka daɲɛw kalan ka ɲɛ. Dɔ wɛrɛw bɛ se ka jɔ lɛtɛrɛw ni ɲɔgɔn cɛ, o min ka jugu kosɛbɛ, o bɛ se ka kɛ i n’a fɔ: “H...” “U...” “M...”
A fɔ man di nka, tila-tilacogo dɔw tɛ sɔrɔ min bɛ Se ka Sɔrɔ tuma bɛɛ, o de la n ye n yɛrɛ ka sɛbɛnni-yɔrɔ-ko sɛbɛn, n’o ye splinter.js ye, n’o bɛ beta la sisan. Sɛbɛn kelen-kelen bɛɛ caman cili Walasa ka n ka Toon Text Splitter baara, n bɛ data- attribute dɔ fara n b’a fɛ ka element min tila:
Hum Dumuni duman
Fɔlɔ, n ka sɛbɛnni bɛ daɲɛ kelen-kelen bɛɛ faranfasi ka kɛ sɛbɛnnibolo kelen-kelenw ye k’u siri span element (span element) kɔnɔ ni classe ani ARIA attributes (kalanso ni ARIA attributs) ye: H u m
O kɔfɛ, sɛbɛnnikɛlan bɛ tilayɔrɔ tilalen kɔnɔko fɔlɔw ta k’a fara a kan i n’a fɔ aria attribut walasa ka dɛmɛ don ka se sɔrɔli sabati:
H u m
Ni o kalasi fɛnɲɛnɛmaw Kɛra, o kɔ fɛ, n bɛ Se ka taamaʃyɛn kelen-kelenw cogoya Kɛ i n’a fɔ n b’a fɛ cogo min na.
Misali la, “Hum Sweet Hum” kama, n b’a fɛ ka segin a kan cogo min na a sɛbɛnniw bɛ wuli ka bɔ a daminɛ na. N ka Toon Text Splitter baara kɛlen kɔ, n ye bamanankan baarakɛcogo danfaralen naani Kɛ ni :nth-child sugandilikɛla caman ye walasa ka semi-random look dɔ Dabɔ: /* 4nan, 8nan, 12nan... */ .toon-char:nth-den(4n) { bamanankan: 0 -8px; } . /* 1nan, 5nan, 9nan... */ .toon-char:nth-den(4n+1) { bamanankan: 0 -4px; } . /* 2nan, 6nan, 10nan... */ .toon-char:nth-den(4n+2) { bamanankan: 0 4px; } . /* 3nan, 7nan, 11nan... */ .toon-char:nth-den(4n+3) { bamanankan: 0 8px; } .
Nka bamanankan baara ye nafolo kelen dɔrɔn de ye n bɛ Se ka min Kɛ ka n ka toon sɛbɛnni Yɛlɛma.
N tun bɛ se fana k’o mɔgɔ kelen-kelen ninnu wuli ka ɲɔgɔn falen walasa ka ɲɛda cogoya ɲagaminen sɔrɔ ka tɛmɛn fɔlɔ kan: /* 4nan, 8nan, 12nan... */ .toon-layini .toon-char:nth-den(4n) { wuli: -4deg; } . /* 1nan, 5nan, 9nan... */ .toon-char:nth-den(4n+1) { wuli: -8deg; } . /* 2nan, 6nan, 10nan... */ .toon-char:nth-den(4n+2) { ka wuli: 4deg; } . /* 3nan, 7nan, 11nan... */ .toon-char:nth-den(4n+3) { ka wuli: 8deg; } .
Nka bamanankan baara ye nafolo kelen dɔrɔn de ye n bɛ Se ka min Kɛ ka n ka toon sɛbɛnni Yɛlɛma. N tun bɛ se fana k’o mɔgɔ kelen-kelen ninnu wuli ka ɲɔgɔn falen walasa ka ɲɛda cogoya ɲagaminen sɔrɔ ka tɛmɛn fɔlɔ kan: /* 4nan, 8nan, 12nan... */ .toon-layini .toon-char:nth-den(4n) { . jiginni: -4deg; } .
/* 1nan, 5nan, 9nan... */ .toon-char:nnan-den(4n+1) { . jiginni: -8deg; } .
/* 2nan, 6nan, 10nan... */ .toon-char:nnan-den(4n+2) { . jiginni: 4deg; } .
/* 3nan, 7nan, 11nan... */ .toon-char:nnan-den(4n+3) { . jiginni: 8deg; } .
Wa, tiɲɛ na, n tun bɛ se ka animation (ɲɛnamaya) dɔw fara a kan walasa k’o mɔgɔ suguw jigin ani ka n ka toon sɛbɛnni cogoya tɔgɔw lase ɲɛnamaya ma. Fɔlɔ, n ye animation keyframe dɔ Dabɔ min bɛ mɔgɔladonnaw Lamaga:
@keyframes jiggle { 0%, 100% { fɛn caman tigɛli: wuli (var(--base-yɛrɛyɛrɛ, 0deg)); } . 25% { fɛn caman tigɛli: wuli (calc (var (--base-yɛrɛyɛrɛ, 0deg) + 3deg)); } . 50% { fɛn caman tigɛli: wuli (calc (var (--base-yɛrɛyɛrɛ, 0deg) - 2deg)); } . 75% { fɛn caman tigɛli: wuli (calc (var (--base-yɛrɛyɛrɛ, 0deg) + 1deg)); } . } .
Sani n k’a waleya span elements minnu dabɔra n ka Toon Text Splitter fɛ: .toon-kari { . animation: jiggle 3s dan tɛ nɔgɔya-don-bɔ; transform-origin: cɛmancɛ duguma; } .
Wa a laban na, ka jiginni hakɛ ni waati latɛmɛni sigi sen kan sani taamaʃyɛn kelen-kelen bɛɛ ka daminɛ ka jɛgɛn: .toon-char:nth-den(4n) { --basi-yɛrɛyɛrɛ: -2deg; } . .toon-char:nth-den(4n+1) { --basi-yɛrɛyɛrɛ: -4deg; } . .toon-char:nth-den(4n+2) { --basi-yɛrɛyɛrɛ: 2deg; } . .toon-char:nth-den(4n+3) { --basi-yɔrɔ-yɔrɔ-ko: 4deg; } .
.toon-char:nth-den(4n) { animation-delay: 0,1s; } . .toon-char:nth-den (4n+1) { animation-delay: 0,3s; } . .toon-char:nth-den(4n+2) { animation-delay: 0,5s; } . .toon-char:nth-den(4n+3) { animation-delay: 0,7s; } .
Kalansen kelen Ka kɛ ka mɔgɔ bila ka miiri Dessin animé title artistes tun bɛ ni frame kelen ye walasa ka mɔgɔw bila ka miiri, wa u ka typography tun nafa ka bon i n’a fɔ u ye ja dilan cogo min na. O cogo kelen de bɛ kɛ ɛntɛrinɛti kan. Kungolo walima jagokɛla min dilannen don ka ɲɛyɔrɔ mago bɛ jɛya, jogo ani dannaya la — a tɛ kɛ kɔkanna ja ye min bonyalen don, a bonya bɛɛ lajɛlen dɔrɔn. Ni CSS nafa damadɔ sugandira koɲuman — biɲɛw, sɔgɔsɔgɔninjɛw, kɔkanna tigɛlenw, ani animation dɔw minnu bɛ bali — an bɛ se k’o nɔ kelen in da kokura. Toon text ka di n ye kosɛbɛ k’a sababu kɛ n’ tɛ nostalgique ye, nka k’a sababu kɛ a dilanni ye laɲini ye. Sugandili kɛ ni laɲini ye, ani ka toon sɛbɛnni sɛbɛnni dɔɔnin dɔ fara i ka dilanw kan.
