The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

CSS/CSS3

CSS/CSS3 Category

CSS3 Social Button Set – Zocial

Zocial is a CSS3 button set with 42 social icons. It’s image-free, small and easy to use.

zocialbuttons CSS3 Social Button Set   Zocial

CSS3 buttons have a number of obvious advantages in comparison to image buttons:

  • Editable labels;
  • Smaller bandwidth consumption;
  • Graceful degradation;
  • Editable size;
  • etc.

The buttons are lean and clean and are clearly a professional work that *will* look good in most pages.

There’s no license to them, but Sam Collins, the author, notes that the buttons are free to use and edit — even for commercial projects.

Server-side CSS Preprocessor – PCSS

PCSS is a server-side CSS preprocessor that enhances the functionality of CSS and makes it easier to write slim and effective code.

pcss Server side CSS Preprocessor   PCSS

PCSS runs on PHP (server-side), and enhances the functionality of CSS by adding variables, pre-defined constants, and browser detection to CSS.

PCSS also offers short forms of numerous CSS properties, and minifies the written code in the end.

Overall, this library is potentially useful for most CSS designers, and the browser detection is really an ass-guard as it allows you to skip a lot of browser-specific code.

jQuery Animations With CSS3 Transitions When Possible – animate-enhanced

animate-enhanced is a jQuery plugin that’s used in place of jQuery’s $.animate().

animateenhanced jQuery Animations With CSS3 Transitions When Possible   animate enhanced

The plugin detects CSS3 transition support and enables hardware acceleration when possible for a rather large performance boost on WebKit-supported browsers.

Along with CSS3 detection, animate-enhanced introduces several useful features:

  • Animation ‘queue’ support;
  • Relative value support for animations;
  • Easy-to-use callbacks;
  • etc.

 

Automatically Refresh Saved CSS – CSSrefresh

CSSrefresh is a small JavaScript library for monitoring changes to your stylesheets and automatically updating them.

cssrefresh Automatically Refresh Saved CSS   CSSrefresh

CSSrefresh is rather similar to livecss we’ve covered a year ago, but CSSrefresh, uh, has a website.

Both libraries don’t support loading external CSS, so are only viable within a server environment (then again, there are few who design through the main box).

Although it offers nothing nothing new, this library has some repost value as it’s just so convenient to use a library like this.

    Mobile-Optimized Web Apps With Less JavaScript – iUI

    iUI is a Javascript/CSS/HTML5 framework for developing user interfaces for the iPhone and similar devices (not limited to iOS).

    IuI Mobile Optimized Web Apps With Less JavaScript   iUI
    iUI employs “presets” or default styles and themes to minimize coding, and allow creating webapps and websites within no time.

    iUI is both a light and powerful navigational framework, aimed to people who don’t need the latest features (id est, JavaScript) for their websites, and want to create simple, yet sexy-looking mobile websites.

    Responsive Framework With a 12 Column Grid – MQFramework

    MQFramework is a responsive CSS framework with a 12 column grid system.

    MQFramework Responsive Framework With a 12 Column Grid   MQFrameworkThe framework is made for five different resolutions, and simply stacks up columns one under another on mobile screens.

    There are two versions available: fluid and fixed (no explanations are needed hopefully).

    MQFramework is easy to customize and comes with a typography stylesheet that’s easy to update.