posted on:December 7, 2009

Introducing Easy frontend framework


Today I am happy to introduce the Easy front-end framework. Easy is CSS/HTML/JavaScript framework designed to reduce the amount of time needed for converting the design into HTML as well as to provide a rock-solid base for further site development.

Easy screenshot

This framework started as a personal project and then grew into something more. I needed a way to avoid the repetitive initial steps when starting to code the design so I slowly put the pieces of this framework together.

Easy is more than just a pure CSS layout or grid framework. It includes very useful set of built-in jQuery powered functions that are extremely easy to use. That is probably most interesting feature of Easy, because now you can avoid adding numerous plugins and scripts to perform simple tasks. You have it all within Easy.

Easy basically consists of 3 parts:

  • basic CSS styles and layout setup
  • library of precoded HTML content blocks (this library is still very small but it will grow in time)
  • built-in set of interactive functions like popups (modal windows), form validation etc…

To get to know this framework better, please visit the website, read the documentation page. You can even book a 1-on-1 session with me and I will guide you through it.

Easy logo

Next couple of articles on CSS Globe will be dedicated to Easy, to teach you how to use it, speed up and simplify your coding process. Stay tuned!

Enjoyed the article?

Then don't miss our next one! Subscribe to our RSS feed or share it with your friends.

DeliciousStumbleUpon RedditSubscribe

Comments (16 Comments)

  1. cancel bubble
    December 7, 2009

    What are the supported browsers?
  2. cssglobe
    December 7, 2009

    I tested it on ie 6, 7, 8 Opera 9.3+ Safari, FF (win and Mac) and Chrome. Let me know if you find any errors. I need more eyes on it.
  3. papaman
    December 7, 2009

    wow this is awesome! Great work so far. I tested it and I love easy.form. That will save hours of development. I would love to see some more form layouts.
  4. Evert
    December 8, 2009

    Why do we need to keep the url intact and may not use it for template build for distribution? I find that strange.
  5. cssglobe
    December 8, 2009

    Evert, this is not an open source project. I am offering a way for everyone use it for free but as the guy who spent countless hours working on this I am entitled to try and make something out if it.
  6. Chris Heilmann
    December 8, 2009

    Pretty sweet, but what I am missing is keyboard support for the menu and the popups.
  7. Evert
    December 9, 2009

    Hi Alen, I am not trying to offend you. Was to quick with writing my comment and understand why you've got these limitations. I'm sorry. Keep up the good work! Evert
  8. jitendra
    December 9, 2009

    Is it Fully JS dependent. IS it WCAG compliant and screen reader compatible?
  9. cssglobe
    December 10, 2009

    No, it's not JS dependent. All content is accessible with JS turned off.
  10. jitendra
    December 11, 2009

    Why you are using XHTML 1.0 Transitional why not XHTML 1.0 Strict or HTML 4.01 Strict?
  11. Ibrahim
    December 11, 2009

    Hi Allen, Congrats on launching this framework. I am downloading it and giving it a try :) Cheers
  12. wow
    December 11, 2009

    Is it unit tested?
  13. Elmer|Digital Room
    December 11, 2009

    Looks like this will be very helpful. What are the other requirements to use this?
  14. james
    December 14, 2009

    What are the supported browsers?
  15. Catherine Azzarello
    December 16, 2009

    Thanks, Alen! Incorporating the JS is just what I need--that, and getting leaner and meaner with CSS. Going to give it a go with my next site.
  16. Rory
    December 16, 2009

    Good foundation, I like the js integration. I have something similar i've put together over the years, definitely helps speed things up. One comment I have though... Why use cryptic class names? It's particularily frustrating and confusing. - Left? Left what? Oh right, floatLeft. - main? Main what? Oh right, mainContent. - secondary? Secondary what? Oh right, rightColumn. - nav? Which Nav? mainNavigation, leftNavigation, footerNavigation? - cols, col? Col what? Column? Columns? Oh right. Plain text goes along way for usability by developers, not only when adopting frameworks, but learning them. Cheers.

Sorry, the comment form is closed at this time.