Category Archives: Uncategorized

Joshfire: Cross-Device Web App Framework

Advertise here with BSA


Joshfire is an open source framework for developing web applications that can work in multiple devices.

It only uses HTML5 + JavaScript and web apps can be built to be compatible with browsers, desktops, smart phones, smartTVs and connected objects.

The content, design and data is separated for a flexible development process and the framework makes use of many popular resources like MediaElement.js or Zepto.js.

Joshfire Framework

Currently, supported devices are desktop browsers, iOS, Android, GoogleTV, SamsungTV and there is an adapter for Node.js as well.

Applications can be controlled with keyboard, mouse, touch, tv-remote and more depending on the capabilities of the device.

The library is improved continuously, documented in detail and comes with various examples.

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)

Paper.js – Vector Graphics Scripting Framework

Advertise here with BSA


Paper.js is an open source and "JavaScript + HTML5 canvas-powered" vector graphics scripting framework.

Besides being a wrapper for the "canvas", it has much more to offer like working with nested layers, groups, paths, compound paths, rasters, symbols, etc.

Paper.js

These items are handled and drawn automatically by Paper.js so you can focus on styling and/or modifying them.

It tries to use the code smartly for faster execution and less CPU usage.

The framework has methods for mouse and keyboard interaction. And, it has the well-known blend modes from Illustrator and Photoshop with JS emulation like: multiply, screen, overlay, soft-light, hard-light, color-burn, darken, lighten,  hue, saturation, luminosity, color 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)

WordPress 3.1.4 (and 3.2 Release Candidate 3)

WordPress 3.1.4 is available now and is a maintenance and security update for all previous versions.

This release fixes an issue that could allow a malicious Editor-level user to gain further access to the site. Thanks K. Gudinavicius of SEC Consult for bringing this to our attention. Version 3.1.4 also incorporates several other security fixes and hardening measures thanks to the work of WordPress developers Alexander Concha and Jon Cave of our security team. Consult the change log for more details.

Download WordPress 3.1.4 or update immediately from the Dashboard → Updates menu in your site’s admin area.

WordPress 3.2 Release Candidate 3

This release was about all that stood in the way of a final release of WordPress 3.2. So we’re also announcing the third release candidate for 3.2, which contains all of the fixes in 3.1.4; few minor RTL, JavaScript, and user interface fixes; and ensures graceful failures if 3.2 is run on PHP4. As a reminder, we’ve bumped our minimum requirements for version 3.2 to PHP 5.2.4 and MySQL 5.0.

To test WordPress 3.2, try the WordPress Beta Tester plugin (you’ll want “bleeding edge nightlies”). Or you can download the release candidate here (zip). At this stage, plugin authors should be doing final tests to ensure compatibility.

Bonus: For more on what to test and what to do if you find an issue, please read our Beta 1 post.

Preview Websites In Multiple Mobile Devices With Mobilizer

Advertise here with BSA


When creating websites, previewing them in different browsers to ensure that they are rendered correctly is a painful process. The same goes for the mobile websites. Many different browsers, models and sizes.

Mobilizer, a free Adobe AIR application, displays previews of any given URL or local files (HTML, image or Flash) inside multiple mobile devices.

Mobilizer

It currently supports iPhone 4, Palm Pre, HTC Evo, + Blackberry Storm and more devices are to-be-added soon.

The previews doesn't have to be one-by-one and each device-preview can be opened as separate windows for an easier comparison.

Also, the previews can be exported as .PNG files which is very handy.

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 Good-Looking Buttons Quickly: CSS3 Buttonize Framework

Advertise here with BSA


Resources on creating CSS3 buttons that looked stylish was shared previously at WRD.

CSS3 Buttonize Framework is a new addition to this list which comes with styles for creating buttons in various sizes.

Icons can be used inside the items and there are ready-to-use classes for building disabled, striped or highlighted buttons and a panel/horizontal navigation.

CSS3 Buttonize Framework

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)

Answerbase: Add a Q&A Site Instantly (3 Annual Licenses Giveaway)

Advertise here with BSA


In a web where the huge portion of the content is created by communities and users, Question & Answer websites became very popular.

