Video ekraanikuva 2025, Aprill

# 11: Modulaarselt töötamine PHP-ga - CSS-trikid

# 11: Modulaarselt töötamine PHP-ga - CSS-trikid

Paljud saidid ei kasuta oma lehtede loomiseks ühtegi väljamõeldud sisuhaldussüsteemi (CMS), nad on lihtsalt hea staatiline HTML-sisu. Teie saidi sait

# 113: kohandatud ikooni fondi loomine ja kasutamine - CSS-trikid

# 113: kohandatud ikooni fondi loomine ja kasutamine - CSS-trikid

Nagu oleme siin korduvalt öelnud: ikoonifondid on ägedad. Need on tõhusad samamoodi nagu CSS-spritid on tõhusad: palju pilte, mida saab kasutada

# 119: vastame foorumi postitustele! Vol. 2 - CSS-trikid

# 119: vastame foorumi postitustele! Vol. 2 - CSS-trikid

Selles ekraanikuva me vastame rohkematele foorumipostitustele ilma mingit planeerimist. Ma ei usu, et tabasime homeruni ühelgi teemal, mida vaatame, kuid "

# 117: proovime teha "tõmbetaotlust" - CSS-trikid

# 117: proovime teha "tõmbetaotlust" - CSS-trikid

Ma pole kunagi elus GitHubis "tõmbetaotlust" esitanud. Tahtsin sellele pildistada, nii et see video haarab hetke, mil üritasin aru saada "

# 116: vastame foorumi postitustele! - CSS-trikid

# 116: vastame foorumi postitustele! - CSS-trikid

Selles ekraanipildis hüppame üle foorumitele, et vastata võimalikult paljudele küsimustele. Asi on lihtsalt selles, et oleks natuke lõbus ja näidata, kui lihtne on "

# 114: teeme oma veebisaitide kiiremaks muutmiseks lihtsaid asju - CSS-trikid

# 114: teeme oma veebisaitide kiiremaks muutmiseks lihtsaid asju - CSS-trikid

