Category Archives: Uncategorized

Draw & Animate Shapes With JavaScript – JSGL

Advertise here with BSA


JSGL is a JavaScript graphics library for drawing and moving vector shapes with ease.

The library enables us to create and transform objects (using SVG/VML) dynamically.

There are built-in elements like line, circle, ellipse, polygon, etc. and support for stroking and/or filling them with many customization options.

Demos provided (PathFinder and NeuralNet) give us a strong opinion on the capabilities of the library.

JSGL - JavaScript Graphics

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)

Identify Fonts On Websites Easily – Fount

Advertise here with BSA


Fount is a free-to-use bookmarklet that instantly identifies fonts used in a web page.

Once activated, just click on any text and it displays the font name, size and weight in a growl-like notification.

It doesn't requires re-activation and any number of text can be clicked repeatedly. For disabling it, clicking the bookmarklet is enough.

Fount is a useful and tiny companion for typography inspiration and works in all major browsers.

Fount Bookmarklet

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)

91 Free Vector Icons By Smashing Magazine

Advertise here with BSA


Smashing Magazine has recently shared a very nice set of free vector icons named August Interactive Icon Pack.

The set is focused on web UI design and includes items like arrows, actions, media player, download icons and more to ease creating such interfaces.

They are designed with Adobe Fireworks and exported as an editable + layered Photoshop file.

Download package consists of the PSD file, Fireworks PNG file and transparent PNGs for each icon.

August Interactive Icon Pack

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)

LazyFallback – Creating Fallbacks For Flash Files Quickly

Advertise here with BSA


For creating a highly animated banner, Flash is probably still the best solution. However, it is not completely supported anymore; some users prefer not to install it and the popular iOS doesn't have it at all.

So, creating fallbacks for Flash banners is a very good idea to make sure you display a visual for everyone and, LazyFallback -a free Adobe AIR application- handles this process well.

LazyFallback

By simply drag 'n' dropping any number of SWF files to the application, it generates JPG alternatives for each of them quickly.

LazyFallback is a simple application which doesn't have many setting and only 2: defining the moment of the Flash animation for fallback generation and quality of JPGs.

P.S. What would possibly be better is the ability to get animated GIFs besides the JPGs.

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 computer games the fun way: new free educational programming language from Microsoft Research

Teach children computer programming the fun way by letting them create computer games on either the XBox (using only the XBox game controller) or on the PC (using a mouse and keyboard) with the newest entry on the Free Educational Programming Languages - Teach Kids Programming page. This free software, from Microsoft, comes complete with lesson plans. You don't even need to be a parent or teacher to use this. Why not create a game or two during the New Year holiday season?

Standalone Content Slider For Mobile – Swipe JS

Advertise here with BSA


Swipe JS is a lightweight (3.7kb minified) mobile slider with 1:1 touch movement (sliding content based on exact touch position).

It can display any HTML content and offers a native-like experience with features like:

  • resistant bounds (increased resistance to slide when there are no items to display next or before)
  • smart resizing on rotation as the slider resets to make sure the sliding elements are sized right
  • the size of each slide is set with the width of the container which is useful for passing different widths on responsive designs
  • detecting if you’re trying to scroll down the page or slide the content left to right

Swipe JS

Swipe is a standalone slider which doesn't rely on any JavaScript library and has few configuration options like:

  • the slide to be displayed on initial load
  • speed of transitions
  • auto slideshow to be on/off
  • and callback fired after successfully displaying a slide

Also, it has API methods for custom interactions including the display of prev-next items and getting the current position.

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)

CoolCarousels – 20+ Image Sliders/Carousels In One Place

Advertise here with BSA


Fred Heusschen, a talented frontend web developer which has other resources shared at WRD, is sharing a must-bookmark one focused on image carousels.

CoolCarousels is a showcase of 20+ image sliders and carousels with each having a different look and functionality.

Cool Carousels

There are sliders with thumbnails, responsive examples, horizontal/vertical ones, lazy-loading supported sliders for displaying many images and much more.

They use jQuery as the JavaScript framework, their source codes can be seen with a click, all of them have demos and can be downloaded easily.

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)

Spine Mobile – A JavaScript Framework For Mobile Web Apps

Advertise here with BSA


Spine Mobile is a JavaScript framework, built on top of SpineJS, for building mobile web apps that look and feel native.

The framework comes with specialized controllers, panel layout, hardware accelerated transitions and touch events.

Apps are developed with HTML5-CSS3 and the easiest way of building Spine Mobile apps is with Hem, Spine.app, GFX and jQuery. Also, you'll need Node.js.

It is well documented and there are open sourced examples to easily get started.

Spine Mobile

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)

Auto-Refreshing Web Pages During CSS Editing: CSSrefresh

Advertise here with BSA


While working on a CSS file, we usually need to refresh the web page each time a new style is added or edited to see how it looks.

CSSrefresh is a JavaScript file which automizes this process by instantly applying the new styles. And, without refreshing the page.

It is a plug 'n' play solution and nothing to configure. Just insert the JavaScript file into the web pages and you are ready to go.

Optionally, there is a bookmarklet which can be simply clicked to activate CSSrefresh without inserting the JS file.

CSSrefresh

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 App For Realtime Document Collaboration – Etherpad

Advertise here with BSA


Etherpad is an open source application for working on the same document in real-time with any number of users.

It is a web-based word processor that has formatting options, supports infinite undos and can import/export documents from/to multiple formats.

Each document gets a unique URL and users can simply go to that URL to start collaborating.

Etherpad

Users working on the same document can see each other's updates instantly, can chat with a built-in messenger.

The application has 2 versions, full and lite, where the full version comes as a debian package and the lite version completely based on Node.js (which is much easier to deploy).

There is also an API provided for easily interacting with the application and wrappers in multiple scripting languages are created for 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)

Powered by Gewgley