written on:7 Dec, 2009 by Alen Grakalic

Introducing Easy front-end framework

Delicious StumbleUpon Reddit Subscribe

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!

About the author

cssglobe's image

Designer, developer and a passionate standardista. Long time web professional with huge experience in all types of front-end work. Founder of Css Globe and creator of Easy front-end framework.
To get in touch, visit Alen's personal page, follow Alen on Twitter or become a Facebook friend.

Enjoyed the article?

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

Delicious StumbleUpon Reddit Subscribe

Read more! Here are our most recent articles:

View All Articles

Comments

  1. cancel bubble 7 Dec, 2009

    What are the supported browsers?

  2. cssglobe 7 Dec, 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 7 Dec, 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 8 Dec, 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 8 Dec, 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 8 Dec, 2009

    Pretty sweet, but what I am missing is keyboard support for the menu and the popups.

  7. Evert 9 Dec, 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 9 Dec, 2009

    Is it Fully JS dependent. IS it WCAG compliant and screen reader compatible?

  9. cssglobe 10 Dec, 2009

    No, it's not JS dependent. All content is accessible with JS turned off.

  10. jitendra 11 Dec, 2009

    Why you are using XHTML 1.0 Transitional why not XHTML 1.0 Strict or HTML 4.01 Strict?

  11. Ibrahim 11 Dec, 2009

    Hi Allen,

    Congrats on launching this framework. I am downloading it and giving it a try :)

    Cheers

  12. wow 11 Dec, 2009

    Is it unit tested?

  13. Elmer|Digital Room 11 Dec, 2009

    Looks like this will be very helpful. What are the other requirements to use this?

  14. james 14 Dec, 2009

    What are the supported browsers?

  15. Catherine Azzarello 16 Dec, 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 16 Dec, 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, further comments are disabled for this post.

CSS Globe is a web design magazine brought to you by Alen Grakalic and kept fresh with member contributed news and exlusive articles.

CSSG Ads

Useful Links

Friends