Esitan neli väga lihtsat asja, mida saate teha oma veebisaitide kiiremaks muutmiseks. Midagi isegi nii keerulist kui pildipritside tegemine (mis pole nii "

# 115: ärge mõelge seda üle võrkude - CSS-trikid

# 115: ärge mõelge seda üle võrkude - CSS-trikid

Isegi kui saidi paigutus on lihtne kui vasakpoolne peamine sisupiirkond ja paremal külgriba, on see ruudustik. CSS-is on uusi paigutusmeetodeid "

# 118: CodePen PRO sissejuhatus - CSS-trikid

# 118: CodePen PRO sissejuhatus - CSS-trikid

CodePen PRO pakub hulgaliselt uusi funktsioone. Nende kohta saate lugeda, kuid palju parem, kui neid näidata? : ja see on alles algus. "

# 112: CodePeni kasutamine - CSS-trikid

# 112: CodePeni kasutamine - CSS-trikid

CodePen on rakendus kasutajaliidese koodiga jagamiseks ja mängimiseks. Tegin selle koos mõne oma sõbra: Alex Vazquezi ja Tim Sabatiga. Selles tüüpilises

# 110: Kiire ülevaade CSS-i positsiooniväärtustest - CSS-trikid

# 110: Kiire ülevaade CSS-i positsiooniväärtustest - CSS-trikid

See on kiire algaja taseme ülevaade erinevatest CSS-i positsiooniväärtustest. Lühidalt: suhteline võimaldab teil "nihutada" ja jätab elemendi "

# 109: FTP-st väljumine ja Git'i juurutamine Beanstalkiga - CSS-trikid

# 109: FTP-st väljumine ja Git'i juurutamine Beanstalkiga - CSS-trikid

Selles ekraanikuva edastan oma isikliku veebisaidi oma vanadelt FTP redigeerimisviisidelt õigele versiooniga juhitavale süsteemile, sealhulgas juurutamisele. Mul pole "

# 111: Eeltöötlus vaid mõne minutiga - CSS-trikid

# 111: Eeltöötlus vaid mõne minutiga - CSS-trikid

Selles vapras eeltöötluse maailmas pole midagi karta. Natiivrakendused muudavad selle nii lihtsaks, et see peaks olema oluline osa igast kaasaegsest

# 10: fikseeritud laius, vedeliku laius ja elastne laius - CSS-trikid

# 10: fikseeritud laius, vedeliku laius ja elastne laius - CSS-trikid

Veebisaitide paigutusi on kolme erinevat tüüpi: fikseeritud laius, vedeliku laius ja elastne laius. Selles ekraanikuva vaatame kõiki neid kolme "

# 108: Chartwelli kasutamine - CSS-trikid

# 108: Chartwelli kasutamine - CSS-trikid

Chartwell on font, mis on spetsiaalselt ette nähtud lihtsate ja ilusate sektordiagrammide, tulpdiagrammide ja joonegraafikute valmistamiseks. See on sama lihtne kui lihtsate võrrandite välja kirjutamine "

# 107: LiveReload, menüüriba rakendus eeltöötlejatele ja kiireks arendamiseks - CSS-trikid

# 107: LiveReload, menüüriba rakendus eeltöötlejatele ja kiireks arendamiseks - CSS-trikid

LiveReload on ainult Maci menüüriba rakendus, mis on veebiarendajatele üsna kasulik. Lihtsalt paluge tal vaadata kindlat kausta ja kui fail on salvestatud, kuvatakse

# 103: FitVids.js integreerimine WordPressi - CSS-trikid

# 103: FitVids.js integreerimine WordPressi - CSS-trikid

Selle ekraanivaatamise ajal on WordPressi vaiketeema TwentyEleven, imelihtne ja tundlik disain. See tähendab, kuni me postitame vinge "

# 106: BrowserStacki kasutamine veebipõhise ristbrauseri testimiseks - CSS-trikid

# 106: BrowserStacki kasutamine veebipõhise ristbrauseri testimiseks - CSS-trikid

Testimise hõlbustamiseks on palju tööriistu veebibrauseritele ekraanipiltide kuvamiseks erinevates brauserites. Kuid ekraanipilt puudub nii mitmel viisil: ei "

# 105: SpriteCow kasutamine - CSS-trikid

# 105: SpriteCow kasutamine - CSS-trikid

Kui ma võtaksin tõelise näite kusagilt, teadsin, et spritide kasutamine oleks hea mõte, looge sprite Photoshopis käsitsi (minu eelistatud meetod) ja "

# 104: Kiire näpunäide: kasutage Dropboxi, et teha kõigeks avalik URL - CSS-trikid

# 104: Kiire näpunäide: kasutage Dropboxi, et teha kõigeks avalik URL - CSS-trikid

Salvestage lihtsalt veebileht brauserist (Firefoxis saate .html-faili ja kõik ressursid), pange see oma avalikku kausta ja kasutage paremklõps "

# 102: Braindump tundliku veebidisaini kohta - CSS-trikid

# 102: Braindump tundliku veebidisaini kohta - CSS-trikid

Selles ma näitan ja selgitan põhitõdesid, mida "tundlik veebidisain" on tähendanud. Siis käin kõikjal kohal ja näitan näiteid, mis on seotud "

# 100: kirjutame semantilise märgistuse - CSS-trikid

# 100: kirjutame semantilise märgistuse - CSS-trikid

Veedame terve tunni Photoshopi kujundust ja kirjutame HTML5-i märgistust, mis kirjeldab seda, mida me näeme. Püüame olla nii semantilised kui võimalik ja arutame "

# 101: Imeme koos GitHubis - CSS-trikid

# 101: Imeme koos GitHubis - CSS-trikid

Ilmselt olete üsna teadlik, miks on versioonihalduse kasutamine hea. Juhul, kui te pole, vaatan selle video selles kiiresti läbi. Siis satume "

# 98: Almanahhi ehitamine, 1. osa - CSS-trikid

# 98: Almanahhi ehitamine, 1. osa - CSS-trikid

See on ekstra eriline EMPIRE STRIKES BACK -teemaline episood v10 ümberkujundamise sarjast! Kõik algab lihtsalt hästi. Me hakkame mõningaid asju üle viima "

# 99: Almanahhi ehitamine, 2. osa - CSS-trikid

# 99: Almanahhi ehitamine, 2. osa - CSS-trikid

See on ekstra eriline JEDI-teemaline osa v10 ümberkujundamise seeriast! Jätsime viimase ekraanikuva täieliku lüüasaamise. Püüdsime kasutada "

# 97: Almanahhi fotode ostmine - CSS-trikid

# 97: Almanahhi fotode ostmine - CSS-trikid

Almanahh oli v9-s käivitatud asi ja seda ei tehtud kunagi päris lõpuni. Läheneb siiski iga päevaga. Nii et v10-s kujundame ümber "

# 96: mallid otsingutulemitele - CSS-trikid

# 96: mallid otsingutulemitele - CSS-trikid

Otsing töötab! Ainult mall, millele maandute, pole päris õige. Peame malli täpsustama, et see näeks välja õige ja sobiks

# 92: Individuaalsete galeriilehtede loomine - CSS-trikid

# 92: Individuaalsete galeriilehtede loomine - CSS-trikid

Meil on siin töötamiseks natuke Photoshopi maketti, kui jätkame malli loomist üksiku galerii lehele. Kõigepealt kujundasime järgmise "

# 94: Google'i kohandatud otsingu häälestus - CSS-trikid

# 94: Google'i kohandatud otsingu häälestus - CSS-trikid

Päises olev otsingupiirkond "töötab" selle poolest, et see on loodud ja saate sellel klõpsata avatud ja suletud ning kõike muud. Kuid see ei tee tegelikult otsinguid "

# 93: katse sujuvalt laadida galerii lehti - CSS-trikid

# 93: katse sujuvalt laadida galerii lehti - CSS-trikid

Veetsime kogu selle aja oma staatilises maketis, tehes nutika JavaScripti, mis "sujuvalt" laadis galerii pilte. Nüüd, kui meil on tõeline

# 95: JavaScripti mitme Google'i kohandatud otsingumootori jaoks - CSS-trikid

# 95: JavaScripti mitme Google'i kohandatud otsingumootori jaoks - CSS-trikid

Kõik meie Google'i kohandatud otsingumootorid on seadistatud (seadistasime saidi igale jaotisele erineva). Meie otsingu kasutajaliides on kasutamiseks valmis. Meil on"