Videoképernyők 2025, Január

Nick illusztrációján három különböző réteg volt a fejeknek. Csak kissé eltérő variációk. Cserélhetnénk a képeket egy animációval "

Amíg ezen a terven dolgoztam, megjelent a jQuery 1.8. Ez csak egy gyors videó, amely támaszkodik arra a tényre, hogy ilyen dolgok történnek, amikor webhelyeket fejlesztesz "

Megvan az alap galéria fejléc, de hiányzik azokból a kis kék emberekből, akiket Erica az eredeti illusztrációba helyezett. Beszéltünk róla a "

Most kaptuk meg a Galéria egyéni fejlécét, így amíg itt tartunk, folytassuk egy másik egyéni fejléc hozzáadásával. ezt csinálta "

A webhely hét különböző fő területe van a honlapon kívül. Szóval hét különféle illusztrátort vettem fel tervek készítésére. Ez az első, amiben vagyunk "

Eddig a kódváltozásokat helyben végeztük anélkül, hogy bármilyen verzióvezérlőt használtunk volna. A webhely összetettségének növekedésével ez egyre inkább "

Jól kezdjük az érzékeny kialakítást. A legkisebb képernyőméretnél lévő menü 2x4-es rácsra oszlik. Szépen elfér a képernyőn, de "

Bizonyos érzékenységet adunk a Galéria számára létrehozott rácshoz. A legszélesebb képernyőn négy oszlopra állíthatjuk. Aztán elkezdjük hozzáadni "

Ebben kitaláljuk azokat a problémákat, amelyek az oszlopelrendezés szép betöltésével járnak. A javítás az volt, hogy távolítsa el a CSS-t, amely a "

Elkezdjük ásni a Galéria területének elrendezését, amire ez az újratervezési folyamat kezdete óta gondolok. Többnyire"

Megvan a rács elrendezése a Galéria számára. Sajnos a rakodása kissé hirtelen és nyűgös. Ennek az az oka, hogy a CSS3 oszlopok "

Már töltöttünk egy kis időt az oldalak kitörlésével, hogy a navigációnk működjön (030. videó), és Ön rákattinthat a webhelyre, de mi van ezeken az aloldalakon "

Nagy hagyománya van a CSS-Tricks közvélemény-kutatásainak. Szórakoztatóak, jó fontos adatokat gyűjtenek, és növelik az emberek kapcsolatát az oldallal. Eljegyzés FTW! "

Egy teljesen tisztességes közvélemény-szerkesztővel hagytuk abba. A tipográfia tiszta és minden tökéletesen használható. Ez azonban nem volt éppen meggyőző vagy szórakoztató. Mi"

A webhely fő oldalsávjának legfelső modulja a Treehouse-hoz tartozik, mint a CSS-Tricks fő szponzorához. Ryan Carsonnal folytatott beszélgetés alapján "

A keresés jól működik, amíg el nem jutunk a "baby bear" (kis mobil) méretű szünetünkig. Valami mást kell csinálnunk ott. Csinálunk egy szobát "

Úgy gondolom, hogy ebben a sorozatban először a böngészőben történő munkával (nem a Photoshop alkalmazásból indulva) adunk néhány új dolgot a tervezéshez.

Ha az asztali böngészőt nagyon szűkre szorítja, akkor homályos képet adhat arról, hogyan működik egy adaptív tervezés, de ez nem egy pontos ábrázolása a "

A rendelkezésünkre álló hirdetés nagyszerű a nagy / asztali méretű képernyőkhöz, de a kisebb képernyőkön elég hamar el fog bukni. Van néhány töréspontunk már "

Létrehoztuk egy gomb kinézetét rendes állapotban, de egy ilyen 3D gomb egy "tolott" állapotért könyörög. Sötétebb színt adunk a "

Azzal a szándékkal indulunk, hogy HTML és CSS-re ugorjunk az imént megtervezett legfelső Treehouse hirdetésre, de természetesen amint elkezdjük, kisiklunk. "

Megvan a jelölés a Treehouse hirdetés számára az oldal tetején, de van néhány stílusmunkánk. Kezdjük magával a fa grafikával. Mi vagyunk

Nagy mennyiségű szabad helyet hagytunk a fejlécben. A kezdetektől fogva tudtam, hogy ez a CSS-Tricks elsődleges szponzorának, a Treehouse-nak szól. Ebben"

Van még egy kis munkánk a keresési terület befejezéséhez. Csak egy másodpercre kerülünk félre, amikor észreveszem, hogy nem adtuk hozzá a háromdimenziós "

A 034. videóban ott folytatjuk, ahol abbahagytuk, és folytatjuk a keresési terület kiépítését. Ezúttal a keresés, az épület "nyitott" állapotára koncentrálunk

Kicsit szünetet tartunk a keresésen való munkában, hogy megoldhassunk egy kis nigli problémát. A "FOUT" a "stílus nélküli szöveg villanása". Ez az a jelenség, amikor @ font-face "

Most, hogy Photoshoppingot elértünk, amit remélni fogunk elérni a keresési területtel, nekiláttunk HTML és CSS segítségével felépíteni. Már megvan az ikonunk betűtípusa "

Nagyon sok tartalom található a CSS-trükkökön. Ez az egyik dolog, ami miatt a dizájn kissé kihívást jelent. Bár tisztán tudunk maradni a dizájnnal, "

Először a blogbejegyzés-modulunkkal való játékkal kezdjük, a szóközökkel babrálunk. Hozzáadjuk a modul bal felső sarkában található kis színes négyzetet is. "

Ebben a szupergyors videóban hozzáadunk minden szükséges CSS-t, hogy megbizonyosodhassunk arról, hogy a fő navigáció aktuális oldaleleme kiemelve jelenik meg, amikor az oldal "