Video ekrāna apraides 2025, Aprīlis

# 156: Parunāsim par Webpack - CSS-triki

# 156: Parunāsim par Webpack - CSS-triki

Šons Larkins pievienojas man, lai runātu par Webpack! Es šaubos, ka esmu viens, ka esmu mazliet neskaidrs par to, kas un ko dara Webpack. Pat ja aktīvi darbojaties "

# 134: Ekskursija pa vietni, kas izveidota, izmantojot Jekyll, Grunt, Sass, SVG sistēmu un daudz ko citu - CSS-triki

# 134: Ekskursija pa vietni, kas izveidota, izmantojot Jekyll, Grunt, Sass, SVG sistēmu un daudz ko citu - CSS-triki

Brīdinājums: šī ir līkumota, vidēja līmeņa ekrāna apraide, kurā mēs aplūkojam kodu, kas nodrošina vietnes veidošanas procesu. Mēs nerakstām nevienu kodu. "

# 99: HTML5 veidlapu veidu, atribūtu un elementu pārskats - CSS-triki

# 99: HTML5 veidlapu veidu, atribūtu un elementu pārskats - CSS-triki

HTML5 ir virkne veidlapai raksturīgu funkciju, kas visas padara veidlapas tīmeklī labākas. Pārlūka atbalsts funkcijām ir pieejams visā kartē, taču daudzi

# 9: Zvaigžņota nakts: 3D fons ar paralakses efektu - CSS-triki

# 9: Zvaigžņota nakts: 3D fons ar paralakses efektu - CSS-triki

Izmantojot trīs alfa caurspīdīgu PNG failu slāņus, mēs varam izveidot pseido trīsdimensiju izskatu fonu tīmekļa lapai. Šī ekrāna apraide atspoguļo, kā "

# 98: Spēle ar ķermeņa robežām - CSS-triki

# 98: Spēle ar ķermeņa robežām - CSS-triki

Apmales ielikšana ap pārlūka loga iekšpusi ir tik vienkārša maza ideja un var būt jauks dizaina efekts. Bet kā mēs to darām, lai

# 96: vietējā veidlapu glabāšana - CSS-triki

# 96: vietējā veidlapu glabāšana - CSS-triki

HTML5 ir neticami vienkārša metode pastāvīgu datu glabāšanai, ko sauc par localStorage. Parasti jūs vienkārši izsaucat metodi ar atslēgu / vērtību pāri un tas ir

# 97: ievads CSS animācijām - CSS-triki

# 97: ievads CSS animācijām - CSS-triki

Animācijas, piemēram, pārejas, laika gaitā var mainīt lapas elementus. Animācijas daudzos veidos ir jaudīgākas un sarežģītākas. Jums jāpaziņo par

# 95: pasaka par robežas gradientiem - CSS-triki

# 95: pasaka par robežas gradientiem - CSS-triki

Izrādās, ka ir vienkāršs veids, kā veikt slīpumus uz robežām. Tas man aizņēma vairāk laika, nekā man vajadzēja nonākt, tomēr šī ekrāna apraide aptver "

# 94: ievads pseido elementiem - CSS-triki

# 94: ievads pseido elementiem - CSS-triki

Pseido elementi ir redzami tīmekļa lapas elementi, kas nav "domēnā" vai izveidoti no HTML, bet tiek ievietoti tieši no CSS. Tas ļauj

# 93: CSS3 slīdēšanas kastes - CSS-triki

# 93: CSS3 slīdēšanas kastes - CSS-triki

Sekojiet līdzi, jo mēs izmantojam dažas ļoti vienkāršas CSS3 pārejas, lai izveidotu "slideup" lodziņa efektu. Pārvelciet lodziņu ar peli un lodziņa nosaukums "

# 92: Zīmēšanas tabulas pārskats ar kodu - CSS-triki

# 92: Zīmēšanas tabulas pārskats ar kodu - CSS-triki

Zīmēšanas tabula būtībā ir mini vienas lapas jQuery lietojumprogramma. Tai ir viena galvenā funkcija, veidojot krāsainu dizainu, mainot šūnu krāsas "

# 91: WordPress cilpa - CSS-triki

# 91: WordPress cilpa - CSS-triki

Dokumentācijas par WordPress slaveno satura izkliedēšanas struktūru netrūkst, taču man joprojām šķiet, ka ir vairāk neskaidrību un noslēpumu "

# 86: pirmie mirkļi ar MAMP - CSS-triki

# 86: pirmie mirkļi ar MAMP - CSS-triki

Es atpalieku no šī laika, taču vēl nesen es nekad neesmu īsti attīstījies lokāli. Viss, ko es darīju, bija "iet komandā" un strādāt "

# 90: Vienkārši TextMate padomi CSS-triki

# 90: Vienkārši TextMate padomi CSS-triki

TextMate ir tikai Mac koda redaktors. Atvainojiet visiem datora lietotājiem šoreiz. Ja jūs ilgi skatījāties šīs ekrāna apraides, jūs zināt, ka es to izmantoju "

# 89: Photoshop dokumenta organizēšana - CSS-triki

# 89: Photoshop dokumenta organizēšana - CSS-triki

Ja esat līdzīgs man, jūs esat vainīgs pie nopietni neorganizētiem Photoshop dokumentiem un novērtējat labi organizētus dokumentus. Neorganizācija nav "

