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.
- Visit Website
- RSS
- Artist: Chris Coyier
- Copyright: Copyright CSS-Tricks.com
Podcasts:
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 …
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? …
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?…
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 …
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 …
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, …
I've never messed with creating custom Sublime Text snippets before. So when James Nowland sent one in, I took the opportunity to learn. …
I’ve never messed with creating custom Sublime Text snippets before. So when James Nowland sent one in, I took the opportunity to learn. …
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.…
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 …
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.…
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.…
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 …
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. …
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 …