They are perfect platforms for helping users find answers with the help of other users or expert staff, minimizing support requests and collecting experience. Also, building Q&A websites on niche subjects to create a community can itself be a good idea.

Answerbase, a hosted service for creating full-featured Q&A websites easily, is giving away "3 Annual Business Level Accounts" to WRD readers and details about the giveaway are mentioned at the bottom of this article.

What is Answerbase?

Answerbase

Answerbase is a service (which is already used by popular brands) where anyone can build a complete Question & Answer website very quickly without any programming or installation.

Users can easily register (there is support for Facebook, Twitter and oAuth sign-in) to post questions and replies. Replies can include text, image and video to provide the best information.

Other users can vote the replies to help determining the best answers. Also, the answers by the staff are automatically highlighted so they can be distinguished from others.

The front-end is white-labeled and design of the website can be completely customized. There are 3 ready-to-use templates offered and it is possible to change every image, color or text. For maximum customization, you can add your own CSS styles as well.

Answerbase Screenshots

Depending on the selected plan, there is a powerful API provided to pull the content and/or better integrate the functionality with your own system.

Q&A websites are a good way of getting organic and related traffic to websites considering there is a continuous content generation. Answerbase does its best on getting the right traffic with SEO-friendly URLs, dynamic page titles, sitemap and more.

Also, using "widget builders", users can setup widgets and insert relevant content + functionality to their own sites which will end up in a more activity on the main website.

The reports module of the application displays all the metrics you need to find out how the system is performing like the growth of userbase, questions, answers and the overall activity. And, there is support for Google Analytics integration.

A great feature is the website automatically having a mobile-friendly version which can be viewed correctly from iOS, Android and many other mobile devices.

And, the system accepts "data import" which is nice if you are switching from another system (data can be exported too).

How to win the licenses?

In order to win one of the annual licenses:

  • sign-up for a free trial of the Answerbase service
  • submit your Answerbase site name to the comments

Winners will be picked randomly with the query below 1 week later (04 July 2011):

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

Good luck 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 Music Identification System: Echoprint

Advertise here with BSA


We have all seen applications that enable us to find the song name or the artist by simply playing a small part of that song.

Echoprint is an open source resource that makes this possible and easy-to-integrate into any website/application.

Echoprint

It is a music identification system which listens to music signals, compares them with the ones in its database (of 150,000+ items) and tells you what song is playing.

The system has 3 parts:

  • code generator which converts the audio data into a unique code
  • server (Apache-based) which responds to the queries made with the generated code
  • data which includes hashes of 150,000+ songs

You can choose to run your own server or Echoprint already hosts one where you can send queries to (using code generator is still needed).

P.S. There is also an Echonest PHP API for easily reaching the datastored.

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)

CSS Color Spectrum Inspector – CSS Prism

Advertise here with BSA


While inspecting and editing a CSS file, it is not easy to understand which HEX value represents which color.

CSS Prism is a web-based CSS color spectrum inspector that loads the colors used in a CSS file as a grid and shows us in which rules they exist.

CSS Prism

The application also enables us to edit the colors with a color-picker and download the edited CSS file.

CSS Prism is very useful for easily viewing the color palette and making sure it is consistent.

Besides inserting the URLs of CSS files manually, a bookmarklet is provided that eases this process.

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 Educational Programming Language: Write programs that create interactive 2D and 3D graphics and animations

Thinking of learning a programming language, or perhaps teaching your students or children programming? A new language originally designed for such a purpose has been added to the Free Educational Programming Languages. This language, Processing, gives you an easy way to create interactive programs that deal with 2D and 3D graphics and animations. Other languages designed for teaching programming can also be found on that page.

Fractal: HTML-CSS Validation For E-mails

Advertise here with BSA


E-mail code validation is a painful job considering many e-mail clients/applications have a low-level HTML-CSS rendering support and many others have their own standards. Actually, it is worse than designing for the browser.

Fractal is a free-to-use web application for validating HTML-CSS code across 24 most-popular e-mail clients.

It simply works by pasting the code to the application and finding out if each line is validated, if not, why and in which e-mail clients.

Fractal

Best of all, Fractal doesn't come with only the bad news but also suggests fixes.

P.S. Besides the desktop and web-based e-mail applications, it also checks the code for the mobile as well.

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