CSS-Tricks Screencasts

pa href=https://www.sublimetext.com/ rel=nofollow noopenerSublime Text/a is a pretty darn popular code editor. Despite its popularity and all the good things I#8217;ve heard about it, I still lean heavily on other editors (Coda being my go-to for most projects) and have never given Sublime hellip;/p

pSometimes, to start a journey into learning something huge and complex, you need to learn something small and simple. JavaScript is huge and complex, but you can baby step into it by learning small and simple things. If you#8217;re a hellip;/p

pIn this screencast I pair up with a href=http://www.brianmuenzenmeyer.com/ rel=nofollow noopenerBrian Muenzenmeyer/a who, among other things, works on a href=http://patternlab.io/ rel=nofollow noopenerPattern Lab/a. Specifically, the a href=https://github.com/pattern-lab/patternlab-node rel=nofollow noopenerNode version/a of Pattern Lab, along with a href=https://twitter.com/geoffpursell rel=nofollow noopenerGeoff Pursell/a. /p

pI should point out: strongthis screencast barely scratched the surface /stronghellip;/p

pIn this pairing screencast, I hang out with a href=https://twitter.com/mdeegill rel=nofollow noopenerDee Gill/a. We take a look at some layout stuff for a new app she#8217;s working on: a href=https://tinge.io/ rel=nofollow noopenerTinge/a. She had a design mockup she was working from, so we peak hellip;/p

pIn this pairing screencast, a href=https://css-tricks.com/author/sdrasner/Sarah Drasner/a joins me and guides me through some of my very first learnings of React. We tackle some #8220;real world#8221; style functionality: a comment form. /p

pThis turned out to be a pretty useful bit of hellip;/p

pI pair with a href=http://philipwalton.com/ rel=nofollow noopenerPhilip Walton/a (who works for Google on Google Analytics) in this screencast. It complements the case-study we put together: a href=https://css-tricks.com/learning-use-google-analytics-effectively-codepen/Learning to Use Google Analytics More Effectively at CodePen/a. /p

pI learned a ton about how Google Analytics hellip;/p

pIn this video a href=http://notlaura.com/ rel=nofollow noopenerLara Schenck/a and I pair up, and she teaches me all about a href=https://codex.wordpress.org/Child_Themes rel=nofollow noopenerchild themes/a in WordPress. It#8217;s like a podcast that you watch too!/p

pWe straight up create one, starting from the Twentysixteen theme, which provided a hellip;/p

pa href=https://twitter.com/getify rel=nofollow noopenerKyle Simpson/a, partly in an effort to rejuvenate his enthusiasm for working with JavaScript at all, started building a game. He#8217;s not really a #8220;game developer#8221; (or at least, wasn#8217;t at the time!) but tackled this anyway for the hellip;/p

pOn the design of CSS-Tricks as I record this, one of the things I wanted to add was a #8220;Front End Design amp; Development Jobs#8221; widget, powered by the a href=http://codepen.io/jobs rel=nofollow noopenerCodePen Job Board/a. Those jobs are available a href=http://codepen.io/jobs.json rel=nofollow noopeneras JSON data/ahellip;/p

p class=wp-block-paragraphThere isn#8217;t just a single CSS property that you reach for when hiding and showing things in CSS. There are a bunch of considerations that we#8217;ll go over in this video./p

p class=wp-block-paragraphFor instance, there is the a href=https://css-tricks.com/almanac/properties/d/display/codedisplay/code/a property in which hellip;/p