Quick Tips: Easy jQuery Documentation and Responsive Scalable Headlines

Treehouse●jQuery, Typography 5 Comments

Screengrab of the red site for FitText

Scalable Headlines for your responsive layout

by @allison_house

If you want scalable headlines on your fluid or responsive layout, look no further than FitText. It’s a jQuery plugin that makes big type flexible, forcing it to fill the width of the containing parent element.

Easy jQuery documentation

by @commondream

It’s impossible to remember every available method in jQuery, so when I’m working on front end code using jQuery I’m usually digging through their documentation as well. Instead of using the jQuery site, though, I browse jQuery’s documentation on jqapi.com. It’s a site that format’s jQuery’s documentation much more cleanly and provides a search that’s really easy to use.

Start Learning Web Design, Coding, How To Start A Business & More for Free!

Learn More

Treehouse

Our mission is to bring affordable Technology education to people everywhere, in order to help them achieve their dreams and change the world.

Comments

  • David

    Why isn’t something like this (correct me if I’m wrong) in the CSS3 spec? We seem to have a lot of things for making sites prettier, but shouldn’t responsive design be higher priority?

    • http://twitter.com/gclaudiu Claudiu

      There’s quite a lot of controversy related to responsive dsign at the moment (at least regarding images and dnamic scaling of images). But if you think CSS, you can acheive more or less the same effect, depending on how you define the font-size (http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ )

      • http://twitter.com/markgeyer Mark Geyer

        Correct, this effect can be done with very little CSS. In fact, I’m not sure why this plugin got as much hype as it did.

  • http://forcefactorsupplementsreviews.wordpress.com Adelierron Dick

    I think you can put this code into section. In fact, it has no with releation with Dreamweaver. Here is my code:…$(function(){$(‘#xmenu > li:eq(5)’).addClass(‘now’);$(‘#xbar > td:eq(1)’).addClass(‘now’);$(‘div.xpanel’).css(‘float’, ‘right’);$(‘div.xpart’).css(‘float’, ‘left’);})…http://forcefactorsupplementsreviews.wordpress.com 

  • http://www.facebook.com/fixfish Fish Zhao

    like this kinda bacon bits. keep it coming. :)