CSS-Tricks Screencasts show

CSS-Tricks Screencasts

Summary: CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.

Join Now to Subscribe to this Podcast

Podcasts:

 #123: If it Moves When You Click, Make Something Stick | File Type: video/mpeg | Duration: 8:09

The 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 …

 #123: If it Moves When You Click, Make Something Stick | File Type: video/mpeg | Duration: 8:09

The 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 triggered (like all links/buttons/inputs) and the CSS moves them down and to the right, appearing as if you are literally pressing the brick down into the surface a bit. What's the problem? …

 #122: The State of Favicons | File Type: video/mpeg | Duration: 8:32

Forever we all made 16x16 graphics and got them into the .ico format somehow. I probably used this converter tool a million times. Somewhere along the line it started to get more confusing. Browsers can support .png favicons too. And now there are retina displays, and nothing looks worse on retina than little tiny graphics scaled up. Browsers are starting to support 32x32 favicons now too. What are we to do?…

 #122: The State of Favicons | File Type: video/mpeg | Duration: 8:32

Forever we all made 16×16 graphics and got them into the .ico format somehow. I probably used this converter tool a million times. Somewhere along the line it started to get more confusing. Browsers can support .png favicons too. And …

 #121: The Right CMS is a Customized One | File Type: video/mpeg | Duration: 16:25

The perfect CMS to suite the needs of any non-trivial content-oriented website does not come out-of-the-box. They require customization. For instance, a feature article for a news site isn't just a title and content anymore. It's a title, optional subtitle, alternate short title, blurb, full content, related articles, featured image, optional featured video, and optional slideshow/slides. If your CMS can make those fields available on the entry screen, that's a recipe for success. This screencast covers customizing WordPress to be …

 #121: The Right CMS is a Customized One | File Type: video/mpeg | Duration: 16:25

The perfect CMS to suite the needs of any non-trivial content-oriented website does not come out-of-the-box. They require customization. For instance, a feature article for a news site isn’t just a title and content anymore. It’s a title, optional subtitle, …

 #120: A Sublime Text Snippet for Media Query Mixins | File Type: video/mpeg | Duration: 6:16

I've never messed with creating custom Sublime Text snippets before. So when James Nowland sent one in, I took the opportunity to learn. …

 #120: A Sublime Text Snippet for Media Query Mixins | File Type: video/mpeg | Duration: 6:16

I’ve never messed with creating custom Sublime Text snippets before. So when James Nowland sent one in, I took the opportunity to learn. …

 #119: Let’s Answer Forum Posts! Vol. 2 | File Type: video/mpeg | Duration: 36:29

In this screencast we live answer more forums posts with no planning whatsoever. I don't think we hit a homerun on any of the threads we look at, but that's the lesson. You don't have to have the answers to everything to be a useful forum member. Just a few thoughts and your related experience can be helpful in nudging the original person in the right direction.…

 #119: Let’s Answer Forum Posts! Vol. 2 | File Type: video/mpeg | Duration: 36:29

In this screencast we live answer more forums posts with no planning whatsoever. I don’t think we hit a homerun on any of the threads we look at, but that’s the lesson. You don’t have to have the answers to …

 #118: Introduction to CodePen PRO | File Type: video/mpeg | Duration: 7:59

CodePen PRO offers a slew of new features. You can read about them, but much better to show them right? [Deep awesome voice]: and this is just the beginning.…

 #118: Introduction to CodePen PRO | File Type: video/mpeg | Duration: 7:59

CodePen PRO offers a slew of new features. You can read about them, but much better to show them right? [Deep awesome voice]: and this is just the beginning.…

 #117: Let’s Attempt To Do a “Pull Request” | File Type: video/mpeg | Duration: 29:41

I've never in my life submitted a "Pull Request" on GitHub. I wanted to give it a shot, so this video is capturing the moment of me attempting to figure it out. Fair warning, this isn't a succinct, quick tutorial. This is me thinking to myself and struggling through it all. My idea was that I wanted to put FitVids.js onto cdnjs so people can link it up through there. Their process for doing that is by forking their GitHub …

 #117: Let’s Attempt To Do a “Pull Request” | File Type: video/mpeg | Duration: 29:41

I’ve never in my life submitted a “Pull Request” on GitHub. I wanted to give it a shot, so this video is capturing the moment of me attempting to figure it out. Fair warning, this isn’t a succinct, quick tutorial. …

 #116: Let’s Answer Forum Posts! | File Type: video/mpeg | Duration: 25:55

In this screencast we pop over to The Forums to answer as many questions as we can. The point is just to have a little fun and show you how easy it is to contribute to the community. Become a good member there, and next time you are stuck your chances of getting help skyrocket! You don't have to be a super genius at everything. I'm certainly not and I prove it in this screencast by not having a good …

Comments

Login or signup comment.