Video screencasts 2025, Veljača

# 156: Razgovarajmo o Webpacku - CSS-trikovi

# 156: Razgovarajmo o Webpacku - CSS-trikovi

Sean Larkin mi se pridružuje da razgovaramo o Webpacku! Sumnjam da sam sama pomalo zbunjena što je, dovraga, Webpack i što radi. Čak i ako ste aktivno "

# 134: Obilazak web lokacije u izgradnji izgrađene s Jekylllom, Gruntom, Sassom, SVG sustavom i ostalim - CSS-trikovi

# 134: Obilazak web lokacije u izgradnji izgrađene s Jekylllom, Gruntom, Sassom, SVG sustavom i ostalim - CSS-trikovi

Upozorenje: ovo je vijugavi prijenos slike srednje razine u kojem gledamo kôd koji pokreće postupak izrade web mjesta. Ne pišemo nikakav kod. "

# 99: Pregled vrsta, atributa i elemenata obrazaca HTML5 - CSS-trikovi

# 99: Pregled vrsta, atributa i elemenata obrazaca HTML5 - CSS-trikovi

HTML5 ima hrpu značajki specifičnih za obrazac koje sve čine obrasce na webu boljim. Podrška za značajke u pregledniku nalazi se na cijeloj karti, ali mnogi od "

# 9: Zvjezdana noć: 3D pozadina s efektom paralaksa - CSS-trikovi

# 9: Zvjezdana noć: 3D pozadina s efektom paralaksa - CSS-trikovi

Korištenjem tri sloja alfa prozirnih PNG datoteka možemo stvoriti pseudo trodimenzionalnu pozadinu web stranice. Ovaj screencast pokriva kako "

# 98: Igra s granicama tijela - CSS-trikovi

# 98: Igra s granicama tijela - CSS-trikovi

Stavljanje obruba oko unutarnje strane prozora preglednika tako je jednostavna mala ideja i može biti lijep efekt dizajna. Ali kako to učiniti tako da "

# 96: localStorage for Forms - CSS-trikovi

# 96: localStorage for Forms - CSS-trikovi

HTML5 ima nevjerojatno jednostavnu metodu za pohranu trajnih podataka koja se naziva localStorage. Uopće, samo zovete metodu s parom ključ / vrijednost, a to je "

# 97: Uvod u CSS animacije - CSS-trikovi

# 97: Uvod u CSS animacije - CSS-trikovi

Animacije, poput prijelaza, mogu vremenom mijenjati elemente stranice. Animacije su na mnogo načina moćnije i složenije. Morate proglasiti "

# 95: Priča o graničnim gradijentima - CSS-trikovi

# 95: Priča o graničnim gradijentima - CSS-trikovi

Ispostavilo se da postoji jednostavan način za postizanje gradijenata na granicama. Ipak, trebalo mi je više vremena nego što bih trebao doći, ovaj screencast pokriva "

# 94: Uvod u pseudo elemente - CSS-trikovi

# 94: Uvod u pseudo elemente - CSS-trikovi

Pseudo elementi su vidljivi elementi na web stranici koji nisu "u DOM-u" ili su stvoreni iz HTML-a, već su umetnuti izravno iz CSS-a. Ovo dopušta"

# 93: CSS3 Slideup Boxes - CSS-trikovi

# 93: CSS3 Slideup Boxes - CSS-trikovi

Slijedite kako koristimo nekoliko vrlo jednostavnih CSS3 prijelaza kako bismo stvorili efekt "slideup" okvira. Pređite mišem preko okvira i naslov okvira "

# 92: Prolaz kroz crtanje tablice - CSS-trikovi

# 92: Prolaz kroz crtanje tablice - CSS-trikovi

Tablica za crtanje u osnovi je mini jQuery aplikacija na jednoj stranici. Ima jednu primarnu funkciju, stvaranje dizajna u boji mijenjanjem boja stanica "

# 91: WordPress petlja - CSS-trikovi

# 91: WordPress petlja - CSS-trikovi

Ne nedostaje dokumentacije o poznatoj WordPressovoj strukturi za izbacivanje sadržaja, ali svejedno osjećam da ima više zabune i tajne. "

# 86: Prvi trenuci s MAMP-om - CSS-trikovi

# 86: Prvi trenuci s MAMP-om - CSS-trikovi

U ovom sam zaostatku za vremenom, ali donedavno se nikada nisam lokalno razvijao. Sve što sam radio bilo je "odvijanje komandosa" i rad "

# 90: Jednostavni TextMate savjeti - CSS-trikovi

# 90: Jednostavni TextMate savjeti - CSS-trikovi

TextMate je uređivač koda samo za Mac. Oprostite svim korisnicima računala ovaj put. Ako već dugo gledate ove snimke zaslona, ​​znate da sam koristio "

# 89: Organiziranje Photoshop dokumenta - CSS-trikovi

# 89: Organiziranje Photoshop dokumenta - CSS-trikovi

Ako ste poput mene, oboje ste krivi za ozbiljno neuređene Photoshop dokumente i cijenite dobro organizirane. Neorganiziranost nije "

