Videoképernyők 2025, Január

# 11: Moduláris munka a PHP-vel - CSS-trükkök

# 11: Moduláris munka a PHP-vel - CSS-trükkök

Sok webhely nem használ semmilyen divatos tartalomkezelő rendszert (CMS) az oldalak létrehozásához, csupán jó statikus HTML tartalmak. Webhely a "

# 113: Egyéni ikon betűtípus létrehozása és használata - CSS-trükkök

# 113: Egyéni ikon betűtípus létrehozása és használata - CSS-trükkök

Ahogy azt már sokszor elmondtuk itt: az ikonok betűtípusai fantasztikusak. Hatékonyak ugyanúgy, mint a CSS-spritek: sok kép használható a "

# 119: Válaszoljunk a fórum bejegyzéseire! Vol. 2 - CSS-trükkök

# 119: Válaszoljunk a fórum bejegyzéseire! Vol. 2 - CSS-trükkök

Ebben a képernyőn több fórum bejegyzésére válaszolunk, semmilyen tervezés nélkül. Nem hiszem, hogy bármelyik szálon eltaláltunk egy homerun-t, de "

# 117: Próbálkozzunk egy "Pull Request" végrehajtásával - CSS-trükkök

# 117: Próbálkozzunk egy "Pull Request" végrehajtásával - CSS-trükkök

Soha életemben nem nyújtottam be "Pull Request" -t a GitHub-on. Lövést akartam készíteni, így ez a videó megörökíti azt a pillanatot, amikor megpróbálok kitalálni. "

# 116: Válaszoljunk a fórum bejegyzéseire! - CSS-trükkök

# 116: Válaszoljunk a fórum bejegyzéseire! - CSS-trükkök

Ebben a képernyőn átugrunk a Forums oldalra, hogy minél több kérdésre válaszoljunk. A lényeg csak egy kis szórakozás és megmutatni, hogy milyen könnyű "

# 114: Csináljunk egyszerű dolgokat, hogy webhelyeink gyorsabbak legyenek CSS-trükkök

# 114: Csináljunk egyszerű dolgokat, hogy webhelyeink gyorsabbak legyenek CSS-trükkök

