Scripteka :: Prototype extensions library Commented On s3Slider This example shows the layer appears on top or bottom. Lorem ipsum dolorConsectetuer adipiscing elit. Donec eu massa vitae arcu laoreet aliquet. This example shows the layer appears on left or right. Morbi malesuadaVivamus molestie leo sed justo. In hac habitasseQuisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. This example shows the layer appears on all sides (left, right, bottom or top). Morbi malesuadaVivamus molestie leo sed justo. In hac habitasseQuisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. WP FollowMe plugin | wpBurn.com WP FollowMe is a wordpress plugin that allows you to add a twitter “Follow me” badge on your wordpress blog. Get what version you like more : Update v2.0.4 : 404 not found error for css file fixedminor bugs fixed Update v2.0.3 : The badge is completly in flash.The text is displayed sideways.Added border color option. Update v2.0 : Choose from 16 twitter icons or use your own.Edit the icon background color.Edit the “Follow Me” text.Change text color.Change font size.Change font family. If you found a bug or if you have a twitter icon that you want to share with all other users of this plugin let me know on comments section. What you need to use this plugin : a wordpress powered website (blog)a twitter.com account (obviously) How to use it : Demo : This website is a good demo to see how the FollowMe badge will look on your website. Screenshots : FollowMe badge Download WP FollowMe v2.0.4
Introducing: The sliding date-picker Update (July 13): Please mind that there is a follow-up post Update (May 17): I am planning to move this project to Google Code. I received some nice improvements, so it would be good to form a team and develop this project further to fix all the bugs that are still out there. Contact me at willem [:at:] ajaxorized Update (May 10): Thank you all for your support. You came for the demo right? Due to the development of Qash.nl , a Dutch personal finance website full of cool javascript features, it's somewhat quiet around here. Implemeting is easy. Then, include the stylesheet: Then copypaste this to your HTML: Start: End: Finally, create the dateslider object. p_oDateSlider = new DateSlider('sliderbar', '2007-10-01', '2008-10-01', 2001, 2009); p_oDateSlider.attachFields($('datestart'), $('dateend')); Thats it! Enjoy!
Flexigrid - Web 2.0 Javscript Grid for jQuery jQuery Expander slideToggle("fast") The .slideToggle() method animates the height of the matched elements, causing the matched elements to be hidden or shown in a "sliding" manner. If the element is initially shown, it will be hidden. If it is initially hidden, it will be shown. When the height reaches 0 after a hiding animation, the display style property is set to 'none' so the element no longer affects the layout of the page. The duration of the animation of this section is 'fast', i.e., 200 milliseconds. John V. It is important to mention that the Atanasoff-Berry Computer was never patented and because of that it was not known until 1960's. First public recognition: In 1970 John Atanasoff was invited to Bulgaria by the Bulgarian Academy of Sciences, and the Bulgarian Government conferred to him the Order of Saints Cyril and Methodius, First Class (Bulgaria's highest honor accorded a scientist). Back to top slideToggle("slow")
Cu3er Post Elements | 18 Elements We all love Cu3er. It’s an easy to use, remarkable free flash component, created by Stefan Kovac. We use it on our front page and simply love it! Unfortunately Cu3er didn’t have a WordPress plugin for everyone to use, until now! Introducing Cu3er Post Elements plugin It is simple to use and requires now programming skills, simply download the plugin, install it on your site activate and configure it, and you have all you need for running the Cu3er on your site. The plugin pulls an image and you excerpt from a post and presents it as a cu3er gallery. Download: WordPress Repository Current version: 0.5.0 Installation Upload `cu3er-posts-elements` directory to the `/wp-content/plugins/` directory. Where do I insert the code? Go to your WordPress control panel Select Appearance > Editor Select one of the template files you’d like the Cu3er be inserted into. ( normally: Main Index Template (index.php) or Header (header.php) ) Paste the code somewhere on that page. Using your own fonts
Prototip 2 - Create beautiful tooltips with ease Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Demo | jQuery.popeye 2.0 | an inline lightbox alternative x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Example 1 The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image. No need to read this, just dummy text ;-) Vivamus ut nisi id libero interdum pretium. View HTML code used in this example Example 2 The second popeye-box has the following user-defined options: direction: 'left' - open to the left. caption: false - do not display captions (even though the images have alt tags with text). navigation: 'permanent' - the navigation is always visible. The navigation stays fixed to the right of the image. View HTML code used in this example Donate
jQuery for Designers How to Solve the Problem Recreating this effect is simple to do if you know what plugins to use. There are plugins out in the wild already, but we want our jQuery to satisfy the following requirements: Degrades perfectly without JavaScript enabledSliding panels effect without hogging browser CPUNext and previous buttons added using JavaScript because they hold no use without JavaScriptHitting the page with a specific hash (i.e. page.html#preview) shows the right tab, and highlights the right navigationAny link on the page that refers back to a panel should trigger the effect and highlight the right navigation – this should happen without any extra work The hash is the emphasised part (including the # symbol) in: In fact, our version of this slider will be better than Panic’s and the current jQuery plugins if we can meet all of the requirements. I’ve provided a screencast to walk through how create this functionality. Plugins Required Markup