Blancer.com Tutorials and projects

Fancy Thumbnail Slider is a Fullscreen carousel slider with lot of features and settings. The slider fit automatically to the Browser size.
With just some small changes on the css file you can change the layout of your Slider.

Updates

– pause option
– fixed width option

Info

Brief Decription how to script works:
Depending on the browser-size the script is adding a number (missing) of items to fill in full rows. As well the sript needs minimum 1 invisible row to slide in
Example:
You placed 30 thumbnails and your browser width is displaying 9 items per row. You want to show 3 rows (There would be minimum 4 rows / 1 invisble).
To have all rows completed with items we would need 36(4*9) items but we just have 30 items placed and. So there are 6 items missing.
The script takes the first 6 items and add them to the end of the item-list to fill in the rows!
JUST CHECK THE DEMO ( I placed 30 different thumbnails)

Package

• Fancy Thumbnail Slider JavaScript
• Fancy Thumbnail Slider (packed)
• jQuery 1.4.3
• jQuery Easing 1.3
• jQuery shuffle
• Documentation & Demos

Features

• Easy to integrate
• Major browser support
• Customizable
• Documentation & Demos included

Please contact me if you have any questions.

Download Fancy Thumbnail Slider (Sliders)

I am glad to introduce version 2.0 of Fancy Music Player. Fancy Music Player is highly customizable MP3 -Player in Flash with a HTML5 fallback.

Whats new in V2.0:
1. Now you have a HTML /CSS skin for both versions. So when you customize it, you only need to edit the CSS file. You do not need to open the flash file in Flash Professionell anymore.
2. You can add tracks with 4 different techniques:

• HTML playlist
• XML playlist
• Custom playlist
• Custom link

3. You can also remove a track from the playlist and set a link for download/buying the track.
4. It also detects when you add track to the playlist and a track with the same title already exists, then the existing track will be selected.

How does the player work?
First it detects if Flash Player 9 or higher is installed. If yes a hidden flash movie(swf) will be used, that communicates via javascript with the HTML user interface. If no Flash Player is installed, the new HTML5 audio engine will be used, which is supported by all iToys(iPhone, iPad etc.).

Features

• MP3 -Player in Flash with HTML5 fallback
• HTML /CSS skin
• HTML and XML playlists
• Many options
• An extensive API
• PSD file included

Options

• playlistHeight – The height of the playlist
• volume – Show/hide the volume control
• playlist – Show/hide the playlist
• playlistInitOpen – Open the playlist, when the player has been created
• playlistScrollable – Enable/disable the scrolling for the playlist
• autoPlay – Enable/disable the autoplay
• showHours – Enable/disable the hour digits in the time display
• trackColorNormal – A hex value for the title color
• trackColorHover – A hex value for the title color, when you move your mouse over it
• trackColorSelected – A hex value for the title color, when its selected
• targetLink – The target window for the optional links of each track
• xmlPlaylist – The path of the xml playlist
• swfPath – The path of the FancyMusicPlayer.swf
• onReady – A function that will be called, when the player is ready

Methods

• play()
• pause()
• toggle()
• next()
• previous()
• setVolume(0-1)
• clear()
• addTrack(trackPath, title, link, playIt)

Download Fancy Music Player V2.0 – jQuery plugin (Media)

Unlimited Form Builder & Manager

Unlimited Form Builder & Manager is a do-it-all tool for creating, managing and implementing any number of forms across your website. Supports an unlimited number of form fields including File Uploads and HTML Emails. All configured within the feature packed administration program using jQuery, jQuery UI & AJAX features. Preview entered form information before submission. Form output including Preview & Completed pages are template based and are 100% customizable using a WYSIWYG editor. Unlimited Form Builder & Manager is your end solution for administrating and quick deployment for all your form needs.

Features

• Uses the CodeIgnitor Framework
• Works with PHP 4 .3+ OR PHP 5 .x
• Feature Packed Administration (jQuery / jQuery UI / Ajax Features)
• Create Unlimited Forms
• Create Unlimited Outgoing HTML formatted Emails
• Unlimited File Upload Fields w/ Files Attached to Email(s)
• Drag & Drop Sort Order of Form Fields
• Form output from Templates. Create new Templates to Give Unique Design per Form
• Supports all Form Field Types + Custom Field Types (Email / Date Picker)
• Input Validation & Required Fields (Client & Server Side)
• WYSIWYG editor to easily customize Form Preview & Completed Pages
• WYSIWYG editor to easily format outgoing HTML Emails
• Quick integration of created forms using IFrame Code Generator
• … and more!     Try the demo below to see it in action!

