Logo

carmel hassan

Designing and developing HTML5+CSS3 webistes and mobile apps

In my previous post “CSS3 Tools“ we saw I few well-known websites which provides frameworks and tools to start with CSS3.

Here, I’d like to complete and extend that list with more useful frameworks, libraries and other assets to play with the new version of the html markup. 

Applications

  • Visual Web Developer 2010 Express
  • Dreamweaver CS5.5 (Dreamweaver Mobile Center)
  • Adobe Edge 
  • Maqetta
  • Aptana

Libraries

  • Modernizr
  • Selectivizr
  • xui

Frameworks

  • Compass
  • Firework CSS3 Mobile Pack
  • PhoneGap
  • Sencha
  • jQuery Mobile

Helpers

  • Sass
  • Less

Documentation and Books

  • CSS3 Standard
  • HTML5 and CSS3 for Web Designers
  • HTML5 24-hour Trainer
  • Dreamweaver CS5.5 Mobile and Web Development with CSS3, HTML5 and jQuery

I’ll update with more resources soon, just keep tuned.

      • #html5
      • #css3
      • #resources
      • #tools
      • #link
    • 7 months ago
    • 21
    • Comments
    • Permalink
    • Share
      Tweet

    CSS3 Tools

    Digging into web and gathering recommendations, I’ve created this post with a set of tools for CSS themer who wants to develop with the latest version of cascade style sheets CSS3.

    Hope you find them useful, too.

    Modernizr 

    Open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

    Selectivzr

    JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

    CSS3.Me and CSS Generator

    CSS3 Generator helper tools.

    CSS Template layout mode

    This specification is part of level 3 of CSS (“CSS3”) and contains features to describe layouts at a high level, meant for tasks such as the positioning and alignment of “widgets” in a graphical user interface or the layout grid for a page or a window, in particular when the desired visual order is different from the order of the elements in the source document.

    Font Dragr

    A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

    Compass and Sass.

    Compass is an open-source framework that uses Sass.:an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.

    CSS3 Cheat Sheet.

    A complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification.

      • #css3
      • #tools
      • #resources
      • #web design
    • 7 months ago
    • 23
    • Comments
    • Permalink
    • Share
      Tweet

    Usability Toolkit

    Templates, forms, and checklists ready to use for conducting usability tests, and user interviews. 

      • #resources
      • #toolkit
    • 7 months ago
    • 11
    • Comments
    • Permalink
    • Share
      Tweet

    Portrait/Logo

    Designer for Interaction and User Experience.

    Currently working as a Design Lead in CSC Healthcare Group.

    Some personal words from Una Mala Idea, crazy on running, singing and rearranging furniture in home.
    • about me

    Me, Elsewhere

    • @karmel on Twitter
    • Facebook Profile
    • reinamora on Youtube
    • karmel on Foursquare
    • Google
    • Linkedin Profile
    • RSS
    • Random
    • Archive
    • Ask me anything
    • Mobile

    Effector Theme by Carlo Franco.

    Powered by Tumblr