Videonäyttö 2025, Syyskuu

# 177: Paikallinen WordPress-kehitys tuotannon työnkulkuun - CSS-temppuja

# 177: Paikallinen WordPress-kehitys tuotannon työnkulkuun - CSS-temppuja

Nämä ovat perustiedot siitä, miten työskentelen paikallisesti WordPress-sivuston kanssa, ja sitten saan sen tuotantoon. Vauhtipyörä on CSS-Tricksin sponsori, ja olen iloinen, että he "

# 17: Liukuovien painike - CSS-temppuja

# 17: Liukuovien painike - CSS-temppuja

Vaikka liukuovet ovat kaukana uudesta konseptista ja ne vanhentuvat, kun näemme laajemman tuen useille taustoille (CSS3), se on silti hyvä "

# 174: Paikallisten ohitusten käyttäminen DevTools-sovelluksessa - CSS-temppuja

# 174: Paikallisten ohitusten käyttäminen DevTools-sovelluksessa - CSS-temppuja

Chrome DevTools -sovelluksessa on ominaisuus, jonka avulla voit: Katso minkä tahansa nykyisen verkkosivun käyttämän resurssin koodi (kuten CSS ja JavaScript). "Nätti"

# 175: 7 Webflow-tietämystä - CSS-temppuja

# 175: 7 Webflow-tietämystä - CSS-temppuja

(Tämä on sponsoroitu video, jonka parissa työskentelin CSS-Tricksissä ja Webflow'ssa. Luulen, että Webflow on kiehtova tuote verkkosivustojen rakentamiseen,

# 173: Ooooops Luulen, että olemme nyt täyden pinon kehittäjiä. - CSS-temppuja

# 173: Ooooops Luulen, että olemme nyt täyden pinon kehittäjiä. - CSS-temppuja

Ja "me olemme", tarkoitan meitä, käyttöliittymän kehittäjiä;) Tässä on tämän keskustelun verkkosivusto. Tämä on puhe, jonka olen koonnut ja jonka postuloin sen yli "

# 163: Ensimmäiset vaiheet palvelimettoman kanssa CSS-temppuja

# 163: Ensimmäiset vaiheet palvelimettoman kanssa CSS-temppuja

David Wells, Netlify-palvelusta, ja minä otamme joitain vauvan askeleita rakentaaksemme asioita Serverlessin kanssa. Tarkastelemme tässä enimmäkseen pilvitoimintoja ja kuinka "

# 172: Käsi SVGing kaareva viiva - CSS-temppuja

# 172: Käsi SVGing kaareva viiva - CSS-temppuja

Huomaan, että 98% kaikesta SVG-käytöstäni tulee ennalta luotuista SVG-tiedostoista tai vektoritaideista joissakin suunnitteluohjelmistoissa, jotka vihdoin lopulta SVG: nä. Ei super "

# 170: Katso, kuinka amatööri kehittää React + Babel + Webpack + CSS -moduuliprojektia - CSS-temppuja

# 170: Katso, kuinka amatööri kehittää React + Babel + Webpack + CSS -moduuliprojektia - CSS-temppuja

Reilu varoitus! Tämä ei ole nopea, suoraviivainen, asiantuntijavetoinen aura näiden tekniikoiden perustamiseen. Vaikka lopulta teemme "

# 171: Siirrettävä pinottu korttirivi CSS: ssä - CSS-temppuja

# 171: Siirrettävä pinottu korttirivi CSS: ssä - CSS-temppuja

Sama perusajatus kuin tämän sivuston v17: n kotisivun kortit. See Chris Coyier (@chriscoyier) Pen Moving Cards on "

# 165: Taustajärjestelmän rakentaminen palvelimettomilla toiminnoilla - CSS-temppuja

# 165: Taustajärjestelmän rakentaminen palvelimettomilla toiminnoilla - CSS-temppuja

David Wells ja Chris Coyier puhuvat siitä, kuinka voit rakentaa Netlify-palvelimella isännöidyn sovelluksen staattisesti, mutta sinulla on silti backend-tietokanta sen hallitsemiseksi. Käytämme

# 16: Photoshop-mallin luominen - CSS-temppuja

# 16: Photoshop-mallin luominen - CSS-temppuja

Tämä jakso on ennakko jaksoille 12, 13 ja 14. Palataan takaisin tyhjään Photoshop-asiakirjaan ja luomme sen uudelleen. Tässä jaksossa ei ole HTML / CSS: ää "

# 166: Opi integroimaan visuaalinen testaus Percyn kanssa CSS-temppuja

# 166: Opi integroimaan visuaalinen testaus Percyn kanssa CSS-temppuja

Tiesitkö, että voit perustaa tarkistusjärjestelmän niin, että jokainen tekemäsi vetopyyntö näyttää sinulle tarkalleen, mikä on muuttunut visuaalisesti sivustollasi? Se on "

# 162: Mikä hitto on palvelimeton? - CSS-temppuja

# 162: Mikä hitto on palvelimeton? - CSS-temppuja

David Wells Netlifysta ja minä otan haluan vastata tähän kysymykseen ymmärrettävällä tavalla. Onko palvelimia vielä mukana? Tietenkin, mutta sinä "

# 164: WooCommercen perustiedot - CSS-temppuja

# 164: WooCommercen perustiedot - CSS-temppuja

WooCommerce on tehokas ja joustava verkkokaupan laajennus WordPressille. Haluatko myydä tilauksia tai jäsenyyksiä? WooCommerce voi tehdä sen? Digitaalinen"

# 168: CSS-JS: ssä - CSS-temppuja

# 168: CSS-JS: ssä - CSS-temppuja

Minulle liittyy Dustin Schau tässä videossa ja hän aikoo viedä minut kiertueelle maailmasta, joka on tullut tunnetuksi nimellä CSS-in-JS. Eli teet "

