CSS-Tricks Screencasts

pIn this video we tackle a little front end layout problem that would have been pretty much impossible without flexbox. I wrote up a href=https://css-tricks.com/boxes-fill-height-dont-squish/an article about it/a too, for easier reference of code.hellip;/p

pThere are all these tasks that we need to do as front end developers. Concatenate and compress our files. Run our preprocessors. Optimize images. Run tests. The list goes on and on. Using different tools for all of them is hellip;/p

pa href=http://docs.emmet.io/ rel=nofollow noopenerEmmet/a is an add-on for code editors that allows you to write HTML and CSS more quickly. /p

pOn the HTML front, it allow you to write a href=http://docs.emmet.io/abbreviations/ rel=nofollow noopenerabbreviations/a for HTML. For instance hellip;/p

pa href=https://github.com/h5bp/Effeckt.css rel=nofollow noopenerEffeckt.css/a is an in-progress open source project that aims to provide performant, quality CSS transitions and animations for web designers. The idea is to provide as little UI and JavaScript as possible so that you can extract an effect to hellip;/p

pA template is a chunk of HTML that you need to inject onto the page. Often templates are created #8220;server side#8221; #8211; in that they come to the JavaScript fully formed and just need to be put into the DOM. hellip;/p

pShould Modernizr be part of every modern web project? Not necessarily. In this screencast I talk about how you need Modernizr when you plan to do something specifically different depending on its browser support determination. hellip;/p

pThis is a presentation I gave at a conference just once in December 2012. In this screencast I give it one last time to you, o#8217; CSS-Tricks subscriber.hellip;/p

pThis is a presentation I gave at conferences in late 2012 and early 2013. In this screencast I give it one last time to you, o#8217; CSS-Tricks subscriber. hellip;/p

pThe buttons on CSS-Tricks, at the time of this video, have a faux 3D effect. They look like a blue brick you are looking at from above at an angle. When you press down on them, their :active state is hellip;/p

pForever we all made 16#215;16 graphics and got them into the .ico format somehow. I probably used a href=http://tools.dynamicdrive.com/favicon/ rel=nofollow noopenerthis converter tool/a a million times. Somewhere along the line it started to get more confusing. Browsers can support .png favicons too. And hellip;/p