treehouse : what would you like to learn today?
Web Design Web Development iOS Development

JoshBlackwood

  • icon font for bullet points, tried li:before

    Something like this should work, I think: li:before { content:"\f002 "; font-family: FontAwesome; margin-right: .5em; } Edited: Yep, checked on a local dev site I'm running Font Awesome on. @Paulie_D, why would positio…
    Comment by JoshBlackwood February 21 permalink
  • Help Creating A Dynamic Credit Card Dropdown

    Heh, thanks, @Paulie_D. One thing I might mention, though, @jcoder, is that this is probably something best done in the backend, or at least with proper fallback. I say that because with this method, if the client has JavaScript disabled (small use…
    Comment by JoshBlackwood February 21 permalink
  • Help Creating A Dynamic Credit Card Dropdown

    Here you go: http://www.codepen.io/anon/pen/IxsiJ You really had the right idea, you just really don't want to use document.write() in that case. I've written up two methods above -- one with vanilla JS, and one using jQuery. First, you …
    Comment by JoshBlackwood February 21 permalink
  • How to take "responsive screenshots"

    Here's a (very) basic script to take a screenshot with a set viewport width: var page = require('webpage').create(), system = require('system'), address, output, size; if (system.args.length < 3 || system.args.l…
    Comment by JoshBlackwood February 21 permalink
  • Twitter Bootstrap Span/Margin Issues

    Your rows and columns aren't structured properly. For one thing, each row should be wrapped in a div.row, and that last span.span3 in the form (wrapping the button) is completely unnecessary. This is what your final HTML should look like: http:…
    Comment by JoshBlackwood February 20 permalink
  • How to take "responsive screenshots"

    I've been experimenting with phantomjs. If you take the example rasterize.js file and alter it ever-so-slightly so that you can plug in values for width/height, you can get a screenshot in a split second. Furthermore, if you have a basic under…
    Comment by JoshBlackwood February 20 permalink
  • Critique of web-app

    There's an .htaccess fix for that, Lucas. Try adding this to the end of your hosting's root .htacess: # BEGIN @font-face fix for FF Header set Access-Control-Allow-Origin "*" # END @font-face fix for FF% I ha…
    Comment by JoshBlackwood February 19 permalink
  • United States Image Map

    I'm thinking this probably isn't what you're after, but hey, it's cool as all get-out, so I thought I'd share: http://intridea.github.com/stately/ From their site: Stately is a symbol font that makes it easy to create a…
    Comment by JoshBlackwood February 19 permalink
  • Critique of web-app

    A few things: Every time I click submit, even if both fields are filled out, I get the "Please fill out this field" popup on the "What do you need to do?" field. I love how when I check off a task it turns green and goes to the…
    Comment by JoshBlackwood February 19 permalink
  • Display Image over another image

    It's simple enough to adapt Hugo's suggestion to work with a CSS background image. Like so: http://codepen.io/JoshBlackwood/pen/dAuiL
    Comment by JoshBlackwood February 19 permalink
  • Icon fonts not working in IE8

    Ah, I forgot about the removal of $.browser. Loading jQuery 1.8.x instead would be the simplest solution. Edited to add: Testing anything JS-related in IETester is generally a bad idea, in my experience. JavaScript in IETester doesn't always w…
    Comment by JoshBlackwood February 19 permalink
  • Feedback on my website?

    Very impressive! I really, really like it. Going into my "inspiration" folder.
    Comment by JoshBlackwood February 19 permalink
  • Icon fonts not working in IE8

    That bit of script is jQuery, and you don't have jQuery loading on your page. Grab the source link for the Google-hosted jQuery library from here and include it before that script tag.
    Comment by JoshBlackwood February 18 permalink
  • Responsive triangle

    If this is in concert with something like a tooltip bubble, or similar, using it as an arrow, I think you could make it somewhat responsive, by replacing px values with em or rem. If your body has the typical font-size: 62.5%; so that 1em is usually…
    Comment by JoshBlackwood February 15 permalink
  • Icon fonts not working in IE8

    Here are a couple more links that may help: http://www.boonex.com/n/ie8-icon-font-fix-and-unused-language-keys-2012-08-20 http://stackoverflow.com/questions/12680446/font-awesome-not-appearing-in-internet-explorer-8
    Comment by JoshBlackwood February 15 permalink
  • Slight overflow problem

    Glad to help.
    Comment by JoshBlackwood February 15 permalink
  • Slight overflow problem

    I'm seeing the same issue in Chrome, and I'm pretty sure I figured it out. Because you've set positioning on your pseudo elements, their container needs positioning set in order for the child pseudo elements to obey overflow: hidden;…
    Comment by JoshBlackwood February 15 permalink
  • Icon fonts not working in IE8

    Using a clean install of IE8 in a virtual machine running Win XP, it just seems as if the icon font simply isn't loading. Taking a look in IE9 on Win7, it loads fine, but if I set browser mode to IE8, it seems as if none of your [data-icon]:bef…
    Comment by JoshBlackwood February 15 permalink
  • Icon fonts not working in IE8

    This StackOverflow might have something helpful in it: http://stackoverflow.com/questions/9809351/ie8-css-font-face-fonts-only-working-for-before-content-on-over-and-sometimes/10079790#10079790 One thing of note is that in Chrome, in the data-icon …
    Comment by JoshBlackwood February 15 permalink
  • Automatic git pushes

    I'm sure you could write a script that would do this for you, or a plugin for your editor of choice. Why would you want to, though? My usual workflow since I've started using git (which, mind you, was only last week) is to make a logical …
    Comment by JoshBlackwood February 14 permalink
  • Screencasts of theme development in WP 3.5

    Here's a series by Andy Howells that looks pretty awesome (I haven't started it yet): http://codeboxers.com/videos/
    Comment by JoshBlackwood February 14 permalink
  • Need a little help editing this simple js?

    I suppose this would probably do: http://codepen.io/JoshBlackwood/pen/zgfcm I fixed the odd character insertion, and animated the toggle for you . . . very simple additions, honestly. If I were you, I'd use the plugin version, as it's mor…
    Comment by JoshBlackwood February 13 permalink
  • Need a little help editing this simple js?

    Your links is broken, but am I right in guessing you mean this? http://viralpatel.net/blogs/demo/jquery/show-more-link-shortened-content/ Let me take a closer look and play around with it after dinner, and get back to you. It looks like the last de…
    Comment by JoshBlackwood February 13 permalink
  • How to hide parent div if custom_field is empty

    I'm really at a loss as to how to help you any further, not knowing how the theming engine for Miranda or Trillian works. I would suggest that you keep experimenting, and you'll probably figure it out through much trial and error. Are the…
    Comment by JoshBlackwood February 13 permalink
  • Synch local development projects

    Maybe take some of the ideas from this tutorial? http://wp.tutsplus.com/tutorials/hosting/wordpress-development-and-deployment-with-mamp-git-and-dropbox/
    Comment by JoshBlackwood February 13 permalink
  • Changing titles of multiple divs

    Use .each() and this, like so: http://codepen.io/JoshBlackwood/pen/yhAIl
    Comment by JoshBlackwood February 13 permalink
  • How to hide parent div if custom_field is empty

    Okay, now that's much better. I feel like the already posted solutions should work here, unless there is a default status generated by that tag in the case that the user hasn't input anything. Have you given it a try to see?
    Comment by JoshBlackwood February 13 permalink
  • MAMP 2.1.1 Suddenly Stopped Working

    I've personally found a combination of Mountain Lion's built-in Apache and PHP, a quick self-install of MySQL, and dnsmasq for .dev domains to be the better option, for my own local development. MAMP was proving to be too issue-prone for m…
    Comment by JoshBlackwood February 12 permalink
  • How to hide parent div if custom_field is empty

    Okay, let me rephrase my question. What does the CC_STATUS tag represent? It's obviously a stand-in for something that's going to be pulled in from whatever templating engine you're using . . . what will it be? A text string? I'…
    Comment by JoshBlackwood February 12 permalink
  • How to hide parent div if custom_field is empty

    CrocoDillon has it, but out of curiosity, how are you setting the value of CC_STATUS? Is that dynamically inserted via JS or PHP or similar? Actually, what IS CC_STATUS supposed to represent? Text? An input? Not sure where that's coming from . …
    Comment by JoshBlackwood February 12 permalink