Video ekraanikuva 2025, Aprill

# 156: Räägime Webpackist - CSS-trikid

# 156: Räägime Webpackist - CSS-trikid

Sean Larkin liitub minuga, et rääkida Webpackist! Ma kahtlen, et olen üksi selles, et olen natuke segaduses, et mida kuradit on ja mida Webpack teeb. Isegi kui olete aktiivselt "

# 134: Jekyll, Grunt, Sass, SVG-süsteemi ja palju muud ehitatud sait, mis on pooleli - CSS-trikid

# 134: Jekyll, Grunt, Sass, SVG-süsteemi ja palju muud ehitatud sait, mis on pooleli - CSS-trikid

Hoiatus: see on käänuline kesktaseme ekraanikuva, kus vaatame koodi, mis juhib saidi loomise protsessi. Me ei kirjuta ühtegi koodi. "

# 99: HTML5 vormide tüüpide, atribuutide ja elementide ülevaade - CSS-trikid

# 99: HTML5 vormide tüüpide, atribuutide ja elementide ülevaade - CSS-trikid

HTML5-l on hulk vormispetsiifilisi funktsioone, mis kõik muudavad veebis vormid paremaks. Funktsioonide brauseri tugi on kogu kaardil, kuid paljud "

# 9: Täheline öö: 3D-taust parallaksi efektiga - CSS-trikid

# 9: Täheline öö: 3D-taust parallaksi efektiga - CSS-trikid

Kolme alfa-läbipaistva PNG-faili kihi abil saame luua veebilehe pseudo-kolmemõõtmelise väljanägemisega tausta. See ekraanikuva hõlmab, kuidas "

# 98: Kehapiiridega mängimine - CSS-trikid

# 98: Kehapiiridega mängimine - CSS-trikid

Piiri asetamine brauseriakna siseküljele on nii lihtne väike idee ja võib olla kena kujundusefekt. Aga kuidas me seda teeme, nii et

# 96: localStorage vormidele - CSS-trikid

# 96: localStorage vormidele - CSS-trikid

HTML5-l on püsivate andmete salvestamiseks uskumatult lihtne meetod nimega localStorage. Põhimõtteliselt kutsute lihtsalt võtme / väärtuse paariga meetodi ja see on

# 97: CSS-i animatsioonide tutvustus - CSS-trikid

# 97: CSS-i animatsioonide tutvustus - CSS-trikid

Animatsioonid, nagu üleminekud, võivad aja jooksul lehe elemente muuta. Animatsioonid on mitmes mõttes võimsamad ja keerukamad. Peate deklareerima

# 95: lugu piirgradientidest - CSS-trikid

# 95: lugu piirgradientidest - CSS-trikid

Selgub, et piiridel on gradientide saavutamiseks lihtne viis. See võttis mul kauem aega, kui peaksin jõudma, see ekraanikuva hõlmab "

# 94: Pseudoelementide tutvustus - CSS-trikid

# 94: Pseudoelementide tutvustus - CSS-trikid

Pseudoelemendid on veebilehe nähtavad elemendid, mis pole „DOM-is” ega loodud HTML-ist, vaid on sisestatud otse CSS-ist. See võimaldab

# 93: CSS3 slaidikastid - CSS-trikid

# 93: CSS3 slaidikastid - CSS-trikid

Järgige, kui kasutame "slideup" kasti efekti loomiseks mõnda väga lihtsat CSS3 üleminekut. Kerige hiirega üle kasti ja kasti pealkiri "

# 92: joonistustabeli koodijuhend - CSS-trikid

# 92: joonistustabeli koodijuhend - CSS-trikid

Joonistustabel on sisuliselt mini üheleheküljeline jQuery rakendus. Sellel on üks põhifunktsioon: värvilise kujunduse loomine lahtrite värvide muutmisega "

# 91: WordPressi silmus - CSS-trikid

# 91: WordPressi silmus - CSS-trikid

WordPressi kuulsa sisu levitamise struktuuri kohta pole puudust, kuid siiski tunnen, et segadust ja salapära on rohkem "

# 86: esimesed hetked MAMP-iga - CSS-trikid

# 86: esimesed hetked MAMP-iga - CSS-trikid

Olen selle ajaga võrreldes ajast maha jäänud, kuid kuni viimase ajani pole ma kunagi kohapeal arenenud. Kõik, mida ma tegin, oli komandos käimine ja töö

# 90: lihtsad TextMate'i näpunäited - CSS-trikid

# 90: lihtsad TextMate'i näpunäited - CSS-trikid

TextMate on ainult mac-koodiredaktor. Vabandust, seekord kõigil arvutikasutajatel. Kui olete neid ekraanikuvaid juba pikka aega vaadanud, teate, et kasutasin neid "

# 89: Photoshopi dokumendi korraldamine - CSS-trikid

# 89: Photoshopi dokumendi korraldamine - CSS-trikid

Kui olete minusugune, olete mõlemad süüdi tõsiselt korrastamata Photoshopi dokumentides ja hindate hästi korraldatud dokumente. Organiseerimatus pole "

