CSS-Tricks Screencasts

pThe same basic idea as the cards on the homepage of v17 of this site. hellip;/p

p class=explanationFair warning! This isn#8217;t a speedy, straightforward, expert-driven plow-through of how to set up these technologies. Although, by the end, we do successfully get it all going. This is about documenting the real-world experience of doing this kind of work. hellip;/p

pThis is a video from my talk at WordCamp US. /p

blockquotepLet’s take a peek at what front-end development has become these days. Starting from what the role is, where we sit, and the expectations of us. Then we’ll get into /p/blockquotehellip;

pI#8217;m joined by a href=https://dustinschau.com/ rel=nofollow noopenerDustin Schau/a in this video and he is going to take me on a tour of the world of what has come to be known as CSS-in-JS. That is, doing your styling entirely in JavaScript, rather than hellip;/p

pThis is a compilation of four videos I#8217;ve done over the last few months for a sponsorship with Automattic. It#8217;s mostly about a href=https://jetpack.com/?aff=8638 rel=nofollow noopenerJetpack/a, a WordPress plugin I quite like and that a href=https://css-tricks.com/jetpack/we use here at CSS-Tricks/a), but also hellip;/p

pDid you know that you can set up a review system so that strongevery pull request you make shows you exactly what has changed visually on your site?/strong/p

pThat#8217;s exactly what a href=https://percy.io/ rel=nofollow noopenerPercy/a does. It assumes what you have on master hellip;/p

pDavid Wells #038; Chris Coyier talk about how you can build an app hosted on Netlify statically but still have a backend database to power it. We use the classic TODO app example where the database is powered by FaunaDB hellip;/p

pa href=https://woocommerce.com/?aff=8638 rel=nofollow noopenerWooCommerce/a is a powerful and flexible eCommerce plugin for WordPress. Wanna sell a href=https://woocommerce.com/products/woocommerce-subscriptions/?aff=8638 rel=nofollow noopenersubscriptions/a or a href=https://woocommerce.com/products/woocommerce-memberships/?aff=8638 rel=nofollow noopenermemberships/a? WooCommerce can do that? a href=https://docs.woocommerce.com/document/digital-downloadable-product-handling/?aff=8638 rel=nofollow noopenerDigital downloads/a? Yep. a href=https://woocommerce.com/products/woocommerce-bookings/?aff=8638 rel=nofollow noopenerAppointments and bookings/a? Sure. /p

pBut the meat and potatoes of eCommerce, so to speak, is hellip;/p

pDavid Wells, from a href=https://netlify.com/?utm_source=css-tricks#038;utm_medium=display#038;utm_campaign=0718 rel=nofollow noopenerNetlify/a, and I take some baby steps into building things with Serverless. We#8217;ll mostly be looking at cloud functions here and how using them from an otherwise static hosting environment means you#8217;ve unlocked all sorts of hellip;/p

pDavid Wells, from a href=https://netlify.com/?utm_source=css-tricks#038;utm_medium=display#038;utm_campaign=0718 rel=nofollow noopenerNetlify/a, and I take a crack at answering this question in an understandable way. /p

pAre there still servers involved? Of course, but you don#8217;t manage them, scale them, or pay for them when you aren#8217;t using hellip;/p