Videoképernyők 2025, Január

# 156: Beszéljünk a Webpackról - CSS-trükkök

# 156: Beszéljünk a Webpackról - CSS-trükkök

Sean Larkin csatlakozik hozzám, hogy beszéljek a Webpack-ról! Kétlem, hogy egyedül vagyok abban, hogy kissé összezavarodtam abban, mi a fene Webpack és mit csinál. Még akkor is, ha aktívan vagy "

# 134: Jekyll, Grunt, Sass, SVG rendszer és még sok más által épített folyamatban lévő webhely bemutatása - CSS-trükkök

# 134: Jekyll, Grunt, Sass, SVG rendszer és még sok más által épített folyamatban lévő webhely bemutatása - CSS-trükkök

Figyelmeztetés: ez egy kanyargós, középszintű képernyő, amelyben megnézzük a kódot, amely a webhely építési folyamatát hajtja végre. Nem írunk kódot. "

# 99: A HTML5 űrlaptípusok, attribútumok és elemek áttekintése - CSS-trükkök

# 99: A HTML5 űrlaptípusok, attribútumok és elemek áttekintése - CSS-trükkök

A HTML5 egy csomó űrlap-specifikus funkcióval rendelkezik, amelyek mind jobbá teszik az űrlapokat az interneten. A funkciók böngésző általi támogatása az egész térképen megtalálható, de sok "

# 9: Csillagos éj: 3D háttér a parallaxis effektussal - CSS-trükkök

# 9: Csillagos éj: 3D háttér a parallaxis effektussal - CSS-trükkök

Három réteg alfa átlátszó PNG fájl segítségével pszeudo háromdimenziós kinézetű hátteret hozhatunk létre egy weboldal számára. Ez a képernyősablak bemutatja, hogyan "

# 98: Játék testhatárokkal - CSS-trükkök

# 98: Játék testhatárokkal - CSS-trükkök

A böngészőablak belseje körüli szegély elhelyezése ilyen egyszerű kis ötlet, és szép tervezési hatás lehet. De hogyan tegyük meg, hogy a "

# 96: localStorage for Forms - CSS-trükkök

# 96: localStorage for Forms - CSS-trükkök

A HTML5 hihetetlenül egyszerű módszerrel tárolja az állandó adatokat, az úgynevezett localStorage. Természetesen csak egy metódust hív meg kulcs / érték párral és ez a "

# 97: Bevezetés a CSS animációkba - CSS-trükkök

# 97: Bevezetés a CSS animációkba - CSS-trükkök

Az animációk, például az átmenetek, idővel megváltoztathatják az oldalelemeket. Az animációk sok szempontból erőteljesebbek és összetettebbek. Nyilatkoznia kell egy "

# 95: Mese a határátmenetekről CSS-trükkök

# 95: Mese a határátmenetekről CSS-trükkök

Kiderült, hogy van egy egyszerű módszer a határok gradiensének elvégzésére. Ez azonban hosszabb ideig tartott, mint amennyire el kellett volna érnem, ez a képernyõsáv lefedi "

# 94: Bevezetés az álelemekhez - CSS-trükkök

# 94: Bevezetés az álelemekhez - CSS-trükkök

Az álelemek egy olyan weboldal látható elemei, amelyek nincsenek „a DOM-ban” vagy HTML-ből vannak létrehozva, hanem közvetlenül a CSS-ből vannak beillesztve. Ez lehetővé teszi"

# 93: CSS3 csúsztatható dobozok - CSS-trükkök

# 93: CSS3 csúsztatható dobozok - CSS-trükkök

Kövesse végig, miközben néhány nagyon egyszerű CSS3 átmenetet használunk a "slideup" mezőhatás létrehozásához. Görgessen az egérrel a doboz fölé, és a doboz címe "

# 92: A rajzasztal kódjának áttekintése - CSS-trükkök

# 92: A rajzasztal kódjának áttekintése - CSS-trükkök

A rajzasztal lényegében egy mini egyoldalas jQuery alkalmazás. Egy elsődleges funkciója van: színes mintázatot hoz létre a cellák színének megváltoztatásával "

# 91: A WordPress hurok - CSS-trükkök

# 91: A WordPress hurok - CSS-trükkök

A WordPress híres tartalomszóró struktúrájáról nincs hiány dokumentációban, de mégis úgy érzem, hogy több a zűrzavar és a rejtély "

# 86: Első pillanatok a MAMP-val - CSS-trükkök

# 86: Első pillanatok a MAMP-val - CSS-trükkök

Nagyon el vagyok maradva a mostani idők mögött, de a közelmúltig soha nem igazán fejlődtem lokálisan. Minden, amit tettem, "kommandós lettem" és dolgoztam "

# 90: Egyszerű TextMate tippek - CSS-trükkök

# 90: Egyszerű TextMate tippek - CSS-trükkök

A TextMate egy csak mac kód kódszerkesztő. Elnézést ezúttal a PC-felhasználóktól. Ha már régóta nézed ezeket a képeket, tudod, hogy használtam "

# 89: Photoshop-dokumentum szervezése - CSS-trükkök

# 89: Photoshop-dokumentum szervezése - CSS-trükkök

