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

scottnix

  • Do we really need to change the site design

    On a side note other than design, the code is a little atrocious. This page has 23 external Javascript scripts. Try combining them into one. This page has 12 external stylesheets. Try combining them into one. This page has 42 external background im…
    Comment by scottnix April 2 permalink
  • FRONT-END vs. BACK-END

    Lol, epic comment @wolfcry911
    Comment by scottnix March 25 permalink
  • What is the best way of clearing floats in css?

    Overflow hidden is awesome, but if it can't be used and you are using SASS/Compass, just use the Compass utilities clearfix. .some-div { @include pie-clearfix; } Then there is no need to add extra classes or elements like a lot of people d…
    Comment by scottnix January 26 permalink
  • How can I create a toggle with icons?

    I made it super quick and then realized when I finished I totally could have used a psuedo element instead of adding the extra markup. :/ I might fix it later. ;x http://codepen.io/scottnix/pen/aGczs
    Comment by scottnix January 24 permalink
  • Multiple instances of a media query in css doesn't work?

    Has to be something lame, the code above works for me on PC with IE, FF and Chrome. You probably already know, but why not use a mixin to accomplish this and make the MQ's a little easier to write. I am currently using this mixin/method. I am…
    Comment by scottnix January 23 permalink
  • Feedback on screencasts, pretty please!

    Makes sense, just was curious behind some of the reasoning and checking to make sure there wasn't something I was missing. Thanks for the response. I still say you show them some Emmet in the CSS, a quick mention, even if you don't use it…
    Comment by scottnix January 13 permalink
  • Mobile Device Trick

    @embryods He was asking if it is possible to skip the loading of images (the slider) to increase page speed, if there are images in the HTML, they will still be loaded regardless if you set it to display none in the CSS.
    Comment by scottnix January 11 permalink
  • Wordpress Shortcode: Need to include PHP File

    If you are building something like a shortcode, or adding one it, it is highly recommended to put that functionality into a WP Plugin. While that "making a plugin" probably sounds super hard, it is actually really easy. With something lik…
    Comment by scottnix January 11 permalink
  • Feedback on screencasts, pretty please!

    Thanks for going full width on the video, much better. :) Couple of questions, which will also give you a valid excuse to bump this in a bit since you are creating quality material others should see. So far the videos have been excellent examples …
    Comment by scottnix January 11 permalink
  • shortcode isn't working

    Just to show you since I have it setup, it can be viewed here Obviously no styling... but hmm, has to be something else. :/
    Comment by scottnix January 11 permalink
  • shortcode isn't working

    I just tested it, it is working for me. Are you by chance using this in a widget area? If so, you have to turn that on. add_filter('widget_text', 'do_shortcode'); Otherwise, I am stumped. :/
    Comment by scottnix January 11 permalink
  • shortcode isn't working

    Shouldn't your actual shortcode in the post be... [buy-tickets link="http://whateverlink.com"]Tickets[/buy-tickets] You are seeing the "#" because it is the default in the PHP
    Comment by scottnix January 10 permalink
  • Feedback on screencasts, pretty please!

    The videos are awesome all around. One of the most useful things is the actual workflow you use, SublimeText2, Emmet, SCSS, etc... are all so important for people to see because this is how it should be done (the workflow). The one thing I would ev…
    Comment by scottnix January 10 permalink
  • Website Evaluation

    I am not going to touch on the design, just code related stuff. All pages have the same meta description. A lot of pages have a h1 and h3 only (you skip h2). In the CSS, you have some issues with vendor prefixes, for example. You use " -moz…
    Comment by scottnix January 10 permalink
  • Chrome Web Tools

    What @andy_unleash mentioned is super useful tip for developing. Personally I use a different approach. * { background: rgba(0,0,0,0.1) !important; } Which provides a nice little subtle background which helps locate overlaps and is really good…
    Comment by scottnix January 10 permalink
  • Page Layout Improvements

    To do alternating, .list-journal-entry-wrapper > div:nth-child(2n) { background: #F5F5F5; } obviously this applies just the bg color, you will have to figure out paddings/margins, possibly move some things around.
    Comment by scottnix January 9 permalink
  • Page Layout Improvements

    You would have to change the markup of your site to have a link wrap all the other elements. You don't have to do it that way, but very few things are more annoying then things that invoke a hover state and look like a link, but aren't. …
    Comment by scottnix January 9 permalink
  • Wordpress image quality issue.

    I have no idea why it happens, but it is the border on the image. If you remove the border on .entry-content img, #page img you will see the image becomes clear. There are multiple ways to add a border back in if you absolutely need it, but it is …
    Comment by scottnix January 8 permalink
  • Feedback - Open source responsive template

    The above information confuses me like no other. I am specifically talking about using fixed width responsive layouts, which is the cheater way to make responsive sites. ;P I am talking about the layout, not some random scenario with a paragraph. :…
    Comment by scottnix January 7 permalink
  • Feedback - Open source responsive template

    I am just going to say that fluid width responsive layouts are way cooler than ones that use fixed widths. :/
    Comment by scottnix January 7 permalink
  • IE8 and responsive web design.

    If you make the site mobile first, you can use this approach which works really well to just ignore less than IE8. Your text to link here...
    Comment by scottnix January 7 permalink
  • Need Help with this Menu Design

    I am just going to throw my 2 cents in and say that menu design is terrible looking and whoever designed it like that probably doesn't code. If you were the one who designed it, I win the internets.
    Comment by scottnix January 5 permalink
  • Part of website(WP) content goes out of browser window in Firefox,

    There is padding on the content. Your #content is 100% width + 20px total (which is 40 total left and right) equals more than 100%. The box-sizing: border-box fixes this, but you are using it in places with no prefix. I am not going to test it, bu…
    Comment by scottnix January 5 permalink
  • Sublime SASS Autocomplete

    http://docs.emmet.io/
    Comment by scottnix January 3 permalink
  • Sublime SASS Autocomplete

    This question confuses me. Have you tried the Emmet (zencoding replacement) addon?
    Comment by scottnix January 3 permalink
  • Respond/Modernizr

    It is actually pretty common to serve IE users a fixed width version. 960 may be a little large, I use 640px :) http://jonikorpi.com/leaving-old-IE-behind/ has good info on this same thing. I never had trouble with getting either of the .js soluti…
    Comment by scottnix January 1 permalink
  • Bootstrap Response CSS File - Need to get rid of extra padding around thumbnails

    The problem is the .span4 containers are coded at 370px width + 30px margin left, so that is 400px per box, but the total width of the container is 940px. So simply the boxes don't fit and drop down. Just adjust the boxes down in size, I don&#…
    Comment by scottnix December 2012 permalink
  • Wordpress Integration (Help!)

    I actually never install WP into a root directory, I hate looking all the files and I imagine clients do too. You can use a subdirectory install and have it use the root url as normal, Codex Docs.
    Comment by scottnix December 2012 permalink
  • My videos are on top of each order, i need spacing

    One part of the problem is the image size is 480x360, this image gets absolute positioned through inline CSS. Which will spill over the container with the 263 height, which is also set through inline CSS.
    Comment by scottnix December 2012 permalink
  • Wordpress Integration (Help!)

    I am going to go out on a limb here and say "Instead of integrating WordPress into your website, you should be integrating your website into WordPress."
    Comment by scottnix December 2012 permalink