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

hero

  • Need your opinion on a site

    Thank you so much Cameron. I really appreciate your feedback. I am terrible with matching font types so I kept the Heading the same as the content. Do you have any suggestions on what to use. Currently, I am using Open Sans from Google. Do you know …
    Comment by hero March 2012 permalink
  • Best up to date Web programming books?

    @karlpcrowley I couldn't agree more with avoiding w3schools. A lot of their javascript examples are not cross-browser compatible. Here is a good one. http://designingfortheweb.co.uk/
    Comment by hero March 2012 permalink
  • Very strange issue with positioning and floats

    IE. The bane of my existence. Your measurements seem fine. Are you clearing the floats using the clearfix hack after the block. Also, could you send me a link or snippet. I'd be glad to take a look at it.
    Comment by hero March 2012 permalink
  • Need your opinion on a site

    I Included the images hosted on image shack. Movie is hosted on techsmiths' screencast.
    Comment by hero March 2012 permalink
  • Need your opinion on a site

    Here are the images if it helps. Screen http://imageshack.us/photo/my-images/23/screenmav.png/ Mobile (when resized) http://imageshack.us/photo/my-images/441/mobilen.png/
    Comment by hero March 2012 permalink
  • Hello my name is....

    Hello. I'm Eric and a web applications developer at a college. I designed most of our internal applications like our home grown content management system, etc. I stumbled into this site and now need it as much as my morning coffee. The communit…
    Comment by hero March 2012 permalink
  • What FREE HTML5, CSS3, PHP, Javascript Editor do you recommend ?

    WebMatrix @joshuanhibbert - that looks pretty cool. I will have to check that one out.
    Comment by hero March 2012 permalink
  • What kind of Degree did you get in Web Dev?

    @tobeeornot As an educator and web applications developer at the same college.... no. That should tell ya something ;) Both colleges and conferences are behind the times. I have been to dev connections, and some design usability courses. You'r…
    Comment by hero March 2012 permalink
  • I am Frustrated! Help me with designing by giving feedback

    You might like this. It is a life saver when picking out a color scheme. http://www.colourlovers.com If you are interested in developing your own from scratch, or the colors in a photo, use this http://www.colorschemer.com I prefer the first lin…
    Comment by hero March 2012 permalink
  • How to begin teaching web design?

    One assignment I had my students do was mock up a Newspaper page because it teaches them the different sections of a page. Later, you can revisit that page with them and teach them how to style it with css or lay it out with a grid system (www.960.g…
    Comment by hero December 2011 permalink
  • What software do you use ?

    Visual Studio 2010 and Web Matrix
    Comment by hero December 2011 permalink
  • Jquery Mobile. Is it just me?

    Wow. Great Find! Never heard of it until now but will look into it.
    Comment by hero December 2011 permalink
  • Jquery Mobile. Is it just me?

    The HTML code killed my comment didn't it? Sorry about that.
    Comment by hero December 2011 permalink
  • Jquery Mobile. Is it just me?

    Thanks. I missed that on the compatibility page. Hopefully they will do a clean up. I still do not agree with the architecture on reading custom data-attributes and adding a class name. Most of this stuff can be handled without that process. It does…
    Comment by hero December 2011 permalink
  • Corporate site redesign

    Nice site. You might want to add that the hml5 shiv so it works on older browsers. I didn't see it in the head section.
    Comment by hero November 2011 permalink
  • Bit of a help for a newcomer

    As for the color changing effect. If the images are transparent you can do this. div.myimagediv:hover img { background: #880000 } The background texture will be visible on the non-hover effect because it matchs the page background. However, i…
    Comment by hero November 2011 permalink
  • Bit of a help for a newcomer

    Here: $(".myimageclass").fadeTo(250, .8).hover(function () { $(this).fadeTo(250, 1); }, function () { $(this).fadeTo(250, .8); }); I know these are both sacrifices to the design which sucks but there is alot of images.
    Comment by hero November 2011 permalink
  • Bit of a help for a newcomer

    If you make the background of the images transparent you can change the background of a surrounding div. The only problem is you wont get the background texture when you do this. Another option is to fade the opacity using jquery. Let me get you so…
    Comment by hero November 2011 permalink
  • Bit of a help for a newcomer

    Instead of preloading the "hover effect" image I would decorate it using a script.
    Comment by hero November 2011 permalink
  • Bit of a help for a newcomer

    This is what http://www.websiteoptimization.com/ is reporting: ---- You have 16 total objects on this page. From 12 to 20 objects per page, the latency due to object overhead makes up from 75% to 80% of the delay of the average web page. See Figur…
    Comment by hero November 2011 permalink
  • Menu semantics question

    Thank you.
    Comment by hero November 2011 permalink
  • Menu semantics question

    Weird. Here is the question: Can a menu contain a header or footer if I am working with multiple menus in a section. I do not want to put it on the encompassing section because they belong to the menu but want to make sure its good semantics. (f…
    Comment by hero November 2011 permalink
  • @media print

    Are you worried about the amount of http requests with separate style sheets?
    Comment by hero November 2011 permalink
  • adjusting text size as screen gets smaller or larger

    Here is for mobile. There is also a way to check for the screen orientation to adjust the page for iPads in horizontal view. @media screen and (max-device-width: 480px) { h3 { font-size: 1.2em; }
    Comment by hero September 2011 permalink
  • adjusting text size as screen gets smaller or larger

    Have you looked into media queries. That should do the trick for you. Its a CSS approach to adjust elements based on your screen resolution. The alternative is a jquery snippet. http://www.alistapart.com/articles/responsive-web-design/
    Comment by hero September 2011 permalink
  • Mobile Device Trick

    I also do not want to write the following because I do not intent to hide all images @media screen and (max-width: 480px) { img { display: none; } } Using a class name to hide certain elements is much better then having to define all of them…
    Comment by hero March 2011 permalink
  • Mobile Device Trick

    No. There are some larger images that I would like hidden. They either need a class name or an ID. I understand your way of defining what sections should be hidden using a media query. However, I am not going to write IDs for "certain" ima…
    Comment by hero March 2011 permalink
  • Mobile Device Trick

    I understand what you mean now. For me I am going to use those two class names. I have too many pages and too many elements in the content area I would like to hide (but not the entire content area) and I don't feel like giving them IDs and lis…
    Comment by hero March 2011 permalink
  • Calling all Layout Experts. Need suggestions

    Most pages have mixed layouts. Its NOT... page 1 - one columns page 2 - two columns page 3 - two columns with a sidebar offset Look at the example. Imagine many different pages using different gutters, columns, spacings, etc http://www.blueprintc…
    Comment by hero March 2011 permalink
  • Mobile Device Trick

    I'm not suggesting you do this for every element. Only elements that are not as important that take up alot of screen real-estate.
    Comment by hero March 2011 permalink