Which CSS3 Properties Does Your Browser Support? – The CSS3 Test

Advertise here with BSA


The CSS3 Test is a web-based test suite for finding out which CSS3 properties are supported by the browser being used.

It checks many features like backgrounds/borders, transitions, media queries, fonts, animations and much more.

Multiple testcases are ran on each element and this can be displayed by simply clicking to items.

The application is a must-bookmark to quickly check the issues on each property for shaping our styles accordingly.

CSS3 Test

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Generate A Base CSS From HTML – Bear CSS

Advertise here with BSA


When creating/designing a web page, we either start with the HTML, build the structure and style it later or style-while-structuring.

If you design with the 1st approach and bored of creating a CSS file with copy-pasting all those class + id names, here is a quick solution:

Bear CSS is a free-to-use web application that generates a stylesheet with all the elements, ids and classes from a given HTML file.

The app is mostly useful for projects with a pretty long HTML and it would be better if Bear CSS had asked which items to include inside the stylesheet just after the upload -feature request : )-.

Bear CSS

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

PICOL – 500+ Mono-Colored Icons In Vector

Advertise here with BSA


PICOL (Pictorial Communication Language) is a project to find a standard + reduced sign system for electronic communication and comes with a set of 500+ icons for that.

Items in the set are mono-colored and has 3 versions: 16*16px PNG, 32*32px PNG and SVG.

There are some badge icons inside the set (like accept, edit, delete) for adding an action message to icons.

Also, a web-based generator helps creating a custom icons in any size with the desired badge.

PICOL Icons

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Semantic CSS Buttons Powered With @font-face Icons – Zocial

Advertise here with BSA


Zocial is a semantic set of CSS buttons (no images used) that are beautified with @font-face icons.

There are buttons for 40+ services including Facebook, Twitter, Google+, PayPal, LinkedIn and much more.

Each button can be displayed with or without text (only icons) and the HTML element wrapping them can be anything (which is nice for flexibility).

Zocial CSS Icons

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Create iOS App Icons Easier: App Icon Template

Advertise here with BSA


App Icon Template is an icon design toolkit for creating iOS application icons faster.

The kit includes a .PSD + .ATN (Adobe Photoshop Action) file where the .PSD comes with useful layers like the rounded corners, gradients and even various background textures.

App Icon Template

Smart objects are used to automate the generation of multiple sizes and, once the design is saved, the template instantly displays the same icon in multiple sizes.

The PS actions included generate every needed file, both in squared (no transparency, to be used in the app) and in rounded versions (for other design uses). The files are automatically named after the Apple HIG so they’ll be good to deliver instantly.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

HTML KickStart – A Frontend Skeleton For Creating Websites Faster

Advertise here with BSA


You'll remember the 2 previously shared and popular resources for quickly developing websites: Twitter Bootstrap and Foundation.

Here is a powerful alternative named HTML KickStart which is a HTML5, CSS and jQuery-powered toolkit for easily creating any type of layouts with web elements in-rhythm.

It has styles for grids, typography, forms, buttons, tables or lists and cross-browser eb elements like a JavaScript gallery, lightbox, breadcrumb navigation, menus with sub-menus and more.

HTML KickStart

HTML KickStart is focused on providing a clean, standards-compliant and cross-browser mark-up (for HTML,CSS and JS).

The project is documented in detail, has examples for all elements and it is improved regularly.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Responsive Grid Layouts Generator – Gridpak

Advertise here with BSA


Gridpak is an interactive web application for generating responsive grid layouts very quickly.

The width of the grid, number of columns, column padding and gutter width can all be defined which are standard features we have seen from several other layout generators.

Gridpak

It gets better with the ability of adding breakpoints for responsive outputs. You can change the size of the layout, click "Add break point" and there you have it.

Once you have setup the layout, a custom download is ready which includes:

  • a CSS file with all the classes and properties you need to create the responsive grid layout
  • a LESS file with much the same information but including variables, mixins and methods to help you.
  • an SCSS file like the LESS file, but in SCSS.
  • a semi transparent PNG image for each grid you have created to help with your design, or with lining things up in your front end.
  • a JavaScript snippet that allows you to toggle an overlay of your grid on and off in any browser using the 'G' key.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Colors: A JavaScript Library To Manipulate Colors

Advertise here with BSA


Colors is a standalone JavaScript library that comes with features to manipulate colors in multiple ways.

The library can handle multiple types of unit conversions including RGB to a Hexadecimal and Hexadecimal to RGB or HSV.

It can get the complimentary color of any Hexadecimal or RGB value and can generate random color values.

P.S. The library is still under heavy development and in beta phase.

Colors JavaScript Library

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Toolkit For Creating Facebook iframe Apps: Fbootstrapp

Advertise here with BSA


Fbootstrapp is a base HTML-CSS template for quickly developing Facebook iframe apps.

It is built on Twitter Bootstrap, has styles for typography, forms, buttons, tables, grids, navigation and much more which are all styled to fit Facebook's classic design.

The template supports both 520px + 760px sizes and includes JavaScript plugins (provided by the original Bootstrap) that would help providing Facebook-like interactions.

Fbootstrapp

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)