PlaySafe | Human Network - Blogs

Free CSS Drop-Down Menu Framework

Tue, 23 Mar 2010 08:10:34 GMT

Free CSS Drop-Down Menu Framework does not only separate HTML from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new drop-down means creating only a new theme since structure is permanent.

Your unordered List can be transformed by changing class name only. Available transformations including horizontal, vertical left-to-right, vertical right-to-left, horizontal linear and horizontal upwards. Free CSS Drop-Down Menu is cross browser that there are some configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later.

Scroll Follow - Animate Down Element as User Scrolls Page

Tue, 23 Mar 2010 08:08:47 GMT

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. It means the plugin allows an element to animate down as the user scrolls the page. Scroll Follow has been successfully, though not extensively, tested on IE6, IE7, FF2, FF3, Safari 3, and Opera 9 all on Windows. You can also set the the duration of the sliding animation.

The Spry Framework for Ajax from Adobe Labs

Tue, 23 Mar 2010 08:04:17 GMT

The Spry framework for Ajax from Adobe Labs is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages.

The Spry framework is a way to incorporate XML, JSON or HTML data into pages using HTML, CSS, and a minimal amount of JavaScript. The Spry framework is HTML-centric, and easy to implement for users with basic knowledge of HTML, CSS and JavaScript. The framework was designed such that the markup is simple and the JavaScript is minimal. By building the front-end of your web application with Spry you enable a more efficient designer-developer workflow by keeping UI separated from back-end application logic. You can view the demos and samples created by Spray.

Building an Animated Cartoon Robot with jQuery

Thu, 04 Feb 2010 22:33:22 GMT

An Animated Cartoon Robot with jQuery was created by layering several empty divs over each other with transparent PNGs as background images.

The backgrounds were animated at different speeds using a jQuery plug-in by Alexander Farkas. This effect simulates a faux 3-D animated background dubbed the “parallax effect” originating from old-school side scrolling video games.

The robot is comprised similarly to the background animation scene by layering several DIVs together to create the different robot pieces. The final step, was animating the robot with some jQuery.

Sava - Open Source ColdFusion CMS

Thu, 04 Feb 2010 22:31:37 GMT

Sava is an Open Source ColdFusion CMS. They’ve seen that the best tools are those built to match the people who use them, both in terms of function and anticipation of common problems. This approach is at the core of Sava, a tool built to make work easier, whether it’s something as simple as adding a news release or as complex as integrating data with an enterprise CRM.

Sava is designed to help you manage your site content easily, with as little hassle as possible. Sava’s got hundreds of built-in features that make this possible – here’s a quick look at the highlights:

Easy and fast content editing – Need to fix a typo or add a new page? It takes just a couple clicks, and you’re all set. Sava takes the pain out of content management.

World-class CSS Support – Sava makes life better for CSS designers and developers, with best-in-class CSS capabilities. It really is what you’ve been looking for…

Search Engine Friendly – With clean, well-formed page structures, SEO-friendly URLs, and full control over all page content and attributes, Sava is a great choice for SEO-focused websites.

Cross Platform Flexibility – ColdFusion? Java? Linux? Windows? Mac OSX? MySQL? Microsoft SQL Server? The answer to all these questions is a resounding “Yes!”

All features- Here’s an overview of all the Sava features in one, convenient look.

Elegant and Lightweight Slideshow Script

Thu, 04 Feb 2010 22:29:47 GMT

Devthought has created an elegant, lightweight slideshow script called BarackSlideshow. It works with MooTools 1.2, and supports all kinds of shape transformations (top and left coordinates, and height and width properties), which means it can now be used with vertical, horizontal, or even irregular lists. Devthought came up with a new class that receives the images and loading spinner as parameters as well.

The CSS plays a major role. You should analyze it carefully before implementing it in your applications or websites. You’ll probably need to adjust the ids, or use classes instead to keep your stylesheets clean.

Axeraider70's Amazing Abstract Photoshop Brushes

Thu, 04 Feb 2010 22:28:01 GMT

Axeraider70 has created different sets of amazing photoshop brushes for us. It enables us creating some images with abstract style easily. All of the brushes are released under Creative Commons License 3.0. You can freely use them for non-commercial use. There is a Brush Download and Insertion Guide available too.

Advanced Photo Presentation Tutorial

Thu, 04 Feb 2010 22:26:28 GMT

Advanced photo presentation tutorial shows you how to create on a simple way with no action script code, attractive and very modern photo presentation. You can use this presentation as flash header, banner. You will also learn:

1. How to Import any picture into a flash,
2. How to aligne it using the Align Panel,
3. How to convert any layer into a mask,
4. How to use some special flash tips and tricks and much more.

Unwrap Your Free Mac Apps Christmas Presents

Tue, 22 Dec 2009 21:41:39 GMT

Mac Giving Tree has come back again! It’s the Holiday Season. The season of giving. MacHeist is going to treat us some insanely-great Mac Apps in celebration. Simply sign-up to MacHeist and come back Christmas morning to unwrap them.

And also, the Giving Tree now has iPhone application icons sprouting up around it, what does it all mean? When the icons grow and start wiggling you are able to click them and join a drawing for the application.

jQuery for Menu Background Image Animations

Tue, 22 Dec 2009 21:40:25 GMT

Snook read Dave Shea’s article on CSS Sprites using jQuery to produce animation effects, he felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too.

Changing the position of the background image felt to be the best approach to creating the type of effect we’re looking for. Snook has shown us Background-Position plugin and published an article “Using jQuery for Background Image Animations” about how to use it. The script to put this altogether is really straightforward. The animation needs to run when the user moves their mouse over and out of the navigation. The key thing to note is that any animation is stopped before attempting to animate again. This avoids animations queuing up from repeatedly moving the mouse in and out of the element.