Visual P1
Get flash to fully experience Pearltrees
I've been working on a script which you can use to change the background color, or even any other background element of your blog, depending on the time of day. You can see this script in action on the Time of Day test blog . Here I have used the script to change the main background color of the Minima template according to the time of day. Take a look at different times to see the changes take effect. There are two versions of this script available for you to install instantly in your blog: A pale color palette A dark color palette
Change your Blog Background According to the Time of Day
Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com
Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works. Now let's see how easy is can be to get Reveal working! Step 1: Attach Needed Files
CSS3 Minimalistic Navigation Menu
As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page. What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations (already present in Safari). But what difference does it make for us today ? At the moment only three browsers give you the ability to animate CSS properties – Chrome, Safari and Opera, which together take up only a small part of the browser market. Firefox is expected to soon join the club, and with the impending release of IE9, it suddenly makes sense to start leveraging this technique.Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare ... View demo Download source Today I want to show you how to create an amazing slide out menu or navigation for your website.
Whether you’re designing a website or a web application, you’ll need buttons for it. Now, with CSS3′s help, it was never easier to create nice looking buttons. In this article you’ll learn how to create some cool CSS3 buttons in just a few steps. View demo While last time we’ve created simple CSS3 gradient buttons , this time we’ll build some nice CSS3 buttons with icons.
Just some other awesome CSS3 buttons
Animate a Contact Us Slide-Out Area using jQuery – Inspect Element
14th July, 2009 Tom Kenny Tutorials Contact us pages are usually boring static pages with a form, not very exciting so what we’re going to do is place the contact us form at the top of the page and create a button that slides out and reveals the form when clicked. All with the help of our little friend, jQuery. View the Demo Download Files (.zip) First we start of with the necessary file includes: <link rel="stylesheet" href="contact.css"/>
SimpleModal Demos / Eric Martin / ericmmartin.com
Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings.
imageloader.js Online Example I released a YUI implementation of image gallery script a month ago. While it was quite an enjoyable experience to explore the potential of YUI and JavaScript, I found I have created many userful code snips (for instance this Loading Panel ) along the way.
A Useful JavaScript Image Loader | Code Central
This is an example of simple page that's centered and has a vertical sliding panel on the far right (try it! click on the 'infos' tab that's on the right!). We used jQuery to create this sliding panel (and CSS3 rounded corners because it looks cool) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget eros libero. Fusce tempus quam sit amet erat mollis a fermentum nibh imperdiet.
Vertical Sliding Info Panel With jQuery
BounceBox Notification Plugin With jQuery & CSS3
Earlier this week, while working on ZineScripts ‘ coupon code system, I found the need to be able to dynamically create and present a message box to Zine’s visitors. The usual routine would include digging through jQuery’s plugin repository and ending up with using a lightbox alternative, but I decided to take the time and build an one-off notification solution, which I am sharing with you today. Step 1 – XHTML Going straight to the point, what do you need to create this effect? The only thing you need is to create a div on your page and put some content inside it. Something like this:
How to create a kick-ass CSS3 progress bar
Please note: The original CSS3 progress bar shown in this tutorial has been created by Ivan Vanderbyl , which hereby gave me the right to reproduce and document his work. The following tutorial and the demo works best on Chrome and Safari, correctly on Firefox and very badly in Internet Explorer (eh…I’m sure you hadn’t guessed that). The DemojQuery iPhone UI – A Library That Mimics iPhone Interface
Few days ago, the jQuery team announced that they are working on jQuery Mobile which will probably become quickly popular on creating mobile web apps. for the fans of the library. On the other hand, there are already ready-to-use solutions like the pretty-complete jQuery iPhone UI (check the " Mobile Development " category for others). It is a jQuery library which emulates the iPhone interface that is handy for creating iPhone web applications.How to add advanced tooltips for people on your photo
1.- Term This Agreement commences on the date it is executed by the parties and it is renewed every day, unless terminated in accordance with its terms. 2.- Services Taggify Inc. agrees to provide the Publisher with the Services in respect of the websites on the terms and conditions of this Agreement. 3.- Traffic performance Taggify Inc. may establish a Minimum Traffic Level Requirement (“TQ Score”) and Click Through Rate (“CTR”) with the Publisher based on the profile of the Publisher’s Websites.If you know how to use CSS and Javascript, you can create some impressive websites. Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to Create a Dynamic Stack of Index Cards