Category Archives: Website Resources

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

Posted on by
Reply

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

Posted on by
Reply

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)

Create Secure Forms & Manage Them Easily: Ajax Form Pro v2 (3 Dev. Licenses Giveaway)

Posted on by
Reply

Advertise here with BSA


Almost every website needs a form. Whether it is for asking visitors to contact you, an online job application or an event registration.

Also, forms need to be secure, user-friendly and the data collected must be reachable for analyzing/responding easily.

Ajax Form Pro, a professional and downloadable PHP application, which was featured before, now has a new version with more features and they are giving away 3 Developer licenses ($67/each) and offering a 20% discount to WRD readers.

Joining the giveaway is so easy, details are mentioned at the bottom of this and here is more information about the app:

Ajax Form Pro Admin Interface

The application has an administration panel for creating a form with:

  • any input types (including file uploads)
  • settings like the text to be displayed (or redirection to any URL) after submission, if the contents of the form will be e-mailed to anyone..
  • custom styling and layout
  • captcha enabled or not

and allows us to integrate it into web pages either with the generated PHP code or via an iframe.

Form can be styled either with the settings provided or using a custom CSS for advanced/complete styling.

Ajax Form Pro - Sample

It is created with usability in mind; the validator is real-time, works as-you-type, forms degrade gracefully for users without JavaScript and an option exists for displaying them inside a lighbox (so you can provide a link to anything which will display the form without leaving the page).

To sum up, Ajax Form Pro is a so useful application not only for creating secure forms but also for keeping/reaching the data collected in a single, organized interface.

A discount for WRD Readers

Ajax Form Pro is offering a 20% discount to WRD readers with the coupon code AFPWRD (which is valid for the next 2 weeks).

Here are the shortcuts to the pages for using the coupon codes:

How to join the giveaway?

In order to get a chance win one of the 3 Developer Licenses, simply comment to this post and winners will be selected randomly with the query below on 8 February 2012 (1 week later):

SELECT * FROM wp_comments WHERE comment_post_id=2779 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck to everyone.

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)

Open Source PHP E-Commerce Framework: Enlight

Posted on by
Reply

Advertise here with BSA


Enlight (English version exists) is an open source framework, based on Zend and Symphony 2, for creating e-commerce applications easier and faster.

It is built by the experienced e-commerce company Shopware and also powers the base behind their commercial product.

The framework has lots of components that can bring any type of apps to life including: database connection, authentication, form handling, datagrid, navigation, e-mail delivery and more.

Enlight E-Commerce Framework

Besides the frontend, a base with similar features exist for the backend where both parts can be improved with the help of a plugin system (a bootstrap file is provided for creating new plugins).

Enlight is not a direct competitor to any ready-to-use e-commerce system but a starting point for anyone looking to develop custom ones.

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)

ChiliProject – Open Source & Ruby on Rails-Powered Project Management App

Posted on by
Reply

Advertise here with BSA


ChiliProject is an open source project management application that helps tracking many aspects of a process.

It is built with Ruby on Rails on top of the popular Redmine (was shared at WRD) by the long-standing community members/contributors of it and follows a different roadmap.

The application has features for project and milestone planning (roadmap), ticket-based issue tracking, document management (including version control -Subversion or Git- for software projects) and time tracking to calculate costs.

ChiliProject

ChiliProject notifies team members about the activities via e-mail and further notifications exist by simply subscribing to a project's activity feed.

In order to document the details/knowledge, there is a built-in wiki. Also, a forum exists for discussions with users other than the team members.

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)

jOrgChart – A Plugin For Creating Interactive Organization Charts With jQuery

Posted on by
Reply

Advertise here with BSA


Tree menus are great for displaying nested data in a user-friendly and easy-to-browse interface.

jOrgChart is a jQuery plugin which converts nested unordered lists into tree menus but with an organization chart-like output.

jQuery Organization Chart Plugin

It has support for any depth, clicking each item can show/hide the sub-levels and drag 'n' dropping elements from one node to another is possible, the interface will adjust the levels accordingly.

There is no limit in the contents to be used inside each item, any HTML elements are supported (except  <ul> and <li>) and the plugin is so handy for visualizing hierarchical data (org. chart, family tree, computer network, etc.).

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

Posted on by
Reply

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

Posted on by
Reply

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)

A Single-File-Script For PHP Debugging: PHP Bug Lost

Posted on by
Reply

Advertise here with BSA


PHP Bug Lost is a free and open source script for debugging and monitoring PHP code.

It is a one-file-script, works by inserting a function inside web pages and displays the information in a console window right over the web page.

PHP Bug Lost

The script can present custom logs, SQL queries, variables, Ajax queries and measure loading times + CPU/memory usage.

PHP Bug Lost is not only built to be used in the development environment but it can also be set to auto-send e-mails when any of the monitored data is over or below the expected values.

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

Posted on by
Reply

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)