# 8: CSS formatēšana - CSS-triki

# 8: CSS formatēšana - CSS-triki

Organizēšana un laba formatēšana CSS failos var ietaupīt daudz laika un neapmierinātības izstrādes procesā un jo īpaši "

# 88: Ievads kompass / Sass - CSS-triki

# 88: Ievads kompass / Sass - CSS-triki

Pajautājiet virknei dizaineru, ko viņi vēlas, lai CSS varētu darīt, ko tagad nevar, un jūs saņemsiet lielu sarakstu, kas līdzīgi kā "

# 85: paraugprakse ar dinamisku saturu - CSS-triki

# 85: paraugprakse ar dinamisku saturu - CSS-triki

Viens no rakstiem, ko atjaunināju "Maijs ir tehniskās apkopes mēnesis" laikā, bija raksts par dinamisko saturu. Ideja bija vienkārša vietne, kur noklikšķināt uz saites "

# 87: Pāreja uz augšu ar MAMP - CSS-triki

# 87: Pāreja uz augšu ar MAMP - CSS-triki

Darbs lokāli ar MAMP ir lielisks, bet kā ir ar to, kad jums ir nepieciešams šo vietni nodot tiešraidē? Pagājušajā reizē mēs saņēmām WordPress versiju, kas instalēta lokāli, tagad "

# 83: Domas par SEO - CSS-triki

# 83: Domas par SEO - CSS-triki

Pareizs brīdinājums: vairāk klabošs nekā parasti. Klausieties manas domas par SEO. Es domāju, ka es zinu, ka SEO ir diezgan acīmredzamas paraugprakses virkne. A "

# 84: Vietnes iepazīšanās ar vietni chris-mcgarry.com - CSS-triki

# 84: Vietnes iepazīšanās ar vietni chris-mcgarry.com - CSS-triki

Es izveidoju vietni savam mūziķa draugam, kurš izlaiž jaunu albumu. Skaidrs, ka ir jābūt atskaņojamām dziesmām, taču klasisks jautājums ir

# 81: WordPress motīva AJAX veidošana - CSS-triki

# 81: WordPress motīva AJAX veidošana - CSS-triki

Skatieties, kā es paklūpu, pievienojot AJAX funkcionalitāti WordPress tēmai. Ideja ir tāda, ka jebkura vietnes iekšējā saite tiks ielādēta galvenajā "

# 82: CSS attēlu komutators - CSS-triki

# 82: CSS attēlu komutators - CSS-triki

Pārvietojiet saiti un skatieties, kā mainās attēls augšpusē. Tas ir tas, ko mēs veidojam šajā ekrāna apraidē, tikai mēs to neizmantojam. Triks ir daži "

# 80: Attiecībā uz riteņu izgudrojumu - CSS-triki

# 80: Attiecībā uz riteņu izgudrojumu - CSS-triki

Pārim kāzās nepieciešama fotogalerija, kurā ikviens var pārlūkot un augšupielādēt savus kāzu fotoattēlus. Izstrādātājs iesācējiem: es zinu par

# 79: Pilnīgas / bez rindas veidotas animācijas ar jQuery - CSS-triki

# 79: Pilnīgas / bez rindas veidotas animācijas ar jQuery - CSS-triki

Ja izmantojat jQuery .animate () funkciju ar kaut ko līdzīgu notikumam “Hover”, šīs animācijas “rindā”. Tas ir, ja virzāt kursoru vairākas reizes, tas "

# 7: Trīs valstu izvēlne - CSS-triki

# 7: Trīs valstu izvēlne - CSS-triki

Izmantojot CSS Sprites tehnikas variāciju, mēs varam izveidot izvēlni "trīs stāvokļi", izmantojot tikai vienu attēlu katrā izvēlnes vienumā. Tas samazina pieprasījumu skaitu "

# 78: Tīmekļa reklamēšanā - CSS-triki

# 78: Tīmekļa reklamēšanā - CSS-triki

Šajā ekrāna pārraidē es aplūkoju tiešsaistes reklamēšanu. Kas tas ir, kā tas darbojas un kāpēc tas nav ļauns (izņemot gadījumus, kad tas ir). Es runāju par savu pieredzi, "

# 72: Vietnes veidošana (2 no 3): HTML / CSS reklāmguvums - CSS-triki

# 72: Vietnes veidošana (2 no 3): HTML / CSS reklāmguvums - CSS-triki

Šīs sērijas 2. daļā mēs sākam pirmajā daļā izveidotā Photoshop maketa HTML / CSS pārveidošanu. Mēs sākam ar ļoti skeleta projektu "

# 77: Atsevišķa raksta veidošana - CSS-triki

# 77: Atsevišķa raksta veidošana - CSS-triki

"Mākslas režijas" amatu ideja pēdējā laikā ir ļoti populāra. Tā ir ideja unikālu stilu pielietot rakstam tīmeklī tā, kā tas tiek drukāts "

# 76: ekskursija pa jQuery tiešraidē - CSS-triki

# 76: ekskursija pa jQuery tiešraidē - CSS-triki

Es esmu aizņemts, jūs esat aizņemts, mēs visi esam aizņemti, cenšoties ievērot termiņus un paveikt lietas šajā trakajā tīmekļa pasaulē. Man patīk mācīties jaunas tehnoloģijas, kad vien varu, "