Monthly Archiv: April, 2011

Speakker – An Attractive HTML5 Audio Player

Advertise here with BSA


Speakker is an open source and customizable HTML5 audio player that can be inserted into any web page with a few lines of JavaScript.

It is very flexible; dimensions can be changed, unlimited colors can be used and there are 2 built-in button themes.

Also, you can select between 2 player types, mini or big where the big version also enables users to control a playlist.

The project uses the Projekktor's core and has other features like Flash-fallback, shuffling, a customizable interface and much more.

Speakker HTML5 Audio Player

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)

CSS3 Buttons – 10+ Awesome Ready-To-Use Solutions (+All Related Tutorials You Need)

Advertise here with BSA


For years, it was images or JavaScript that usually helped us to create non-standard and attractive buttons.

With the getting-wider support for CSS3 features and stable resources that can CSS3-enable non-compatible browsers, there are no obstacles left for using CSS3 buttons.

Using CSS3 properties, there is a huge space of creativity for designing buttons; using border-radius for rounded corners, linear-gradient and box-shadow for creating depth, transitions for the animations and more.

Here is a list of 10+ nicely-coded and creative CSS3 buttons where you can use or get inspired. Also, you can find all other CSS3-buttons related resources that can help you to create better ones at the end of the article.

CSS3 Buttons With Simple Markup

CSS3 Buttons

A set of 18 buttons that are created with a simple markup as much as possible.

While 3 of them are WebKit-only, the other are compatible with all modern browsers.

GitHub-Style CSS3 Buttons

GitHub Style CSS3 Buttons

This is a simple CSS framework for creating GitHub-style buttons.

The buttons can have rounded corners and icons (a CSS sprite with a list of icons exist).

Zardi

Zardi CSS3 Buttons

Zardi is a ready-to-use CSS file for creating buttons in various shape and colors.

The file is sized ~4kb, however, using only the styles needed will help minimizing it.

Super Awesome Buttons with CSS3 and RGBA

CSS3 RGBA Buttons

These CSS3 buttons make use of box-shadow and border-radius CSS properties to create the look.

BonBon Buttons

CSS3 BonBon Buttons

BonBon buttons easily deserve the name they have with the shiny, 3D feel created.

After a standard CSS rule, they are customized with multiple CSS classes and buttons can be used with or without icons.

Fancy Buttons

Fancy CSS3 Buttons

The styles for Fancy Buttons are written with SASS but the source can be found easily in the demo page.

10 Nice CSS3 Buttons

Nice CSS3 Buttons

A set of 10 CSS3 buttons that offers a different option for every taste.

They make use of linear-gradient, box-shadow, border-radius and more.

CSS3 Animated Bubble Buttons

Animated CSS3 Buttons

A set of very chic and animated buttons that uses multiple backgrounds and transitions.

Pretty CSS3 Buttons

CSS3 Pretty Buttons

A slick button that uses RGBA, border-radius, box-shadow and linear-gradient.

We Love Buttons

We Love Buttons

A great set of buttons where most of them are only compatible with WebKit browsers.

They are created by different designers and the resource was shared previously at WRD.

Sexy Buttons

Sexy CSS3 Buttons

This is a HTML-CSS framework for creating buttons that can auto-grow, have icons and can use either <button> or <a> elements.

Also, a layered Photoshop template is provided for creating new skins.

Realistic CSS3 Buttons

Realistic CSS3 Buttons

A very good implementation of CSS3 buttons where the buttons can adapt to text with flexible widths.

Like every other CSS3 solution, they have issues with some browsers but offers a very clean and realistic experience.

Other CSS3 Buttons Resources

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)

AceProject: An All-In-One Project Management Application

Info: This is a review of a paid application.

As a part of a project, knowing your tasks and completing them on time, collaborating with the team members, reaching the necessary documents and analyzing the time/effort spent on a project, using a project management application is definitely a "must". No matter you are a freelancer or a huge team.

AceProject is a professional project management application that can control simple to complex projects pretty easily.

It allows assigning multiple users to a project (each having their own access rights), creating tasks (and task groups for a better categorization), setting the details of the tasks and assigning them to users.

AceProject

Tasks can have almost every detail you may need where you can decide which ones to use according to the complexity of them, like:

  • status, percentage of completion, priority
  • estimated completion time
  • hours worked
  • dependencies with other tasks
  • and more..

In order to have a snapshot of the project, AceProject can instantly generate Gantt charts and a calendar-view using the data in these tasks.

Documents are an important part of a project and the application manages them very well. Unlimited number of documents can be added, attached to tasks and they can be marked as private or public.

A nice feature is "versioning" of the documents so you'll know who edited the document and reach the past versions. Also, it is possible to "lock" documents to protect them from being edited or deleted.

AceProject Snapshot

For a company who charges by hours, timesheet management is very important. AceProject can handle this automatically with the help of a "time clock" where users just push when starting and stopping a task. Rest is handled with the system. And, manual updates are always possible.

As a group of users will be collaborating on the same project, getting notified on actions important for your workflow is necessary. AceProject sends e-mail notifications on such events (a task being assigned, timesheet approved, etc.). Also, it lets you know when a task is "soon due" to help preventing any delays.

There is a built-in per-project-forum to discuss any details and an integrated mailbox to see the messages received from the system and project users.

AceProject comes with many other features including mobile-access for all major smartphones, ability to brand the application, API support for 3rd party product integration and much more.

The project management software has various plans that can meet the requirements of any team. And besides the paid plans, there is a free plan provided which can be enough for a small project team.

P.S. There is also an "Intranet Package" for anyone who wants to install the application to their own servers.

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)

Maqetta – Open Source & Web-Based WYSIWYG Editor For Creating HTML5 Interfaces

Maqetta is a web-based WYSIWYG application which focuses on easing the process of creating HTML5 web pages.

The project is open source, does not require any plugins to run and can be used as a hosted service or by installing locally.

Its interface works with drag 'n' drops, there is support for desktop-like functions like undo/redo, preview in browser, save/save as and much more.

Maqetta HTML5 WYSIWYG App

This version of Maqetta has the best support for Dojo library and enables you to insert the widgets/controls (like buttons, accordion menus, calendar, etc.) of the library instantly.

The application makes getting feedback for the pages developed easier with the ability to create multiple reviews (for ex: for each version). The developer simply selects the pages to be reviewed and the system automatically sends e-mail invitations to reviewers. And, reviewers can either share their thoughts as text comments and/or on-screen graphical annotations (rectangles, ovals, arrows and text).

Maqetta has much more integrated features like the ability to create wireframes with the help of a sketch theme, mobile authoring tools and more.

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)

Powered by Gewgley