Archiwum kategorii: Web Tools

A Slick Web-Based CSS3 Generator With Instant Previews

Post pobrano z: A Slick Web-Based CSS3 Generator With Instant Previews

CSS3 Generator is a free-to-use web-based application for styling an HTML element with CSS3 simply by playing with some settings.

The rules that can be changed includes border, border-radius, box-shadow, background gradient and opacity.

Almost each rule has optional and detailed settings like ability to define different border-radius values for each corner or selecting inset our outset shadow for box-shadow.

CSS3 Generator

The application instantly displays the output once any updates are made which is good for faster fine-tuning.

Once you feel satisfied with the result, CSS3 Generator creates the CSS code with detailed comments.

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)

StackLayout – Flexible & Modular CSS Layouts

Post pobrano z: StackLayout – Flexible & Modular CSS Layouts

StackLayout is a CSS framework which supports both fluid and fixed-width layouts.

Compared to many popular grid systems, it only uses 12 class names in total and makes use of inline-block CSS property rather than floats.

StackLayout CSS Framework

Stacks can be nested infinitely which helps creating complicated layouts easily.

The framework has a component (a CSS file) which eases building cross-device compatible versions of websites.

StackLayout is compatible with most of the browsers, few old ones has some issues which can be fixed with the help of the documentation provided.

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)

Illustrator-Like Warped Text With Pure CSS & HTML: CSSWARP

Post pobrano z: Illustrator-Like Warped Text With Pure CSS & HTML: CSSWARP

CSS3 enables us to transform HTML objects in several ways and rotation is one of them.

CSSWARP is a free-to-use web application that enables us to warp text with drag 'n' drops and get the HTML-CSS output.

CSSWARP

The text, curve type and font can be customized (fonts can also be selected from Google Fonts).

After the warp effect is created, the HTML-CSS to be used can be instantly generated.

P.S. It is also possible to include/exclude browser-specific CSS rules.

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)

jQuery File Upload Plugin With Drag ‘n’ Drop Support

Post pobrano z: jQuery File Upload Plugin With Drag ‘n’ Drop Support

jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.

The plugin is based on open standards like HTML5-JavaScript and doesn't use Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.

jQuery Drag Drop File Upload

Multiple files can be selected, they can even be drag 'n' dropped from the desktop and the upload process can start automatically or with an event (like clicking the "upload" button).

A progress bar can display the status and uploads can be canceled anytime.

It is possible to use multiple instances of the plugin in the same page and jQuery File Upload is compatible with any server-side application platform.

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 Complete CSS Framework – Not Just A Grid

Post pobrano z: A Complete CSS Framework – Not Just A Grid

Not Just A Grid is a CSS framework that has styles for multi-column layouts, typography, forms, tables and user experience enhancement (pagination and alert boxes).

It is more focused on websites with larger widths in parallel to the trends and makes use of CSS3 for progressive enhancement + better user experience.

Not Just A Grid

The framework is modular as every part comes in separate stylesheets and the most important part of it; "layout" is only 1kb.

Also, the layout is not fluid. Rather, there are 4 hard-coded widths (960px, 100px, 1380px, 1500px) where all supports 1 to 6 column layouts.

It comes with demos for every module and it is very well documented.

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 Fun Way To Display Password Strength: Naked Password

Post pobrano z: A Fun Way To Display Password Strength: Naked Password

Naked Password is a jQuery plugin which helps encouraging web users to enter stronger passwords, in a fun way.

With a single-line-function, it adds a notification to any password field where a pixelated-lady gets naked according to the password entered.

Naked Password jQuery Plugin

A very good thing about how the plugin functions is that it doesn't require that much of an extra space to notify users. So, it can fit to many live forms without breaking anything.

Also, the images displayed can be changed with any others if you prefer to keep the site not-naked : ).

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)

Manage HTML5 Canvas Easily – jCanvaScript

Post pobrano z: Manage HTML5 Canvas Easily – jCanvaScript

jCanvaScript is a JavaScript library that comes with methods to controlling HTML5 canvas in a less-complicated way.

The library is completely object-oriented and besides the canvas context, it provides access to mouse/keyboard events, drag 'n' drop and object animation.

jCanvaScript

Creating new objects is very straightforward with various built-in objects like .circle(), .rect(), .image(), and much more.

Also, there is a huge set of functions that can complete almost any possible action within a single line.

jCanvaScript is very well documented and comes with examples for every feature.

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)

IconDemon Giveaway – Winners Announced

Post pobrano z: IconDemon Giveaway – Winners Announced

IconDemon LogoLast week, the giveaway of 5 Annual Memberships for IconDemon was announced at WRD.

The winners are selected today and announced at the bottom of this post. But, before that:

 

What is IconDemon?

It is a website that has 5300+ exclusive icons that are designed by their talented designers and can be downloaded by the subscribers for a good price.

IconDemon

The icons are presented with 20 categories (like business, system or line icons) and 10 design styles (like 3d, pixel or vista icons) that help finding the right ones quickly.

The winners

There are 2 types of memberships given away for these high-quality web icons:

  • 2*Unlimited – any number of icons can be downloaded (priced $99/year)
  • 3*Limited – 500 items can be downloaded (priced $19/year)

IconDemon Social Icons

And here are the winners:

  • mbc (comment #294288) – unlimited membership
  • Jade (comment #296916) – unlimited membership
  • Daniel Fenn (comment #294436) – limited membership
  • Florian Koerner (comment #294125) – limited membership
  • Kamran Arasteh (comment #295591) – limited membership

Congratulations to the winners and thanks to everyone for joining it.

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)

MooTools SlideShow – A Highly Extensible Content Slider

Post pobrano z: MooTools SlideShow – A Highly Extensible Content Slider

MooTools SlideShow is a flexible class for the popular JavaScript framework for managing transitions of elements that share the same space like slideshows, tabs or galleries.

It comes with 19 out-of-the box transitions and 12 CSS3-powered transitions which can be used for modern browsers.

MooTools Slideshow Class

The class can autoplay items, display them in the reverse order or can be triggered to load the previous, next  and any specific item.

There are also multiple callbacks provided including onPlay, onPause, onShowComplete and onShow.

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)

IconDemon – 5300+ Exclusive Icons (5 Annual Memberships Giveaway)

Post pobrano z: IconDemon – 5300+ Exclusive Icons (5 Annual Memberships Giveaway)

IconDemon, a website focused on creating and offering eye-catching + exclusive icons, is giving away 5 annual memberships (3*$19 memberships and 2*$99 memberships) to WRD readers.

Joining the giveaway is very easy and details can be found below. Before that:

What is IconDemon?

IconDemon is designing and presenting 5300+ high-quality stock icons where it is possible to find items for any taste.

IconDemon

The icons are presented with 20 categories (like business, system or line icons) and 10 design styles (like 3d, pixel or vista icons) that help finding the right ones quickly.

All these web Icons are available in .PNG format with multiple sizes (64×64px, 80×80px, 100×100px and 128×128px).

IconDemon Icons

There are 2 membership types offered:

  • Unlimited – any number of icons can be downloaded (priced $99/year)
  • Limited – 500 items can be downloaded (priced $19/year)

where both can be a good fit/deal according how frequently you use icons.

IconDemon Icons

How to join the giveaway?

It is so easy. Just leave a comment to this post mentioning "how you would like to apply the icons in your websites or applications".

Winners will be selected from commenters randomly with the query below (first 2 results gets the unlimited licenses and the other 3 is getting the limited licenses) and announced 1 week later (28 Feb 2011):

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

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)