# 8: CSS-i vormindamine - CSS-trikid

# 8: CSS-i vormindamine - CSS-trikid

Korrastatud olek ja CSS-failides hea vormindamise kasutamine võivad säästa palju aega ja pettumust arendusprotsessi ajal ja eriti "

# 88: kompassi / sassi tutvustus - CSS-trikid

# 88: kompassi / sassi tutvustus - CSS-trikid

Küsige hulgalt disaineritelt, mida nad soovivad, et CSS saaks seda teha, mida see praegu ei saa, ja saate suure loendi, mis sarnaneb samamoodi nagu funktsioonide loend

# 85: Dünaamilise sisuga parimad tavad - CSS-trikid

# 85: Dünaamilise sisuga parimad tavad - CSS-trikid

Üks artiklitest, mida ma ajavahemikus "Mai on hoolduskuu" värskendasin, oli artikkel dünaamilise sisu kohta. Idee oli lihtne veebisait, kus klõpsates lingil "

# 87: MAMPiga liikumine üles CSS-trikid

# 87: MAMPiga liikumine üles CSS-trikid

Kohalik MAMP-iga töötamine on vinge, kuid kuidas on siis, kui peate selle saidi otseülekande tegema? Viimati saime WordPressi versiooni kohapeal installitud, nüüd "

# 83: Mõtted SEO-st - CSS-trikid

# 83: Mõtted SEO-st - CSS-trikid

Õiglane hoiatus: tavapärasest rohkem rabelemine. Kuula minu mõtteid SEO kohta. Ma arvan, et tean, et SEO on üsna ilmsete parimate tavade sari. A "

# 84: saidi chris-mcgarry.com ülevaade - CSS-trikid

# 84: saidi chris-mcgarry.com ülevaade - CSS-trikid

Ehitasin saidi oma muusikust sõbrale, kes on uue albumi väljaandmisel. Selgelt mängitavate lugude olemasolu on oluline, kuid klassikaline küsimus on

# 81: WordPressi teema AJAXimine - CSS-trikid

# 81: WordPressi teema AJAXimine - CSS-trikid

Vaadake, kuidas ma WordPressi teemale AJAX-i funktsionaalsuse lisamise teel kobasin. Idee on selles, et mis tahes saidil olev siselink laaditakse peamisse "

# 82: CSS-pildivahetaja - CSS-trikid

# 82: CSS-pildivahetaja - CSS-trikid

Kerige üle lingi ja vaadake, kuidas ülaltoodud pilt muutub. See on see, mida me selles ekraanikuva koostame, ainult et me ei kasuta selleks JavaScripti. Trikk on mõned "

# 80: rataste leiutise kohta - CSS-trikid

# 80: rataste leiutise kohta - CSS-trikid

Paar vajab pulmadeks fotogaleriid, kus kõik saavad sirvida ja üles laadida oma fotosid pulmadest. Algaja arendaja: ma tean

# 79: JQueryga täielikud / järjekorda mittekuuluvad animatsioonid - CSS-trikid

# 79: JQueryga täielikud / järjekorda mittekuuluvad animatsioonid - CSS-trikid

Kui kasutate funktsiooni jQuery .animate () koos hõljumisüritusega, siis need animatsioonid "järjekorras". See tähendab, et kui hõljutate kursorit mitu korda, siis

# 7: kolme riigi menüü - CSS-trikid

# 7: kolme riigi menüü - CSS-trikid

Kasutades CSS Spritesi tehnika variatsiooni, saame luua "kolme oleku" menüü, kasutades ainult ühte pilti ühe menüüelemendi kohta. See vähendab taotluste arvu "

# 78: Veebireklaamis - CSS-trikid

# 78: Veebireklaamis - CSS-trikid

Selles ekraanikuva arutlen veebireklaamide üle. Mis see on, kuidas see töötab ja miks see pole kuri (välja arvatud siis, kui see on). Ma räägin oma kogemustest,

# 72: Veebisaidi loomine (2/3-st): HTML / CSS-i teisendamine - CSS-trikid

# 72: Veebisaidi loomine (2/3-st): HTML / CSS-i teisendamine - CSS-trikid

Selle seeria 2. osas alustame esimeses osas loodud Photoshopi maketi HTML / CSS-i teisendamist. Alustame väga luustikuprojektiga "

# 77: Individuaalse artikli kujundamine - CSS-trikid

# 77: Individuaalse artikli kujundamine - CSS-trikid

"Kunstijuhtimise" postituste idee on viimasel ajal väga populaarne. See on idee rakendada veebis ainulaadset stiili nii, nagu see trükitaks "

# 76: jQuery tuur otse-saidil - CSS-trikid

# 76: jQuery tuur otse-saidil - CSS-trikid

Ma olen hõivatud, teie olete hõivatud, me kõik oleme kinni selles, et püüame tähtaegadest kinni pidada ja asju selles pöörases veebimaailmas korda saata. Mulle meeldib õppida uusi tehnoloogiaid, kui saan, "