Try the Demo

• Example Form using IFrame Code
• Example Form Direct Access (No IFrame)
• Form Manager & Administration – Username & Password: “admin”

Documentation

• View the Unlimited Form Builder & Manager Documentation

Requirements

• PHP 4 .3.2 or newer
• MySQL (4.1+)
• PHP mail() support or SMTP Server

Change Log

VERSION 1 .0.1 (Build #29) – August 24th

• Added /documentation/
• Styled Form Elements on Front-End
• jQuery Tabs JavaScript modifications to fix rendering issue on page load.

VERSION 1 .0.0 (Build #28) – August 18th

• 1.0 Stable – Ready For Release

Updates

All updates are free of charge and can be downloaded from your user account.

Download Unlimited Form Builder & Manager (Forms)

Description

Sudoku Unlimited – Copyright © Phillip Rock 2011
Current Version: 1.6
Release Date: 8/19/2011

Sudoku Unlimited is an application for Facebook that generates random puzzles for users to solve. It is designed for quick and easy setup as well as little to no maintenance. The script does not require any form of a database. If you are looking for a simple application to enjoy and to possibly earn a passive income off of, look no farther. Sudoku Unlimited can even be integrated into current applications on Facebook!

Please note that this is an application for Facebook. You will need a Facebook account to create the application on Facebook. I am a freelance programmer and am in no way endorsed by or affiliated with Facebook.

Documentation

http://fgapzwaa.joyent.us/sudoku/documentation/index.html

Features

• Utilizes the Graph API in an iframe setting.
• Uses the PHP SDK v3.1.1.
• Supports OAuth 2.0.
• Does not require a database.
• Generates random puzzles, so a user will get a new puzzle every time.
• 6 difficulty settings.
• 3 puzzle types.
• Powered by jQuery AJAX .
• Includes a like and send button.
• Very simple, clean layout.
• Runs smoothly in all major browsers.
• Publish feature upon completing a puzzle.
• Free updates as long as it is supported.
• Easily monetized with banner advertisements.

Requirements

• Facebook Account
• Server w/ PHP v5.3+
• HTTPS Capability / SSL Certificate (Starting October 1st)

Download Sudoku Unlimited – Application for Facebook (Social Networking)

This is a horizontal, tab-like navigation bar. It is easily customizable and was designed and coded with usability in mind. CSS animations are used in a clever way.

The navigation items are fixed, which means they stay at their place when you scroll down the site. When there are too many pages the navigation becomes scrollable.

After clicking an element, it will show a loading indicator in webkit browsers.

Download Horizontal CSS Navigation Bar (Navigation and Menus)

This is our popular WordPress plugin
http://codecanyon.net/item/smart-social-network-count-wordpress-plugin/206469
Asp.Net version for .Net Developer.

Our this control is full dll and all the resource is embebed. You need to do nothing. Just write 2 lines of code will help you to use this. see bellow example.

Uses :

Register in your page

  <%@ Register Assembly="SdS.SNC" Namespace="SdS.SNC" TagPrefix="sds" %>

Use the control :

< sds : SmartSocialNetworkCount
ID=”SmartSocialNetworkCount1”
runat=”server”

FacebookFaceID=”tutplus”
TwitterName=”smartwebsource”
FeedBurnerID=”learneveryday”
YoutubeUserName=”smartdatasoft”
FlickrUserName=”26545327@N00”
VimeoUserName=”smartdatasoft”
GithubUserName=”smartdatasoft”
Feedburneremail=”learneveryday”

LAYOUT =”Classic”
ICON =”Wheel”
ShowheaderTitle=”true”

CacheTTL=”600”
CacheKey=”smweb”

/>

Extra css customization :

         CssLayoutDesign="border: 5px solid #15A7E7; border-radius: 8px 8px 8px 8px;"<br />
            CssTitle="background: none repeat scroll 0 0 #0E7C98 !important; border:5px solid #92DBF5; color:#FFFF00 !important;"           
            CssCountTitle="color:#CC0000; font-weight:bold;" 
            CssCounter="color: #009900 !important;" 

Features :

• Three Nice UI template
• Four icon set with nice icon and nice attractive effect .
• Easy to configure
• Easy to integrate to your wordpress site
• Network count all famous site
• Easy admin panle
• Easy to disable any social network site icon
• Caching system so that i will not load every page.
• Menu in the setting panel.
• Flexible option to show or hide any social network icon.
• Layout Change
• Change the header title.
• Changes the counter title.

Layout

• 
• 
• 

Icon Set

• 

• 

• 

• 

Our Popular Item : http://codecanyon.net/item/smart-social-counter-jquery-plugin/491449

Download Smart Social Network Count Asp.Net Version (Social Networking)

Text Helper is a PHP helper class, use it to speed up your development. Currently it supports five major operations, and more features are coming.
You are welcome to leave comments on what functions you are looking for, I will try my best to add as many as possible.

• autoEmail($text)
• autoUrl($text)
• truncate($text, $length=100, $end=’…’)
• extractBetween($text,$start,$end)
• toSlug($text)
• stripTags($text,$tags)
• stripImages($text)
• stripScripts($text)
• stripWhitespace($text)
• noHtml($text)
• html($text)

Document: coming soon

Download Text Helper (Miscellaneous)

This application enables you to create a Mobile version of your website using a friendly user interface and without the need of editing any PHP or Javascript file. The resulting website will be optimised on all major mobile devices (iPhone, Android phones, Windows Mobile, Blackberry etc).

It works like a CMS where you can create your pages, define your pages title and content, organise them into categories and more. It also support items that can be your products or your portfolio for example, and that can display in a page to showcase your work.

This app also integrate a way for you to display your Facebook page feed directly into your mobile website, and also an ability to integrate YouTube videos channels.

Features

– A CMS to create your mobile website without touching any code
– Create an unlimited number of pages
– Define your pages title and content (HTML tags supported)
– Supports categories to organise your pages and to layout your site
– Supports items display in order to showcase your work or products
– Contact page to enable visitors to send you a message
– Ability to integrate your Facebook page into your mobile site
– Ability to integrate and display as many YouTube channels as you want
– Supports drag and drop to choose the order of page’s or items display
– Supports Google Analytics.
– Powered by jQuery and jQuery Mobile.

Demo and screencasts

Mobile builder (Part1) – How to create custom pages and item pages to showcase your work.
http://www.screenr.com/kRgs

Mobile Builder (Part2) – How to create a contact page, set a custom icon and set your email and subject.
http://www.screenr.com/tRgs

Mobile Builder (Part3) – How to create YouTube channel pages and integrate Facebook pages.
http://www.screenr.com/YRgs

Mobile Website Builder (Part4) – How to use the theming options to customize the design/colors.
http://www.screenr.com/X6gs

Who is using it

This item is successfully used for Yougapi’s corporate mobile website: m.yougapi.com

Download Mobile Site Builder (Miscellaneous)

wmon is web server monitor for one or more Linux servers.
It will give you a basic overview of your server load and may help you troubleshot problems.

Features

• monitor one or more servers from one location
• detailed load chart with zooming option
• services status and changes
• top processes at any pointed time
• disks usage

Video : http://www.screenr.com/eAgs
Docs : http://www.xrado.si/wmon/docs

Config example

return array(
    'hostname' => 'myserver',
    'log'      => '/tmp/wmon.log',
    'period'   => 2016, // every 5min * 2016 => 7 days
    'services' => array(
        // array('name','daemon'),
        array('mongodb','mongod'),
        array('mysql','mysqld'),
        array('apache','apache2'),
    ),
    'partitions_exclude' => '^Filesystem|tmpfs|cdrom|mnt|none|//',
    'external' => array(
        // 'hostname'     => 'url to external wmon',
        // 'some host 2'  => 'http://www.domain.org/wmon/',
        // 'some host 3'  => 'http://www.domain.com/wwmm/',
    )
);

Download wmon – web server monitor (Miscellaneous)

Launchpress is a wordpress plugin that helps you with your upcoming product or website launch. Unlike 99% of the wordpress themes out there, which uses a Feedburner Subscription Form, Launchpress allows you to capture visitor’s email and store it in your own database.
And once you’re ready to go live or release the new product, simply export the Subscriber List as CSV and use any email manager like MailChimp, Aweber or Campaign Monitor.

Whether you’re planning on starting a brand new site or bringing out something new on your existing one, Launchpress is for you. Because First Followers Matter.

• Uses Double Opt-in (Confirmed Opt-in) mechanism, proven for fighting spam
• Lets you manually add subscribers from the backend
• Subscriber List is Paginated, Searchable and Sortable (jQuery DataTables)
• Options to resend verification email and manually confirm/remove subscribers
• Optional automatic injection of Subscription Form to beginning/end of a wordpress post or page
• Easily insert the form anywhere in your posts with the [launchpress] shortcode or in your themes with the <? launchpress() ?> function call
• Customizable verification email template with variables replacement
• CSV Data Export makes it easy to export your subscribers-list to Email Marketing Managers like MailChimp etc. with ease
• Simple and independent landing page for email verification
• Stores data on a separate database table, keeping wordpress’ tables intact
• Can be uninstalled completely without leaving any unwanted data behind

To make things even sweeter, an awesome minimal coming-soon theme is also included in the package! (See Screenshots)

Theme Developers, be sure to take advantage of the Extended License and create some awesome Coming-soon WP Themes with Launchpress.

Bucket List

A list of features that have been planned for Launchpress. Buyers will have access to all future upgrades.

• Captcha integration for subscription form
• More capture fields like IP Address, LastName etc.
• Unsubscribe link in the footer of emails sent
• Widgets for Launchpress Form & Statistics
• Multi-language support

Please do comment the features you would like to see in Launchpress.

Important Note

Do not upload launchpress_files.zip as-is to wordpress. Extract it locally and

• Upload launchpress_plugin.zip from Plugins > Add New > Upload
• Upload launchpress_theme.zip from Appearance > Themes > Install Themes > Upload

For Theme Developers

Developers, developers, developers! – Steve Ballmer

This section is for theme developers/advanced users only. You can skip this if you are not planning on integrating Launchpress with a theme you are going to develop.

If you are a theme developer and want to create functional Coming-Soon themes using Launchpress, here are some things you should keep in mind.

Firstly, make sure you have an extended license . Secondly, it is highly recommended that you do not edit launchpress’ files unless absolutely necessary. This will help you to easily implement future changes to Launchpress by just replacing the folder.

Implementing Launchpress in your theme: Plug and play!

I’m just suggesting the ideal way for implementation. You are free to do anything with the code

Place the /launchpress/ directory inside your theme directory. Now, in your theme’s functions.php, add the following lines of code:

define("LAUNCHPRESS_MODE","theme");
if (file_exists('launchpress/launchpress.php')) include('launchpress/launchpress.php');

That’s it! You can now implement Launchpress by using

<? if(function_exists('launchpress')) launchpress();  ?>

anywhere in your theme, without having to distribute the plugin with the theme. Launchpress would automatically create all necessary tables and options upon theme activation!

Download Launchpress: Upcoming Site Launch WP Plugin (Forms)

Pure CSS3 Animated Buttons Megapack

This Set Of Buttons Are One Of It’s Kind It Will Give You Power To Customize The way You want It to Be.It Will Give You Choice To Give Animation Effects To Your Buttons To Make Your Buttons More Interactive.This Set Of Buttons Also Includes Shadow Effects,Rotations,Outline,Multiline Buttons,Opacity,Text Shadow..etc.It’s Very Easy To Implement There Are More Then 50,000+ Possible Combinations Possibles And Every Thing Is PURE CSS3 No Javascripts ..

Features

• PURE CSS3 Buttons
• No Images Require
• 51 Color Variations
• Easy To assign Diffrent Colores In Diffrent Button States
• 20 Different Shapes
• 9 Button Shadow Effects
• 8 Text Shadow Effects
• Very easy To Customize
• 17+ PURE CSS3 Animation Effects To Choose From
• Very Small In size
• Only One Master CSS File Contains Everything
• Smooth Animation
• No Bubbling
• 50,000+ Possible Combinations
• Degrades Nicely On Older Browsers
• Works On Input,Link,Buttons And Div Also
• Auto Resize As Per Font Size and Length
• Supports Side Image For Simple And Multi-line Buttons
• Also Supports 2 line Buttons
• Ability To Rotate Buttons,Textbox,Images Using Pure CSS3
• Included Detailed Documentation
• Option To Give Outline To Buttons
• No Javascript Requires At All Everything is Totally Depends On CSS

Please Rate And Comment

Download Pure CSS3 Animated Buttons Megapack (Buttons)

Smart Social Network Counter Plugin will help you to show your site social network counter. You can use floating bar or inside your page.

If you do not able to view the demo of the above link then try with this link .
http://learneveryday.net/codecanyon/jquery/smart-social-counter/index.html

Please give review if you like this.

Features :

• Easy to configure.
• Two beautiful layouts : box and float
• Fully dynamic controlled
• Full extend by plugin variable.
• Custom css for the effect
• jQuery nice hover effect .
• Light weight

File Size :

Original File

• jquery.smartSocialCount.js 4kb
• style.smartSocialCount.css 3kb

Compress size :

• min.style.smartSocialCount.css 2kb
• min.jquery.smartSocialCount.js 3kb

• Usage :
  Plugin declaration for box button:

  $("#socialbar").smartSocialCount({
               url: "http://smartwebsource.biz/products/smart-bookmark-count-php/index.php",
               title: "This is smart book mark count php script",
               layout: "box",        //box,float
               faceBookLike: true,
               twitter: true,
               googlePlus: true,
               googlebuzz: true,
               faceBookShare: true ,
               email : true
  
           });
  

  Plugin declaration for float button:

  $("body").smartSocialCount({
               url: "http://smartwebsource.biz/products/smart-bookmark-count-php/index.php",
               title: "This is smart book mark count php script",
               layout: "float",        //box,float
               faceBookLike: true,
               twitter: true,
               googlePlus: true,
               googlebuzz: true,
               faceBookShare: true ,
               email : true,
               isShowDeveloper :true,
               TopPosition:10,
               LeftRightPosition:10,
               LayoutPosition: "left" //left,right
           });
  

Download Smart Social Counter jQuery Plugin (Social Networks)

INCLUDES :

Complete Flash fallback included for browsers that dont support html5 video.
Only 2 video formats used (ogv and mp4) to cover all browsers.
Can be used as a single video player (playlist automatically hides if there is only 1 video)

NOTE :

Videos for the playlist are encoded without sound in the preview!
You can encode them with or without sound (your choice).

SETTINGS :

Set player width and height
Completely customize playlist (number of columns and rows, dimensions of playlist items, playlist item horizontal and vertical spacing)
Playlist controls automatically hide if there are less videos than columns times rows.
‘Live preview’ feature is optional (automatically play video on playlist item rollover).
Simple image thumbnails can be used instead.
Description is optional for every video (includes mouse autoscroll for large amounts of text).
Choose between video aspect ratio of ‘fit inside’ and ‘fit outside’.
Autoplay video optional (automatically detects for ios devices).
Set your own preview poster images on autoplay off.
Start with playlist or any video.
Set default volume.
Video controls optional autohide on timer (specify time)
Unlimited videos supported

Special Thanks to CarlB for sample videos used in the preview.

These videos are not included in the download package.

You might be interested in…

JQuery Stack Banner Slideshow with Captions

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

Download HTML5 Video Gallery with Live Playlist (Media)

Animated speech bubbles made with CSS3 and HTML – No Javascript or images!
The bubbles come with three unique variations and are easy to implement and customize. They also degrade beautifully in older browsers.

These give a slick way to display tooltips, messages, social links, login forms etc. Save more of that precious screen estate both easily and elegantly with the help of these!

The stylesheet includes 20 preset color styles, make sure check them out in the preview screenshots!

If you found this item useful, please consider rating it!
Also, if you’re experiencing any issues at all with the item, contact me from my profile page and I’ll do my best to help you out.

Download CSS3 Animated Speech Bubbles (Animations and Effects)

Easy to set up and elegant navigation menu made with only HTML5 tags and CSS3 !

Pure CSS3 !
No Images needed!
No JavaScript needed!
Available in 5 color schemes – but you can change the colors very nice and easy!

Download HTML5 & CSS3 Elegant Menu (Navigation and Menus)