CSS-Tricks Screencasts

pYou know emabout/em responsive images. It#8217;s about the image syntax in HTML. If you give it the right information in the right syntax, you can get the browser to download just exactly the right image it needs, without giving it hellip;/p

pThis is the video screencast version of a blog post I did not long ago: a href=https://css-tricks.com/useful-flexbox-technique-alignment-shifting-wrapping/Useful Flexbox Technique: Alignment Shifting Wrapping/a. I was at a a href=http://blog.codepen.io/meetups/ rel=nofollow noopenerCodePen Meetup/a and used it as a quick show-and-tell demo and it was kinda hellip;/p

pI published a written post about this idea of the a href=https://css-tricks.com/server-side-mustard-cut/Server Side Mustard Cut/a. So if you#8217;re into reading and checking out code samples and stuff, that#8217;s the place for you. In this video I just walk through all hellip;/p

p class=wp-block-paragraphWe just recently moved to #8220;HTTPS everywhere#8221; right here on CSS-Tricks. a href=https://css-tricks.com/moving-to-https-on-wordpress/I wrote up a blog post/a detailing the steps to get there. This video is a companion to that, talking through the steps, as I know some folks prefer hellip;/p

pRather than a typical screencast, this is a video taken of my talk SVG is for Everybody recorded by the Treehouse gang at a href=http://blendconf.com/ rel=nofollow noopenerBlendConf/a. Of course there is far too much about SVG to cover in just one talk, hellip;/p

pIn this video, I prattle on about a particular #8220;real world#8221; situation I was in involving how I handle the a href=http://blog.codepen.io/meetups/ rel=nofollow noopenerCodePen Meetups/a page./p

pAt the very beginning days of CodePen Meetups, we just had a single one planned. It was hellip;/p

pAnimating SVG is a bit unique in that there are three distinctly different ways you can approach animating it. hellip;/p

pstrongWarning:/strong this is a meandering, intermediate level screencast in which we look at the code that powers a build process for a site. We don#8217;t write any code./p

hr /

pA #8220;build process#8221; is all the stuff that happens between the code hellip;/p

pI#8217;m probably a bit rare in that I rather enjoyed trying to keep up on the responsive images thing. It#8217;s an interesting problem that bred lots of interesting solutions. The whole thing is starting to wrap up now though, now hellip;/p

pI had a little design situation come up where I was making a fluid grid of boxes with floats. I wanted to specify how many boxes across a row was very easily, and have them flush against both edges of hellip;/p