chriscoyier
-
How to change SVG fill color with jQuery on hover?
The fill: red; stuff needs to be in a block inside the SVG, which is inline in the document though, right? I've never been able to get it to work any other way.
-
"magic numbers" in CSS
It would be sweet to start collecting examples of magic numbers for a blog post!
-
"magic numbers" in CSS
This is a great question. I'd say in the example case it's not a magic number. It's a specific design choice, like any other positioning or spacing. To me magic numbers are more related to "fixing" problems. They are also of…
-
What's the best way to line background images up across multiple elements?
You don't really need :not() - you could just adjust JS to add both .active and .inactive classes and style based on that. And use an actual table. (nobody will die).
-
What's the best way to line background images up across multiple elements?
You could do it like this: http://codepen.io/chriscoyier/pen/DFdJi
-
css-tricks's Terms of Service Page isn't available
Weird. Works on my localhost so it's kinda hard to troubleshoot. I'll just post them here for now: http://css-tricks.com/forums-terms-of-service/ and change the link.
-
iframe troubles
You're loading up this to load jQuery: http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js That will link to the latest version of jQuery 1.x which is now jQuery 1.9. In this version of jQuery, $.browser is deprecated (or just straigh…
-
Logo critique
One of the first things I saw that would be possible point of improvement is the gaps in the e and the a are so different. Maybe if they were the same distance apart it would lend consistency. I'm not much of a typographer though. Love the cri…
-
Codekit part minified, part expanded!
This article might have some good stuff in it for you too: http://css-tricks.com/compass-compiling-and-wordpress-themes/
-
IE10 mobile/touch :hover navigation problem
Also, modenizr has a test for touch events, so you could write specific event handlers for that stuff.
-
IE10 mobile/touch :hover navigation problem
In general, just totally avoid core functionality that is only shown on :hover. In mobile webkit you are right, if the element has a :hover (but no href) it will stay in it's :hover state after you tap it once. That's a bummer Window Pho…
-
WHICH BETTER? - blog.[domain].com or [domain]/blog.com ?
I don't think it matters that much either. I can tell you that at CodePen, we have our blog at blog.codepen.io - the reason being that you can set different DNS records for different subdomains. This gives us the ability to host that blog at a …
-
Slideshow not working in toggle tabs
What you might want to try is to wait to initialize the slider until after the window is loaded. It looks like the widths of the list items in the slider are programmatically calculated. That calculation could be wrong if the image isn't done l…
-
IE not respecting z-index
Hey Aaron, I'm not sure this is a z-index issue. In looking in IE 8 on Windows 7, it looks like the ul.sub-menu-wrap is staying display: none; even when the mouse is over it. So maybe it's a JavaScript issue?
-
what is the meaning of this line in the css
You can learn a little bit more about it here too: http://css-tricks.com/child-and-sibling-selectors/
-
Feedback on screencasts, pretty please!
I struggle with that length thing too. I went long in a lot of the Lodge videos, but I know that most people prefer short and I know I do too. I've started a new series and I'm trying to stay under 10. These are great Andy, keep going!
-
046: RAPIDFIRE #12 question
PHP version: http://css-tricks.com/snippets/php/generate-expiring-amazon-s3-link/
-
Wordpress Exclude Category (not working?)
In the code you've posed here, you haven't included any category removal. It needs to be in the arguments you pass WP_Query. $args = array( 'orderby' => 'rand', 'post_type' => 'product', …
-
A Guide To Using CodePen - Help Us Help You.
Great ideas! Of course things will evolve over time. 2013 is wide open in front of us =)
-
A Guide To Using CodePen - Help Us Help You.
Hey ya'll - I added a new thing to the Start a New Discussion screen where it links to this guide and encourages people to use CodePen. We can let this thread fall down the stack now. We'll keep this post up to date over time. And just to…
-
Having trouble downloading some of the training videos from the Lodge home page
Definitely try refreshing. I just tried those videos and they downloaded OK for me.
-
A Guide To Using CodePen - Help Us Help You.
This is excellent, thanks for doing this Andy! Rather than make it sticky, I'm going to noodle it for a day or two and figure out the best plan. I might make a new little module thing by the New Discussion button in the sidebar that links to im…
-
User Experience - CodePen
Sure wouldn't mind seeing that data and report when you're done ;)
-
Compass & Codekit - either or, or both?
Definitely get CodeKit. It compiles your Sass for you and then later on you can dig into Compass.
-
Do I really, really need to move to SASS?
If you need help getting started, here is a screencast that gets you going in just a few minutes: http://css-tricks.com/video-screencasts/111-get-yourself-preprocessing-in-just-a-few-minutes/
-
Using IDs in CSS selectors?
Here is my article on the subject. One of them, anyway: http://css-tricks.com/a-line-in-the-sand/ Also worth noting that I haven't anywhere else yet. The biggest problem with ID's is the super high specificity that easily can bite you on …
-
Ease Action Causes Text Flash
This is essentially this huge bug in WebKit. I'd call it a bug anyway. You can apply the "thinned out" text look by applying a benign 3D transform to the area with text. That way it won't jump to that thinned out look on hover. B…
-
Best WordPress Forum Plugin
http://bbpress.org/ for sure. It's now under active development again and an official Automattic project.
-
New Site Feedback Please
What's the problem with code/pre now? testing multiline code
-
CodePen Like/Heart Counter
Yah essentially that's it. Unfortunately there isn't some modular component that makes sense to open source. Each Pen and each User have data models. When a user clicks a heart, it sends a little Ajax call to the server which updates info…