Internet Self Improvement

Learning To Code Becomes More Fun As Codecademy Reveals New Design

Saikat Basu 26-04-2014

Codecademy just pressed enter on a complete makeover. Learning how to code? Visit the popular programming language learning platform and test the completely new look. What you get to see is a more unified “visual language” across all the different areas of the site – from the layout to even the business cards, postcards, and posters. But what does the new layout do for you, the user?


The new Codecademy layout is fresh and responsive – so in essence it works across all devices. When you are learning code-dense languages like Ruby, Python and JavaScript it makes sense to have a pleasing “environment” all around. It makes learning fun, and Codecademy’s new design caters to that appeal. The typography is lean and minimal. The color palette is soothing and uniform across the site. For example, teal is used sparingly but it highlights the key areas where you need to click.

The critical area – the methodology of learning how to code has undergone a change. You can still follow the linear approach of learning a language by starting at the first step. But now, you can also quickly use a “project” to learn coding while doing something useful with it (as the screen below shows).


Codecademy says –

The first fruits of this effort are an experience that gets you from knowing nothing to building a website — in this case, Airbnb’s homepage. Along the way, you’ll experiment with blocks of code, see the results of adding and subtracting different parts of a page, and use the real terminology that developers and designers all over the world over use to create websites just like Airbnb’s.

Students and learners can build a portfolio of projects and showcase it with the help of the site. All your projects will exist under the “Learn” tab on the site. A new feature called Codebits, will also enable learners to share completed projects with the rest of the community.


Looking for inspiration? Hear about Tommy Nicholas and how he started his coding journey. He built Coffitivity which made TIME Magazine’s Top 50 websites in 2013.

Dive into Codecademy and tell us if you love (or hate) the new experience. If you are interested to learn more, the Codecademy blog also chronicles the entire redesign process.

Source: Codecademy Blog via The Next Web

Related topics: Education Technology, Programming.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Zak Dwyer
    June 8, 2014 at 9:25 pm

    I love Codecademy, but the redesign hurts my eyes. The thin fonts with low contrast are difficult to read, some buttons are now empty boxes with thin borders that make the content hard to discern, and the top line height of the button font is off to the point where it shoves it down and off center. You'd expect a site that teaches coding to have in mind basic design principles. With that said, its previous design was perfectly fine, and had enough color and defined separation of content to help the user move their eyes across the page.

    Please don't misuse flat design, web devs. Just because companies like Spotify are jumping on the minimalist, thin bandwagon doesn't mean that you have to.

    • Saikat B
      June 9, 2014 at 4:49 am

      Thanks for the feedback. Yes, the previous design was fine but I suspect the move to the flat design model also has to do a lot with responsiveness across devices. While flat design is simpler technically and swifter SEO-wise --it requires fewer images and less-complicated coding, resulting in a faster site--it does add challenges, such as color and typography selection.

  2. Ramu
    April 30, 2014 at 8:57 am

    Code cademy is really great and awesome!!
    I learnt JavaScript and Jquery from the site..
    Kudos to the developers!!!!!

    • Saikat B
      April 30, 2014 at 10:41 am

      I am on one of the courses myself :)

  3. Caroline W
    April 27, 2014 at 5:33 pm

    First of all, I really like the projects in the screenshot, it would be fun to make a webpage as well as animating your name. I do get worried about the amount of code languages out there and wouldn't have a clue which one to pick to start learning. Coffitivity is great! I use it a lot when I need to shut the world out and write a story, plus it is true that it helps with productivity. The only reason I haven't tried Code Academy is because of the fore mentioned amount of languages, I guess I'd need a reason and a goal to decide which one I'd go for but as of yet I don't. But I'd love to try the projects out, they seem a fun thing to do.

    • Saikat B
      April 27, 2014 at 5:37 pm

      That was one of the motivations behind the redesign. We have a much sense of direction when there's a purpose. The little projects help a lot with that.

  4. Vaibhav
    April 27, 2014 at 10:45 am

    Been using codecademy since long! Long live the living developers!

    • Saikat B
      April 27, 2014 at 12:16 pm

      What are you learning? Did you start from scratch?

  5. A41202813GMAIL
    April 27, 2014 at 7:11 am

    2 Things Computer Language OnLine Teaching Sites Need Checking To Attract A Lot More Clicks:

    A - The DUOLINGO Kind Of Approach, And,

    B - JAVA ( Besides JAVASCRIPT ).


    • Saikat B
      April 27, 2014 at 12:16 pm

      I think it's getting there with A. Codeacademy has a mobile app. Learning in chunks in our downtime is something that smartphone apps allow us to do. Of course, Duolingo is great.

    • A41202813GMAIL
      April 28, 2014 at 5:08 am

      Each Time I Visit DUOLINGO Their Language List Has Expanded Even Further.

      Thank You For Responding.

  6. Enes I
    April 26, 2014 at 11:52 pm

    Motivacion, dedication and hard work is the key to success... Of course and our imagination to create things that we imagined ...

    • Saikat B
      April 27, 2014 at 12:14 pm

      Motivation...that's the most important one. It takes care of the rest.