# 167: Sponsoroidut videot Jetpackille ja WooCommercelle - CSS-temppuja

# 167: Sponsoroidut videot Jetpackille ja WooCommercelle - CSS-temppuja

Tämä on kokoelma neljästä videosta, jotka olen tehnyt viime kuukausina sponsorointia varten Automatticin kanssa. Kyse on enimmäkseen Jetpackista, WordPress-laajennuksesta I "

# 161: Jetpack - CSS-temppuja

# 161: Jetpack - CSS-temppuja

Jetpack sponsoroi tätä videota, joka kertoo mitä Jetpack on ja voi tehdä sivustollesi. Nämä ovat kuitenkin sanani! Olen iso Jetpack-fani ja pidän Jetpackia "

# 160: Kaikkivoimainen käyttöliittymäkehittäjä - CSS-temppuja

# 160: Kaikkivoimainen käyttöliittymäkehittäjä - CSS-temppuja

Internet on ilman metaforaa vain joukko palvelimia, jotka on sidottu yhteen langoilla. Ilman palvelimia meillä ei olisi mitään tapaa jakaa luomuksiamme "

# 157: Tarina neljästä ominaisuudesta - CSS-temppuja

# 157: Tarina neljästä ominaisuudesta - CSS-temppuja

Tämä on puhe, jonka olen pitänyt viime aikoina parissa konferenssissa. Kyse on CSS: n neljästä eri ominaisuudesta: shape-outside offset-path clip-path d Tässä on "

# 159: Opi oppia - CSS-temppuja

# 159: Opi oppia - CSS-temppuja

Sarah Drasner ja minä kaivamme Vueen! Vue on erittäin suosittu JavaScript-kehys, joka on täysin räjähtävä. Sarah on ydinryhmässä ja on suurin osa "

# 15: Firebugin esittely - CSS-temppuja

# 15: Firebugin esittely - CSS-temppuja

Firebug on välttämätön Firefox-laajennus verkkosuunnittelijoille ja -kehittäjille. Voit kohdistaa nopeasti minkä tahansa sivun elementin nähdäksesi merkinnän, "

# 153: CSS-ruudukon käytön aloittaminen - CSS-temppuja

# 153: CSS-ruudukon käytön aloittaminen - CSS-temppuja

Tuntuu siltä, ​​että CSS Grid on tullut jo pitkään, mutta juuri nyt näyttää saavuttavan pisteen, jossa ihmiset puhuvat siitä yhä enemmän "

# 154: Juliste-lapsi WordPress-sivusto - CSS-temppuja

# 154: Juliste-lapsi WordPress-sivusto - CSS-temppuja

CSS-Tricks itsessään on WordPress-sivusto, johon WordPress sopii täydellisesti. Sisäänkirjautumis- ja käyttöoikeusjärjestelmän, bloggaamisen, "

# 155: Reagoivat kuvat, WordPress ja Cloudinary - CSS-temppuja

# 155: Reagoivat kuvat, WordPress ja Cloudinary - CSS-temppuja

Eric Portis liittyy minuun kaivamaan reagoivien kuvien maailmaan. Aloitamme perusasioista. Reagoivat kuvat ovat nimenomaan HTML-kuvia ja niitä on olemassa "

# 158: Expando-painikevalikko - CSS-temppuja

# 158: Expando-painikevalikko - CSS-temppuja

Näin eräänä päivänä Eli Brumleyn ampuneen Dribbble-kuvan, jolla oli viileä interaktiivinen vaikutus. Yksinkertainen pyöreä sininen painike napsautettaessa laajenee pieneksi "

# 150: Hei suunnittelijat, jos tiedät vain yhden asian JavaScriptistä, suosittelen tätä - CSS-temppuja

# 150: Hei suunnittelijat, jos tiedät vain yhden asian JavaScriptistä, suosittelen tätä - CSS-temppuja

Joskus, jos haluat aloittaa matkan oppimaan jotain valtavaa ja monimutkaista, sinun on opittava jotain pientä ja yksinkertaista. JavaScript on valtava ja monimutkainen, mutta "

# 151: Ensimmäiset muutama minuutti ylevällä tekstillä - CSS-temppuja

# 151: Ensimmäiset muutama minuutti ylevällä tekstillä - CSS-temppuja

Sublime Text on melko suosittu suosittu koodieditori. Huolimatta sen suosiosta ja kaikista hyvistä asioista, joista olen kuullut, olen edelleen voimakkaasti nojautunut muihin

# 152: Fonttien lataus Zach Leathermanin kanssa CSS-temppuja

# 152: Fonttien lataus Zach Leathermanin kanssa CSS-temppuja

Aika uudelle pariliitoksen kuvaruudulle! Tällä kertaa minulla on Zach Leatherman Filament Groupista. Zach on tehnyt paljon tutkimusta, kirjoittamista ja puhumista "

# 14: Photoshop-mallin muuntaminen: osa 2, jakso 3 - CSS-temppuja

# 14: Photoshop-mallin muuntaminen: osa 2, jakso 3 - CSS-temppuja

Kääritään mockup-muunnos tähän jaksoon Kolme. Luomme "artikkeli-alueen" ja "sivupalkin" (semanttisen luokan nimeäminen!) Ja sitten tyhjennämme "

# 149: Nopea esittely Pattern Lab -solmulle Brian Muenzenmeyerin kanssa - CSS-temppuja

# 149: Nopea esittely Pattern Lab -solmulle Brian Muenzenmeyerin kanssa - CSS-temppuja

Tässä kuvaruudussa pariksi Brian Muenzenmeyer, joka työskentelee muun muassa Pattern Labissa. Tarkemmin sanottuna Pattern Lab -solmuversio "