Bemutatok négy igazán egyszerű dolgot, amelyek segítségével meggyorsíthatja webhelyeit. Semmi sem olyan bonyolult, mint a képspritek készítése (ami nem az "

# 115: Ne gondold túl a rácsokat CSS-trükkök

# 115: Ne gondold túl a rácsokat CSS-trükkök

Még akkor is, ha a webhely elrendezése egyszerű, mint a bal oldali fő tartalmi terület és a jobb oldali oldalsáv, ez egy rács. Új elrendezési módszerek vannak a CSS-ben "

# 118: Bevezetés a CodePen PRO-ba - CSS-trükkök

# 118: Bevezetés a CodePen PRO-ba - CSS-trükkök

A CodePen PRO rengeteg új funkciót kínál. Olvashat róluk, de sokkal jobb, ha megmutatja nekik? : és ez még csak a kezdet. "

# 112: A CodePen - használata CSS-trükkök

# 112: A CodePen - használata CSS-trükkök

A CodePen egy alkalmazás az elülső kóddal való megosztáshoz és játékhoz. Néhány barátommal készítettem el: Alex Vazquezzel és Tim Sabattal. Ebben a tipikus "

# 110: A CSS pozícióértékeinek gyors áttekintése - CSS-trükkök

# 110: A CSS pozícióértékeinek gyors áttekintése - CSS-trükkök

Ez egy gyors kezdő szintű áttekintés a különböző CSS pozícióértékekről. Dióhéjban: a relatív lehetővé teszi, hogy "elmozduljon", és elhagyja az elem "

# 109: Az FTP és a Git telepítése a Beanstalk segítségével - CSS-trükkök

# 109: Az FTP és a Git telepítése a Beanstalk segítségével - CSS-trükkök

Ebben a képernyőn saját személyes webhelyemet helyezem át a régi élő FTP szerkesztési módjaimról egy megfelelő, verzió által vezérelt rendszerre, beleértve a telepítést is. Nem "

# 111: Készítsen előkészítést néhány perc alatt - CSS-trükkök

# 111: Készítsen előkészítést néhány perc alatt - CSS-trükkök

Az előfeldolgozás ezen bátor új világában nincs mitől tartani. A natív alkalmazások olyan egyszerűvé teszik, hogy minden modern létfontosságú részének kell lennie "

# 10: Rögzített szélesség, folyékony szélesség és rugalmas szélesség - CSS-trükkök

# 10: Rögzített szélesség, folyékony szélesség és rugalmas szélesség - CSS-trükkök

Három különböző típusú elrendezés van a webhelyek számára: Fix szélesség, Folyékony szélesség és Rugalmas szélesség. Ebben a képernyõben mindháromra nézünk "

# 108: Chartwell - használata CSS-trükkök

# 108: Chartwell - használata CSS-trükkök

A Chartwell egy olyan betűtípus, amely kifejezetten egyszerű és gyönyörű kördiagramok, oszlopdiagramok és vonaldiagramok készítésére szolgál. Olyan egyszerű, mint egyszerű egyenletek kiírása "

# 107: LiveReload, egy menüsor-alkalmazás az előfeldolgozókhoz és a gyors fejlesztéshez - CSS-trükkök

# 107: LiveReload, egy menüsor-alkalmazás az előfeldolgozókhoz és a gyors fejlesztéshez - CSS-trükkök

A LiveReload egy csak Macintosh menüsor-alkalmazás, amely nagyon hasznos a webfejlesztők számára. Csak mondja meg, hogy nézzen meg egy adott mappát, és amikor egy fájlt ment,

# 103: A FitVids.js integrálása a WordPress-be - CSS-trükkök

# 103: A FitVids.js integrálása a WordPress-be - CSS-trükkök

Az alapértelmezett WordPress téma a jelen vetítés idején a TwentyEleven, egy csodálatosan egyszerű és érzékeny kialakítás. Vagyis amíg nem adunk ki egy fantasztikusat "

# 106: A BrowserStack használata az élő webalapú keresztböngésző teszteléséhez - CSS-trükkök

# 106: A BrowserStack használata az élő webalapú keresztböngésző teszteléséhez - CSS-trükkök

A teszteléshez számos eszköz kínál webhelyek képernyőképeinek megjelenítését különböző böngészőkben. A képernyőkép azonban sok szempontból hiányzik: nem "

# 105: A SpriteCow - használata CSS-trükkök

# 105: A SpriteCow - használata CSS-trükkök

Amelyben valódi példát veszek valahol, amiről tudtam, hogy a sprite-ek használata jó ötlet lenne, kézzel hozza létre a sprite-et a Photoshop-ban (az általam preferált módszer), és "

# 104: Gyors tipp: A Dropbox segítségével bármi nyilvános URL-t készíthet - CSS-trükkök

# 104: Gyors tipp: A Dropbox segítségével bármi nyilvános URL-t készíthet - CSS-trükkök

Csak mentse el a weboldalt a böngészőből (a Firefoxban egy .html fájlt és minden erőforrást kap), dobja be a Nyilvános mappába, és kattintson a jobb gombbal "

# 102: Braindump az adaptív webdesignról - CSS-trükkök

# 102: Braindump az adaptív webdesignról - CSS-trükkök

Amelyben megmutatom és elmagyarázom a "reszponzív webdesign" jelentésének alapjait. Aztán végigmegyek a helyeken, és példákat mutatok,

# 100: Írjunk szemantikus jelölést - CSS-trükkök

# 100: Írjunk szemantikus jelölést - CSS-trükkök

Egy egész órát nézünk egy Photoshop tervezésre és HTML5 jelölést írunk, amely leírja a látottakat. Igyekszünk minél szemantikusabbak lenni, és megbeszélhetjük "

# 101: Szívjunk együtt a GitHubon - CSS-trükkök

# 101: Szívjunk együtt a GitHubon - CSS-trükkök

Valószínűleg tisztában vagy azzal, miért jó a verzióvezérlés használata. Ha nem, akkor gyorsan átnézem ezt a videót. Aztán belemegyünk "

# 98: Az Almanach építése, 1. rész - CSS-trükkök

# 98: Az Almanach építése, 1. rész - CSS-trükkök

Ez egy különleges különleges EMPIRE STRIKES BACK témájú epizód a v10 újratervezési sorozatból! Minden rendben kezdődik. Néhány dolgot elkezdünk átvinni "

# 99: Az Almanach építése, 2. rész - CSS-trükkök

# 99: Az Almanach építése, 2. rész - CSS-trükkök

Ez a v10 újratervezés sorozatának a JEDI témájú epizódja! Az utolsó képernyőfelvételt teljesen legyőzve hagytuk. Megpróbáltuk használni

# 97: Az Almanach fotózás - CSS-trükkök

# 97: Az Almanach fotózás - CSS-trükkök

Az Almanach egy olyan dolog volt, amelyet a v9-ben indítottak el, és soha nem sikerült teljesen. Bár napról napra egyre közelebb van. Tehát a v10-ben a "

# 96: Sablonok a keresési eredményekhez CSS-trükkök

# 96: Sablonok a keresési eredményekhez CSS-trükkök

A keresés működik! Csak az a sablon, amelyre landol, nem egészen helyes. Fel kell finomítanunk a sablont, hogy jól nézzen ki, és illeszkedjen a "

# 92: Az egyéni galériaoldalak készítése - CSS-trükkök

# 92: Az egyéni galériaoldalak készítése - CSS-trükkök

Van egy kis Photoshop-makettünk, amelyről itt dolgozhatunk, miközben folytatjuk az egyes galériaoldalak sablonjának építését. Először felfelé a következőt alakítottuk ki

# 94: Google Egyéni keresés beállítása - CSS-trükkök

# 94: Google Egyéni keresés beállítása - CSS-trükkök

A fejlécben lévő keresési terület "működik", mivel meg van tervezve, és rákattinthat nyitva és bezárva, meg minden. De valójában nem végez keresést "

# 93: Kísérlet a galéria oldalainak sima betöltésére - CSS-trükkök

# 93: Kísérlet a galéria oldalainak sima betöltésére - CSS-trükkök

Ezt az időt statikus makettünkben töltöttük egy okos JavaScript készítésével, amely "simán betöltötte" a Galéria képeit. Most, hogy megvan az igazi "

# 95: JavaScript több Google egyéni keresőmotorhoz - CSS-trükkök

# 95: JavaScript több Google egyéni keresőmotorhoz - CSS-trükkök

Minden Google egyedi keresőmotorunk be van állítva (a webhely minden szakaszához létrehozunk egy mást). A kereséshez szükséges felhasználói felületünk készen áll a használatra. Nekünk van"