Ha olyanok vagytok, mint én, mindketten bűnösek a súlyosan rendezetlen Photoshop-dokumentumok miatt, és értékelik a jól szervezett dokumentumokat. A szervezetlenség nem "

# 8: CSS formázás - CSS-trükkök

# 8: CSS formázás - CSS-trükkök

A CSS-fájlok szervezettsége és jó formázása sok időt és frusztrációt takaríthat meg a fejlesztési folyamat során, különösen "

# 88: Bevezetés az iránytűbe / Sass - CSS-trükkök

# 88: Bevezetés az iránytűbe / Sass - CSS-trükkök

Kérdezzen meg egy csomó tervezőt arról, hogy mit kívánnak a CSS-től, amit most nem tud megtenni, és kap egy nagy listát, amely hasonlóan hasonlít a "

# 85: A legjobb gyakorlatok dinamikus tartalommal - CSS-trükkök

# 85: A legjobb gyakorlatok dinamikus tartalommal - CSS-trükkök

Az egyik cikk, amelyet a "Május karbantartási hónap" alatt frissítettem, egy cikk volt a dinamikus tartalomról. Az ötlet egy egyszerű weboldal volt, ahol egy linkre kattintva "

# 87: Feljebb lépés a MAMP-val - CSS-trükkök

# 87: Feljebb lépés a MAMP-val - CSS-trükkök

Félelmetes a helyi együttműködés a MAMP-val, de mi van akkor, amikor élőben kell megjelenítenie az oldalt? Legutóbb a WordPress egyik verzióját helyben telepítettük, most "

# 83: Gondolatok a SEO-ról - CSS-trükkök

# 83: Gondolatok a SEO-ról - CSS-trükkök

Tisztességes figyelmeztetés: a szokásosnál is több csetepaté. Hallgassa meg a SEO-val kapcsolatos gondolataimat. Azt hiszem, tudom, hogy a SEO meglehetősen nyilvánvaló legjobb gyakorlatok sora. A "

# 84: A chris-mcgarry.com webhely áttekintése - CSS-trükkök

# 84: A chris-mcgarry.com webhely áttekintése - CSS-trükkök

Építettem egy oldalt egy zenész barátomnak, aki új albumot ad ki. A nyilvánvalóan játszható zeneszámok birtoklása fontos, de a "

# 81: AJAXing egy WordPress-téma - CSS-trükkök

# 81: AJAXing egy WordPress-téma - CSS-trükkök

Figyelje, ahogy az AJAX funkcionalitást hozzáadom egy WordPress témához. Az elképzelés az, hogy a webhely bármely belső linkje betöltődik a fő "

# 82: CSS képváltó - CSS-trükkök

# 82: CSS képváltó - CSS-trükkök

Görgessen egy linken, figyelje a fenti kép változását. Ezt építjük fel ebben a képernyőn, csak nem használunk JavaScriptet ehhez. A trükk néhány "

# 80: A kerék feltalálásával kapcsolatban CSS-trükkök

# 80: A kerék feltalálásával kapcsolatban CSS-trükkök

Egy párnak szüksége van egy fotógalériára az esküvőjéhez, ahol mindenki böngészhet és feltölthet saját esküvői fotóit. Kezdő fejlesztő: tudom

# 79: Komplett / nem sorban álló animációk a jQuery - CSS-trükkök

# 79: Komplett / nem sorban álló animációk a jQuery - CSS-trükkök

Ha a jQuery .animate () függvényét valamilyen lebegő eseményhez hasonlóan használja, akkor ezek az animációk "sorba állnak". Vagyis ha többször lebeg, akkor "

# 7: Három állapot menü - CSS-trükkök

# 7: Három állapot menü - CSS-trükkök

A CSS Sprites technika variációjának felhasználásával létrehozhatunk egy "háromállapotú" menüt, menüpontonként csak egy képet használva. Ez csökkenti a kérések számát "

# 78: A webes hirdetésekről - CSS-trükkök

# 78: A webes hirdetésekről - CSS-trükkök

Ebben a képernyőn az online hirdetést tárgyalom. Mi ez, hogyan működik, és miért nem gonosz (kivéve, amikor van). Beszélek a tapasztalataimról, a "

# 72: Webhely készítése (2/3): HTML / CSS konverzió - CSS-trükkök

# 72: Webhely készítése (2/3): HTML / CSS konverzió - CSS-trükkök

A sorozat 2. részében megkezdjük az első részben létrehozott Photoshop makett HTML / CSS átalakítását. Egy nagyon csontvázas projekttel kezdünk "

# 77: Egyéni cikk megalkotása - CSS-trükkök

# 77: Egyéni cikk megalkotása - CSS-trükkök

Az "art directing" bejegyzések ötlete nagyon népszerű az utóbbi időben. Az az ötlet, hogy az interneten megjelenő cikkekre egyedi stílusokat alkalmazzanak a nyomtatás módjára "

# 76: A jQuery bemutatója élő oldalon - CSS-trükkök

# 76: A jQuery bemutatója élő oldalon - CSS-trükkök

Elfoglalt vagyok, elfoglalt vagy, mindannyian elfoglaltak vagyunk a határidők betartására és a dolgok elvégzésére ebben az őrült webes világban. Szeretek új technológiákat tanulni, amikor csak lehet "