Guess this Badge and Win a Free one-year Gold Treehouse account ($588 value)

Treehouse●Asides 60 Comments

Screenshot of the Treehouse badgemap, pointing to a yellow Badge with two sliders on it.

We’ve got a fun contest to win a free 1-year Gold Treehouse account (worth $588). When we launch Treehouse you’ll be able to take Quizzes and do Code Challenges to unlock badges, to prove your knowledge.

To win the competition, all you have to do is guess the name of the Badge in the photo above and tweet out your answer. Make sure to include @treehouse in the tweet so we can find your entry.

We’ll choose one winner and the competition closes a midnight Thursday Nov 3rd.

Good luck!

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

  • http://twitter.com/chrice Chris Plowman

    Opacity?

    • http://twitter.com/AngelCeballos Angel Ceballos

      I would guess that as well, or equalizer (audio equalizer), or tone settings, opacity, transparency, and color adjustment?…

  • http://twitter.com/chrice Chris Plowman

    Opacity?

  • http://twitter.com/jamesckemp James Kemp

    Something about being dynamic or variable…

  • http://twitter.com/itschrisburton Christopher Burton

    User Interface?

  • http://twitter.com/itschrisburton Christopher Burton

    User Interface?

  • http://teamtreehouse.com Ryan Carson

    Good guesses so far. All will be revealed tomorrow :)

  • http://sami.io Sami Bashraheel

    HTML5 Slider?

    Example: 

  • http://sami.io Sami Bashraheel

    HTML5 Slider?

    Example: 

  • http://mrqwest.co.uk Anonymous

    CSS transitions?

  • İlker Güller

    Mobile slider with css 3

  • http://www.mrdocrock.com Doc Rock

    CSS Selectors

  • http://johnnnnny.com/ Kazuaki Matsumoto

    CSS3 Radial n Linear gradients with slider.

  • http://twitter.com/chrisimrie Christopher Imrie

    Has to be “Range inputs” surely?  For the …..?

  • Catalin B

    If i saw it on it’s own i’d say Advanced HTML Forms (it looks a lot like HTML 5 range input)…
    … but it appears to fall under CSS3.

    All the other icons seem to be CSS3 related: box radius, text shadow,   @ font face, opacity, backgrounds, transition, transform. So it has to be something about CSS (or CSS3). Something to do with RGBA colors or styling web forms.

    This is a hard one :)

  • Catalin B

    If i saw it on it’s own i’d say Advanced HTML Forms (it looks a lot like HTML 5 range input)…
    … but it appears to fall under CSS3.

    All the other icons seem to be CSS3 related: box radius, text shadow,   @ font face, opacity, backgrounds, transition, transform. So it has to be something about CSS (or CSS3). Something to do with RGBA colors or styling web forms.

    This is a hard one :)

  • Manik

    Definitely input=” slider” / css3!

  • ravidor

    setting? adjust?

  • http://twitter.com/unklellis Matthew Ellis

    Ninja hammers.

  • Anonymous

    Defrost toaster setting … ? Graphic Equalizer … ? Or Responsive / Reactive Web Design …? ;-)

  • http://twitter.com/ScottieJC ScottieJC

    I would say something to do with colour values maybe!

  • http://twitter.com/kevindees Kevin Dees

    It is a hexagon

  • http://twitter.com/kevindees Kevin Dees

    It is a hexagon

  • http://twitter.com/chrisobs13 Chris OBrien

    My guess is HSL

  • Abdulaziz Alzain

    Adjustments

  • Corey

    range

  • http://twitter.com/ChrisNager Chris Nager

    HSLA/RGBA

  • Guest

    TREEHOUSE IS CROWDSOURCING BADGE NAMES!!11!!11 SAY NO TO SPEC WORK!!111!

    • Catalin B

      :) )

  • Anonymous

    user adjustable css?

  • Anonymous

    Color Sliders

  • http://twitter.com/slicedodge Steve

    I’m going to guess CSS3 transitions.

  • http://twitter.com/davidsuermann davidsuermann

    absolute positioning

  • Matt

    HSL color / CSS gradients?

  • Anonymous

    HTML5 Forms

  • http://twitter.com/LMA_90 Luisangel Marquez

    HTML5 slider bar.

     
     
     
      HTML5 Slider 
     
     function showValue(num){
              var result = document.getElementById(‘result’);    
              result.innerHTML = num;
     }
     
     
     
     
     

  • http://twitter.com/LMA_90 Luisangel Marquez

    HTML5 slider bar.

     
     
     
      HTML5 Slider
     
      function showValue(num){
               var result = document.getElementById(‘result’);     
               result.innerHTML = num;
     }
     
     
     
     
     

  • H17737

    HTML5 sliders tweaking with CSS3

  • Jay

    If the meaning of the icon isn’t reasonably obvious to most users and requires guessing to figure out, my guess is it’s a poorly-designed icon. 

    • Anonymous

      I would imagine most of the icons will be re-enforced with their title as well. But you’re absolutely right… If the icon is so ambiguos it can have a competition surrounding the curiosity of its meaning, surely it then fails at its objective.

      • Getulio Romão Campos Junior

        Nice idea

    • http://twitter.com/jamesckemp James Kemp

      It’s a badge, not an icon.

  • Damon

    My guess would be HSL/RGBA colors.

  • http://twitter.com/emwhytee Yousuf Tafhim

    Audio Controls?

  • Ben

    I feel this could be user interface design

  • http://www.linkedin.com/company/web-promo webpromo

    It is a nice post.thank you.

  • Catalin B

    And the answer is?

  • http://twitter.com/dkbdevlab Donna Beger

    Who won?  What was the answer?

  • http://twitter.com/dkbdevlab Donna Beger

    Who won?  What was the answer?

  • http://twitter.com/dkbdevlab Donna Beger

    Who won?  What was the answer…. 

    I must have missed the announcement….

  • http://www.reklamaster.com/advertisement/libraries/defaults/webpromo-summer-offer.html вебпромо

    Amazing! Thanks for this post

  • http://www.keylogger.in monitoring tool

     which badge it is?

    • http://teamtreehouse.com Ryan Carson

      CSS3 Animations

  • http://www.keylogger.in monitoring tool

     which badge it is?

  • http://www.quality-web-programming.com/ CSur

    So finally who won the award and most importantly what is the answer ????? It is really confusing……..

    • http://teamtreehouse.com Ryan Carson

      The answer was CSS3 Animations :)

  • http://www.quality-web-programming.com/ CSur

    So finally who won the award and most importantly what is the answer ????? It is really confusing……..

  • http://www.logoblog.org Nora @Logo Design

    hmm… this is really difficult to answer all the badges correctly, bt i know some, i am gonna mail you!

  • shazeen

    css animations

  • http://twitter.com/jamesckemp James Kemp

    It’s a badge, not an icon.