# 8: Oblikovanje CSS-a - CSS-trikovi

# 8: Oblikovanje CSS-a - CSS-trikovi

Ako se organizirate i koristite dobro oblikovanje u CSS datotekama, možete uštedjeti puno vremena i frustracije tijekom vašeg razvojnog procesa, a posebno "

# 88: Uvod u Compass / Sass - CSS-trikovi

# 88: Uvod u Compass / Sass - CSS-trikovi

Pitajte gomilu dizajnera što žele da CSS može učiniti, a što sada ne može, i dobit ćete veliki popis koji čita slično kao i popis značajki za "

# 85: Najbolji postupci s dinamičkim sadržajem - CSS-trikovi

# 85: Najbolji postupci s dinamičkim sadržajem - CSS-trikovi

Jedan od članaka koji sam ažurirao tijekom "svibnja je mjesec održavanja" bio je članak o dinamičkom sadržaju. Ideja je bila jednostavna web stranica na kojoj je klik na vezu "

# 87: Prelazak s MAMP-om - CSS-trikovi

# 87: Prelazak s MAMP-om - CSS-trikovi

Lokalni rad s MAMP-om je sjajan, ali što kada trebate pokrenuti tu stranicu uživo? Zadnji smo put lokalno instalirali verziju WordPressa, sada "

# 83: Razmišljanja o SEO - CSS-trikovi

# 83: Razmišljanja o SEO - CSS-trikovi

Pošteno upozorenje: nesretnije nego obično. Poslušajte moja razmišljanja o SEO-u. Mislim da znam da je SEO niz prilično očitih najboljih praksi. A "

# 84: Prolazak kroz web stranicu chris-mcgarry.com - CSS-trikovi

# 84: Prolazak kroz web stranicu chris-mcgarry.com - CSS-trikovi

Napravio sam web mjesto za mog prijatelja glazbenika koji izdaje novi album. Jasno je imati skladbe koje se mogu reproducirati, ali klasično pitanje "

# 81: AJAXing WordPress teme - CSS-trikovi

# 81: AJAXing WordPress teme - CSS-trikovi

Gledajte me kako se brbljam kroz dodavanje AJAX funkcionalnosti u WordPress temu. Ideja je da se bilo koja interna veza na web mjestu učita u glavni "

# 82: CSS Prebacivač slika - CSS-trikovi

# 82: CSS Prebacivač slika - CSS-trikovi

Pređite preko veze, gledajte kako se gornja slika mijenja. To je ono što gradimo u ovom screencast-u, samo što za to ne koristimo JavaScript. Trik je neki "

# 80: U vezi s pronalaskom kotača - CSS-trikovi

# 80: U vezi s pronalaskom kotača - CSS-trikovi

Paru je za vjenčanje potrebna fotogalerija, u kojoj svatko može pregledavati i prenijeti vlastite fotografije s vjenčanja. Početni programer: Znam za "

# 79: Kompletne / neredovane animacije s jQuery - CSS-trikovi

# 79: Kompletne / neredovane animacije s jQuery - CSS-trikovi

Kada koristite jQuery-jevu funkciju .animate () s nečim poput događaja lebdenja, te će se animacije "staviti u red čekanja". Odnosno, ako lebdite više puta, to "

# 7: Izbornik s tri države - CSS-trikovi

# 7: Izbornik s tri države - CSS-trikovi

Koristeći varijaciju tehnike CSS Sprites, možemo stvoriti izbornik "tri stanja" koristeći samo jednu sliku po stavci izbornika. To smanjuje broj zahtjeva "

# 78: O web oglašavanju - CSS-trikovi

# 78: O web oglašavanju - CSS-trikovi

U ovom screencastu raspravljam o mrežnom oglašavanju. Što je to, kako to funkcionira i zašto nije zlo (osim kad jest). Govorim o svojim iskustvima, "

# 72: Izrada web stranice (2 od 3): HTML / CSS konverzija - CSS-trikovi

# 72: Izrada web stranice (2 od 3): HTML / CSS konverzija - CSS-trikovi

U drugom dijelu ove serije započinjemo HTML / CSS pretvorbu Photoshop makete koju smo stvorili u prvom dijelu. Započinjemo s vrlo kosturnim projektom "

# 77: Oblikovanje pojedinačnog članka - CSS-trikovi

# 77: Oblikovanje pojedinačnog članka - CSS-trikovi

Ideja postova o "umjetničkoj režiji" vrlo je popularna u posljednje vrijeme. Ideja je primijeniti jedinstveni stil na članak na webu na način na koji se ispisuje "

# 76: Obilazak jQueryja na web mjestu uživo - CSS-trikovi

# 76: Obilazak jQueryja na web mjestu uživo - CSS-trikovi

Ja sam zauzet, vi ste zauzeti, svi smo zauzeti pokušavajući ispoštovati rokove i obaviti stvari u ovom ludom web svijetu. Volim učiti nove tehnologije kad mogu, "