Category Archives: Uncategorized

Creative, CSS3-Powered And Animated Menus

Advertise here with BSA


Codrops, a web development blog publishing very nice tutorials, has released a set of creative navigation examples built with pure CSS(3).

There are 10 unique examples, all have the same HTML structure but different CSS styles that make use of CSS transitions and animations.

Icons used are from a symbols typeface, so, no images are used in the examples but only HTML, CSS and a custom font file.

They are definitely beautiful "as is" and also a good starting point to create new ones.

CSS3 Navigation 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)

jQuery Image Slider Combined With An Accordion – Slidorion

Advertise here with BSA


Slidorion is a jQuery image slider plugin that functions in parallel with an accordion displaying the related contents for each slide.

There are multiple built-in effects ('fade, slideLeft, overRight, overDown an more..) to be used for transitions.

The slide to be displayed on initial load can be defined and it can be set to autoplay (hover-on-pause exists) or only manual browsing by clicking each accordion tab.

Also, few other options exist for a better customization like the speed of transitions and interval between each slide.

Slidorion

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)

Powerful Website Chat Application – CometChat (4 Licenses Giveaway & 10% Discount)

Advertise here with BSA


CometChat, a powerful chat application for websites (which was previously shared at WRD), has recently released the 4th version with new features and giving away 4 licences (3 Basic and 1 Pro) to WRD readers to celebrate the event.

In order to join the giveaway, please make sure you check the details at the bottom of this post.

What is CometChat?

It is a PHP-MySQL (or MSSQL) powered application that enables users of a website to easily communicate with each other and interact with the website.

CometChat One on One

CometChat sits in the footer of a website and supports both text (including group chat) + video/voice chat. It also allows file transfers, screensharing and, with the most recent version, the ability to chat with Gtalk and Facebook friends.

This is an exciting feature as it helps "the activity of users to grow" by keeping them on the website more.

CometChat FAcebook and Gtalk Integration

The application also offers more than chat:

  • it has 100+ built-in games -including multiplayer ones-
  • users can write or draw together on whiteboards or writeboards
  • it is possible to publish announcements
  • integrates Facebook fan page and displays Twitter activities
  • works as a social share widget

There are integrations with many other popular softwares (like JomSocial, vBulletin, SocialEngine, Invision Power Board, phpFox, Boonex Dolphin, BuddyPress, phpBB, WordPress, SkaDate, Elgg and more) exist.

CometChat Mobile

With the new version, there is now a mobile web interface which works in all major devices/platforms.

CometChat can be completely customized to better with the style of any website and it can be controlled very easily with the help of a powerful admin panel with settings for everything.

The discount

CometChat is offering a 10% discount to all Professional Edition or higher purchases until 1st of November with the coupon code: "WRD10OFF" (without quotes).

How to join the giveaway?

CometChat is giving away 1 Pro and 3 Basic licenses to WRD readers. In order to join the giveaway, just comment to this post and the random query below will be choosing the winners:

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

Winners will be announced 1 week later (1 November 2011) as an update to this post. Good luck.

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)

Objects In Transparent Images Made Clickable: alphaPun.ch

Advertise here with BSA


Using transparent images in websites make so much sense in many cases as they fit perfectly to any background.

However, there is sometimes a big empty space around images which can create confusion when clicking on them as users may not easily realize that the clicked part of the website is actually an image.

alphaPun.ch changes that by tracing the opaque part of PNG or GIF images and then punch through the alpha channel so the stuff behind it can be clicked.

alphaPun.ch

Behind the scenes, it creates a mask for the opaque part of images along with masks for the clickable content behind them. The masks are positioned above the real image and users will actually be clicking to these masks.

It works by drag 'n' dropping an image to the loader and an HTML-CSS-JS (with jQuery) code is created automatically.

The project is definitely not a good fit for every image on websites but there will certainly be good cases of use.

P.S. alphaPun.ch is open source.

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)

A Guide For Designing E-mails: Emailology

Advertise here with BSA


Emailology is a website which aims to guide designers and developers with the best practices of e-mail design.

The project includes an e-mail boilerplate, that is very well-commented and includes hacks for cross-client compatibility, for starting quickly.

A knowledgebase lists the tips and tricks categorized for each e-mail client. It is the right place for finding answers to client-specific issues.

Emailology

There is a standards guide which presents the universally-supported HTML and CSS tags (it is possible to get client-specific data).

And, a character conversion feature allows copy-pasting your own code for converting the special characters into HTML entities.

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)

Daily Deals For Creative Pros – InkyDeals

Advertise here with BSA


With the popularity of daily deal websites, finding good deals on everything has quickly became a habit of online users.

InkyDeals is a fresh daily deals website which focuses on resources for creatives and offering new ones for good prices everyday.

InkyDeals

The team behind InkyDeals tells us that Inky-the-mascot will quickly become a good friend of creative professionals out there as, each day, a high-quality resource will be presented including:

  • WordPress themes
  • vector packs
  • Photoshop brushes
  • textures
  • patterns
  • and much more..

with discounts up to 90% and will only be available for 24 hours.

Subscribing to their newsletter will be a good idea get the deals in the inbox daily and catch the ones that will save you time and money.

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)

List.js – A JavaScript Library For Flexible Lists

Advertise here with BSA


List.js is a cross-browser and standalone JavaScript library for improving the functionality of the HTML list element.

Using the library, the lists quickly become searchable, sortable and filterable. These actions not only include the values of <li> elements but any other elements and tags used inside them.

It equips lists with add, edit and delete functionality. Also, getting values of items is so easy.

And, all these features come only in 7kb.

List.js

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 Git Repository Management App – GitLab

Advertise here with BSA


GitLab is an open source application, built with Ruby on Rails, for self-hosting your project in a Git repository and accessing them via a web interface.

It has a GitHub-like functionality and allows you to browse source-code, issues and comments.

Team access to the repository can be managed, it is very easy to browse commits and there is a file history.

GitLab

Members of the team can communicate with each other with a simple chat interface (wall).

And, a "snippets" menu help users to create a collection of re-usable code for finding them easier when needed.

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)

New Free Hard Disk Backup / Image Software: back up your system and protect your data from mishaps

Are you sure that your data is safe? What happens if your hard disk crashes? Or if your system is infected by a virus? The best way to protect yourself against unforeseen mishaps is to back up your computer on a regular basis. Do this with one of the software listed on the Free Hard Disk Backup and Restore, Hard Disk Image and Cloning Utilities page, where another new program has just been added.

Foundation – A Fabulous Framework For Building Responsive Websites

Advertise here with BSA


Foundation is a very impressive and feature-rich framework for quickly prototyping + creating the production code.

The framework is responsive, works smoothly on all major browsers (including mobile) and completely open source.

It has styles for typography, links, lists, forms (with custom radio buttons, select lists and checkboxes), tables and buttons.

Foundation Framework

There is a 12 column, semi-liquid grid which works with all screen sizes and encourages building a single website for all devices.

Foundation also includes Orbit (for content sliding) and Reveal (for modal dialogs) that both are powered with jQuery.

This is definitely an exciting project for building modern websites easily and it is a good alternative to the recently launched yet popular Twitter Bootstrap.

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