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

alexmccabe

  • nth-last-child(???)

    Well this is certainly solved. Thank you everyone. CSS is a sly fox sometimes. You would expect the minus symbol to be before the number.
    Comment by alexmccabe December 2012 permalink
  • CSS filters your opinions

    I don't see any reason not to, I was just curious as to what people thought about it. You can make some interesting effects with it, very easily. For example.
    Comment by alexmccabe December 2012 permalink
  • CSS List Box

    You can customise it to a certain extent in CSS but not a huge deal. JS or replacement techniques are the way forward for true customisation. You could for example use a hidden form element and make a drop-down menu style item out of ul>li, then…
    Comment by alexmccabe December 2012 permalink
  • nth-last-child(???)

    Thought as much, kinda sucks you can't select up to a point really. What if I needed to get up to 100? I know it's unlikely, but still. Oh well. Thank you. =]
    Comment by alexmccabe December 2012 permalink
  • Italicized fallback

    OK, so I got home and had a chance to test this further on my MacBook. It only works in Firefox. The other browsers just display the non-italicised version. Damn, I thought we had it. Anyway if that is not a huge issue for you, then you are welcome.…
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    @christburton Does it work now?
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    @chrisburton, what OS are you using? I guess you could combine both. So the font stack could look like this; font-family: pigeon, 'MyGeorgiaItalic', 'Georgia Italic', GeorgiaItalic, Georgia, serif;
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    @chrisburton I tried that on my machine and it doesn't work without declaring it as font-face. This pen works though
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    So it does....the things you learn everyday. So have I solved this? Because my W7 and W8 machines have Georgia Italic as 'Georgia Italic' and my MacBook has it under 'GeorgiaItalic'. A quick look, XP has it pre-installed to…
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    On my standard install W7 machine...I only have Georgia and not GI is not listed as a 'separate' font. How odd, my W7 machine has Georgia Italic already. I checked to make sure and it was added in 2009, that pre-dates this machine by …
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    You can add multiple local sources to one font-face declaration. I updated the pen to show that. It doesn't take standard Georgia and italicize it. Quite annoying. One would assume though, that if the user has Georgia installed, they also have …
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    Paulie_D, it takes the local copy stored on the users machine.
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    I FOUND IT @font-face { font-family: "GeorgiaItalic"; src: local("Georgia Italic"); font-style: italic; } And to prove it
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    Hmm you could have a JS function that checks to see what the body font-family is, and if it is currently Georgia add a CSS value to the body to make it italicized. But I wouldn't want to do that, unless it is extremely important that everyone s…
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    I can see what you mean. The only way of doing it that I can think of is using Modernizr. This then detects what browsers do (and don't) support. If it doesn't support @font-face, it applies a class of no-fontface to the html tag. You then…
    Comment by alexmccabe November 2012 permalink
  • Italicized fallback

    What is the font that you are using that is italic?
    Comment by alexmccabe November 2012 permalink
  • iphone view issue

    Maybe one of your elements isn't resizing back. It works fine on a desktop browser, so this could be a real pain to sort. Try removing the slider to see if that fixes it. If not, remove another part until you find the culprit. Good luck! Haha.
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    pmac627, ooh I had no idea that Firefox no longer supports the old syntax. Thank you for pointing that out! It's odd they would remove that, and then not add support for the new syntax.
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    So I spent some time refining your code Paulie_D and now the only size you set is the figure. Using the (old) flexbox syntax to get the figcaption to sit dead center, otherwise you have to change the padding value on the figcaption h3. Here it is! …
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    Paulie_D, you are a star. I don't actually have a use for this, I did it because I could, but you have bettered me. I knew it could be, but thank you =]
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    Paulie_D, hmm odd the figcaptions seem to be playing nice for you, but when I tried with it, they seemed to sit way off from the left and top and had to use minus numbers to get them to line up...Thanks =] DeTodo, I would take Paulie_D's code …
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    I updated the reverse that you asked for with CSS comments, so that you can hopefully understand what is happening. It really is very simple, it just looks like a lot.
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    Going to try make this work on my site I'd love to see it when it's done, and if you get stuck send me a tweet @alexwmccabe
    Comment by alexmccabe November 2012 permalink
  • New Site Feedback Please

    It's pretty damn nice to be honest. I would consider setting a min-width of 320px though. But that would just be me.
    Comment by alexmccabe November 2012 permalink
  • Nice Image Hover Effect

    @paulie_d, yeah I tried it but the figcaptions are an odd one to work with. I am gonna keep working on it, and see what I can come up with. But it only took me a few minutes doing it this way. DeTodo Here is the reverse effect. Basically it works o…
    Comment by alexmccabe November 2012 permalink
  • Need to float and slide box containing products

    found this little plugin if you are ok with jQuery
    Comment by alexmccabe November 2012 permalink
  • Coda for Windows?

    I would be an advocate of switching to Sublime Text 2 on both Windows and Mac. I used to love Coda, but now I use Sublime.
    Comment by alexmccabe November 2012 permalink
  • :last-child won't target

    last-of-type is going to fail as well, because type refers to the element (not a specific classed element). Right, I thought that might be the case. I have switched to tags now, and I am using last-of-type. So it works. What (if anything) can…
    Comment by alexmccabe November 2012 permalink
  • :last-child won't target

    ...and who gives a flying 'fig' about IE? LOL unfortunately I have to =[ I will switch to tags, but if you could explain why this still doesn't work, that would be much appreciated. it still fails If you remove that it works
    Comment by alexmccabe November 2012 permalink
  • :last-child won't target

    Watson90, if I only used -moz- then only firefox would have a gradient. The big svg is for IE9.
    Comment by alexmccabe November 2012 permalink