Category Archives: Uncategorized

Flexible Floating Panels With Portamento.js

Advertise here with BSA


Using elements that stay in the viewport while scrolling is a good way of providing an easy-to-reach links/info (like navigation or help) to users

Portamento.js is a jQuery plugin for creating such floating panels quickly with a line of JavaScript and few CSS rules.

It functions well with both absolutely-positioned + floated layouts and has cross-browser support.

Portamento.js

The plugin has a smart feature which understands whether the screen-size is big enough or not to display the floating panel and decides to float it (or not) automatically.

It is very easy to use and has very few configuration options like "the element to be wrapped" or "its margin from top".

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)

Detect Mobile Devices Easily With MobileESP

Advertise here with BSA


MobileESP is an open source project for easily detecting users browsing the web pages with a mobile browser.

It has server-side versions for PHP, ASP.NET, Java, Ruby and a client-side JavaScript version with light features.

There are methods provided for detecting a specific device (iPhone, Android, WebOS, etc.) or a wider selection if it is a smartphone, tablet, game console, etc.

The project has support for most of the well-known devices and can even identify their capabilities.

Mobile Operating Systems

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)

Google+ Styled Buttons With Dropdown Support

Advertise here with BSA


Bruce Galpin is sharing a framework of good-looking and Google+ styled buttons in his blog.

The buttons can use text, images or both inside them and comes with the high-quality icon set created by WebDesignShock.

As the icons have both standard and active state versions, buttons respond well to hovering them.

There is also a drop-down menu buttons version provided which is handy for presenting multiple options while still being in harmony with the rest of the buttons.

Google+ Styled Buttons

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)

Windows Phone Charting Tools: Visifire (Giveaway Of 5 Licenses)

Advertise here with BSA


Visifire, a professional set of charting tools that works on WPF, Silverlight & Windows Phone 7, is giving away 5 "Single Developer Licenses with Premium Support" (worth $499 each) to WebResourcesDepot readers.

Please check the details of joining this giveaway at the bottom of this post and here are more details about this exciting resource.

What is Visifire?

It is a multi-targetted kit of data visualization controls which is compatible with WPF, Silverlight & Windows Phone 7 which uses the same API for developing in all these platforms.

Visifire

Visifire is not dependent on any server-side technology and can be used with almost any language including ASP, ASP.Net, SharePoint, PHP, JSP, ColdFusion, Python, Ruby or just simple HTML.

It has support for many chart types like bar, column, line, are, pie, stock, radar, stack, doughnut and more. Circular and linear gauges can be created too.

All the visualizations are very good-looking, interactive (responds to mouse-overs and clicks) and have shiny animations.

Visifire Gauges

It is possible to zoom into charts by selecting a part of it to view only the selected portion.

They can be styled/themed easily and edited with Microsoft Expression Blend.

How to join the giveaway?

In order to win one of the licenses given away:

  • Share this giveaway with a tweet: "Just joined the @Visifire – Windows Phone Charting Tools giveaway at WebResourcesDepot – http://goo.gl/igJKg" (click to tweet easily)
  • Follow @visifire Twitter user
  • Share your tweet URL within the comments

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

The winners will be selected with the query below on 6 October 2011 (1 week later) and 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)

HTML5 & CSS3 Development Kit – Fluid Baseline Grid System

Advertise here with BSA


Fluid Baseline Grid System is a starting point armed with various resources to be a starting point for creating HTML5-CSS3-powered websites.

It is built with typographic standards in mind with combining principals of fluid-column layouts, baseline grids and mobile-first responsive design into a resolution independent and device agnostic framework.

Fluid Baseline Grid System

The kit is packed with CSS normalization (while correcting bugs, fixing common browser inconsistencies and improving usability) and includes jQuery, HTML5 Shiv + Respond.js.

It enforces a lightweight, and non-obtrusive code which can be edited easily for every project. By default, it is based on a 3-column folding layout, 1 column for mobile devices, 2 columns for tablets and 3 columns for desktops and beyond.

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)

ImageMapster – Interactive Image Maps With jQuery

Advertise here with BSA


ImageMapster is a jQuery plugin that vitalizes the old image maps by adding more capabilities to them.

Using the plugin, any image map can be highlighted, selected (single or multiple areas) and manipulated in all kinds of ways.

There are many built-in functions provided like the ability to change the color-opacity or borders of the image map once it is selected. Or you can add a fade effect to them.

ImageMapster

Tooltip support makes displaying user-friendly information possible while interacting with the image maps.

There are advanced functions like grouping areas to force the items to behave together (areas can be belong to more than one groups)

And, image map data can be automatically scaled to match the display size of an image or it can be resized to any defined dimensions (which is good for responsive designs).

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)

Social Sign-in/Sign-up Simplified – OneAll

Advertise here with BSA


It is usually a good practice to enable users to sign-in/sign-up using popular social service accounts like Facebook, Twitter, Google or OpenID.

Such an alternative not only fastens the process (no approval e-mails required, fewer form fields to fill, etc.) but also a "one less password to remember" from the user's perspective.

There are many social authentication providers besides the ones counted above including LinkedIn, Hotmail or Yahoo and integrating each can be a headache. Also, such codes may require to-be-updated from time-to-time to reflect any changes applied to them.

OneAll is a web service easing this process by providing a single API for using APIs of ~20 social services.

OneAll

With the help of a "Social Login plugin", a widget that can be inserted to web pages with a copy-paste, users can be powered with an option to login with their social IDs.

A "Social Share plugin" empowers users to share their comments, purchases, reviews or other activities directly from the website with their friends on multiple social networks.

And, every action performed using OneAll (sign-in, sign-up, repeating visits, etc.) can be viewed in detail from its analytics interface.

It is hard to find such a service for free, however, OneAll is currently in beta (in-search of testers) and free during that period. Also, there will be a free plan once it is out-of-beta.

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)

VideoBlocks Giveaway – Here Are The Winners

Advertise here with BSA


The VideoBlocks giveaway of 3×1 month unlimited-download accounts has just ended, winners are selected and announced below.

What is VideoBlocks?

It is a website that offers unlimited downloads of 30,000+ stock videos, motion backgrounds, sound effects, production music, etc. to its members for a good price.

There are videos/sounds on almost anything from explosions to nature, locations/places to animations or door sounds to dog barking ones that will help adding a twist to the footage being worked on.

VideoBlocks

Also there are other categories like looping videos, slow motion, time-lapse or nature and animals with each having their own sub-categories.

These resources can be used in any type of projects (TV, web, radio..) and a free 7-day unlimited downloads for any sign-up is offered to text the system.

The winners

Here are the winners of this giveaway:

  • stay (comment #400600)
  • torn (comment #399944)
  • PavelM (comment #401357)

Congratulations 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)

OpenPhoto – A Front-End & API For Your Images Hosted In The Cloud

Advertise here with BSA


Many internet users are storing their images on photo sharing/hosting services like Flickr, SmugMug or Picasa to make sure they are easily reachable and backed up regularly.

OpenPhoto is an open source PHP application that encourages users to host their images in the cloud (Amazon S3, Rackspace CloudFiles, Google Storage, etc.) on their own and functions as a front-end to manage + present them.

OpenPhoto

This way, images stay totally under control of users, switching providers become much easier and users won't be limited with the capabilities offered by photo sharing/hosting services.

The front-end has a simplistic interface where photos are displayed as a grid, categorized with tags and searched easily. It is also mobile-friendly and has theming support.

OpenPhoto itself is built on top of the powerful API which makes it possible to improve it or integrate photos with any other apps.

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