Bizarre Websites On Which You Can Kill Time With Style

admin    Inspire     flash, javascript, showcase

Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns.

In this post, you’ll find a collection of amusing websites that, by combining unconventional (and sometimes bizarre) ideas and clever JavaScript and Flash effects, will entice you to play on them for an embarrassing long time.

Bizarre and Beautiful Websites

Record Tripping
Record Tripping is a nifty experimental game by Bell Brothers. You are invited to solve a series of puzzles by scratching a record with your mouse’s scroll wheel. Clever game play and a lovely interface make this online Flash game as fun as it is weird.

read more

Contextual Slideout Tips With jQuery & CSS3

admin    Plugin     css3, javascript, jQuery, Plugin, tip, tutorial

This is an interesting solution for showcasing the new features of products – using contextual slideout tips.

Knowing the importance of HTML standards, the development team is making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines. read more

TipTip jQuery Plugin

admin    Plugin     javascript, jQuery, Plugin, tip

TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window. TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.

read more

Rounding Up the Top 10 jQuery Lightbox Scripts

admin    Photos, Plugin     javascript, jQuery, opensource, photo gallery, Plugin, tutorial

Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!

jQuery Lightbox Plugin

Supported Media: Images

View Demo

Download read more

Sponsor Flip Wall With jQuery & CSS

admin    CSS     CSS, howto, javascript, jQuery, tutorial

Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

We are using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

Step 1 – XHTML read more

Cross Browser CSS Transforms – cssSandpaper

admin    CSS, Plugin     css3, javascript, Plugin

The transform property of CSS allows rotating, scaling, and skewing objects in HTML.

However, as expected, it doesn’t work consistently on every browser (specially IE) and requires a different rule for almost each of them like:

• -moz-transform for Mozilla
• -o-transform for Opera
• -webkit-transform for Webkit engines (like Safari)

cssSandpaper is a JavaScript library which enables IE to support CSS transforms and every other browser to work with the same rule definitions.

The library requires its own CSS rules like -sand-transform, -sand-box-shadow or -sand-gradient.

Once they are defined, it searches for these rules in the CSS file and applies the browser-specific transformations via JavaScript.

There is an impressive demo provided which can be tested with every browser.

Tracking Statistics Tools for Websites

admin    Plugin, Tools, Wordpress     javascript, jQuery, statistics, tool

Original article from http://wparena.com/how-to/tracking-statistics-and-bringing-in-visitors-for-websites.

By knowing and understanding your site visitor numbers, one can get help how to increase them. WordPress offers many tools for doing just that. Getting someone to visit your blog is half the battle; helping them get the most out of it is the other half.

You might want—and you can get—many alternatives for statistics for your blog. The built-in statistics in WordPress are probably the best quick overview you’re likely to get. If you also pay much attention to blog site statistics, though, it really does become a full-time job. That’s because increasing—let alone truly maximizing—traffic to your site is like running a rapid-response room in politics. You need to be working on an hour-by-hour basis to see what’s happening in the world, the response on blogs similar to yours, and how you can make your voice heard in the fray.

Just for your convince i have compiled a best resources, these are scripts, hacks, JQuery Plugins, WordPress Plugins, a list of Websites providing web stats  included in this article. If you know any other, mention it in comment.

1. Google Analytics Extensive Tracking Analysis of Websites

read more

9 JavaScript jQuery techniques on Forms, Buttons & Navigation

admin    Plugin     howto, javascript, jQuery, Plugin

Making a Google Wave History Slider
Here is shown how to create a Google Wave-like history slider. Using it will enable visitors to go back and forth in time to view the changes that take place on a comment thread.

read more

3 JavaScript jQuery Techniques on Calendars and Timelines

admin    Plugin     calendar, howto, javascript, jQuery, time

jDigiClock – Digital Clock (HTC Hero inspired)

jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.

read more

50 Brilliant CSS3/JavaScript Coding Techniques

admin    CSS     css3, howto, javascript, jQuery

This great collection of CSS3 is from SmashingMagazine. Actually some articles already showed many times before, but here is just a roundup. I myself kept them here for later read or use.

CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That’s a reasonable solution — after all it doesn’t make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet. The point of this article is to give you a glimpse of what will be possible soon and what you will be using soon and provide you with an opportunity to learn about new CSS3 techniques and features. read more