Category Archives: Uncategorized

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)

320 and up – A “Mobile-First” Boilerplate

320 and up is a CSS media queries boilerplate, a starting template for developing modern and responsive web pages, which follows a different approach then several other boilerplates.

As the starting point, it focuses on mobile and uses a tiny screen's stylesheet, so you won't have to load assets for desktop browsers.

320 and up

This tiny screen stylesheet contains only reset, color and typography styles. Media queries load assets + layout styles progressively and only as they’re needed.

320 and up contains 4 CSS3 media query increments: 480, 768, 992 + 1382px and there are 2 versions to choose from:

  • multiple linked stylesheets
  • single stylesheet with multiple media queries

The project can be used as an extension to HTML5 Boilerplate or as a standalone kit and it makes use of several well-known projects like Selectivizr, Respond.js and few others.

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)

Live.js: Auto-Refreshes Pages That Are Updated

Here is an amazingly simple and functional script that all web designers/developers will probably start using instantly.

Live.js, once included to a web page, auto-refreshes it automatically if there is an update to the files used.

Simply, when you are editing your HTML, CSS or JS code, your browser will always show the latest version of the page. No more manual refreshes.

Live.js

Updates to the CSS are applied instantly/dynamically and the ones for HTML + JS will refresh the page.

At the back-end, the script sends consecutive HEAD requests to the server and detects the updates with the help of the responses.

P.S. The same team also has a Firebug extension named Backfire that does a similar job for CSS files being edited via Firebug..

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)

[Free] New Scientific Calculator

A new scientific/programmer's calculator has been added to the Free Software Calculators: Scientific, Graphing, Statistical and Programmable Calculators page. It can handle algebraic expressions, has a whole range of built-in mathematical functions, and so on. This Windows calculator is also portable in the sense that you don't have to install it; that is, you can just copy it to a USB flash drive if you want, and it will work fine from there.

Ajax Form Pro: Flexible And Secure PHP Forms (5 Licenses Giveaway & Special Discount)

Ajax Form Pro, a professional PHP script for creating Ajaxed forms easily, is giving away 5 Extended Licenses ($47/each) to WRD readers.

There is also a special discount offered where all the details can be found at the end of this post.

What is Ajax Form Pro?

It is an advanced yet easy-to-use PHP script for quickly building Ajaxed and real-time validated forms of any type (like contact forms, employment forms, etc.).

Using Ajax Form Pro, it is possible to use every input type within the forms (textboxes, textareas, single/multiple selects, checkboxes, radios) and style them completely with CSS. Also, file upload feature is on the way.

The script can be used to create multiple forms on the same page or different pages

Ajax Form Builder

Every field is validated as-the-user-types where notifications are shown/hidden instantly. Like many other features, this is also optional.

For a minimized number of spam messages and a secure form, there is a flexible and built-in CAPTCHA.

Once a form is submitted, e-mails can be sent either with the mail() function or through SMTP. They can also be sent to the appropriate contacts depending on the category selected (or to multiple recipients without disclosing all the addresses to each one) and a copy can be e-mailed to the end-user.

It has ready-to-go creative uses like Lightbox integration and forms inside sliding interfaces (from top or left-side).

Ajax Form Pro is unobtrusive, will convert to a standard form if JavaScript is disabled and still function properly.

It is well-documented, comes with all the source code and has a full list of demos.

Simply, a handy resource that simplifies a time-consuming process and makes creating an unlimited number of forms for yourself and your customers a breeze.

The special discount

Ajax Form Pro is offering a 30% discount to WRD readers when the discount code "wrd" is used.

The code is valid by now and will be active only for few weeks.

How to win the licenses?

In order to win one of the 5 Extended licenses given away, simply comment to this post and winners will be selected randomly with the query below on 18 April 2011 (1 week later):

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

Good luck to all.

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)

jStat – A Statistical Library With JavaScript

jStat is a JavaScript library which enables you to perform advanced statistical operations without the need of a dedicated statistical language.

Simply, it focuses on being a real JavaScript-based alternative for languages like R and MATLAB.

The library is standalone, however, for the plotting functionality, it requires jQuery, jQuery UI and jQuery-flot plugin.

jStat

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)

Instant Pixel Patterns Generator – Patternify

Patternify is a free-to-use web application for designing stripe patterns without using any image editing application.

The pattern can be drawn pixel-by-pixel over a custom-sized canvas, where the design can be previewed live, with the colors and opacity wanted

Once it is complete, the output can be downloaded as a .PNG file or you can use the generated base64 CSS code instead.

Patternify also creates a unique link for each pattern design for easily sharing them with others.

Patternify

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)

Slider Kit – Multiple Slideshow Types In One jQuery Plugin

Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels and more.

It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard.

jQuery Slider Kit

There are lots of options provided like auto-start being on/off, animation types, navigation being an infinite loop or not, starting position of the slideshow and much more.

The complete skin of the slideshows can be customized with CSS and the plugin weights only ~8kb (minified).

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)

247 Awesome & Free Hand-Drawn Icons

177DESIGNS, a talented web design and development company, is sharing a beautiful set of free hand-drawn icons.

The set consists of 247 items, all of them designed in the same style and comes as .PNG files.

There are 2 sizes in the download package: 32*32px and 128*128px.

This hand-drawn icon set has almost all the items a web app. can need from actions to media or devices.

It is also free to use them in both personal and commercial projects.

Hand-Drawn 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)

Bricolage: A Full Featured & Perl-Powered CMS

Bricolage is an open-source and enterprise-class content management system that makes creating, managing and publishing content very easy.

It is built with Perl, uses MySQL or PostgreSQL for storing data and has a powerful templating system (Mason, Template Toolkit, or PHP).

With the help of this templating system and the flexibility offered on every step, it is possible to build any type of websites.

Bricolage Perl CMS

Bricolage has a group and permission based user management system that eases working as a team where some users can be editors, others being designers, etc.

Besides many other standard CMS features, there is a very handy and built-in alert system which can be setup for many events like an article going online, being edited, etc. to get notified instantly.

Also, there is a well-documented API which enables you to pull and push any type of data from the system.

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