Web
Get flash to fully experience Pearltrees
Codrops - useful drops of code
A really well designed user interface is one that goes unnoticed by the user, whereas a poorly designed user interface forces the user to pay attention to it instead of the content. Users come to ... read more If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It's a reall... read more
September was yet another exciting month for web developers. New Javascript libraries, major acquisitions, and monster open source projects were some of the things that happened as Summer died out. And that’s not including the usual plethora of excellent tips and articles published from top-notch web development sites. Read on for some of September’s highlights in web development. FriendFeed Launches Tornado Friendfeed made an announcement last month that has a major impact on developers: they have open sourced the Tornado web server and accompanying framework that powers FriendFeed. The framework is non-blocking and blazing fast, and can handle thousands of simultaneous connections.
Best of the Web: September
After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by. Other caveats were the complete lack of ability to style and position the system, and the insane over-kill of some of the systems trying to reproduce either another desktop (As if most computer users aren't confused enough) or the reproduction of a popup window (Show me someone who likes popup windows...).
LightWindow Demo
jQuery.ScrollTo
Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself. How to specify what to scroll ? Simple, all the matched elements will be scrolled, for example:
CSS Layouts: 40 Tutorials, Tips, Demos and Best Practices - Noupe Design Blog
Jul 28 2008 The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind. And this is what this article is all about. Finding the perfect Layout that have Total Flexibility , Equal Height Columns and just works fine.
Many months ago, I posted a note to the jQuery discussion list showing a script I wrote that uses the Interface plugin's ScrollTo() method to automatically scroll smoothly to any id or named anchor on the current page when clicking on a same-page link. The code was unwieldy and unneccessarily long, but it worked. A little game of one-upmanship followed among some of the gurus, ultimately reducing my 18 lines of code to 11. And that made me happy—until I tried the code in Internet Explorer 6. It didn't throw an error, but the smooth scrolling didn't seem to work in that one sad-sack browser. Since I was writing the code for my day job and I didn't have a lot of extra time to investigate the issue, I just left my initial code in there and shrugged it off.
Animated Scrolling for Same-Page Links
Dynamic Drive DHTML Scripts- CMotion Image Gallery
Note: Updated Aug 24th, 06' by jscheuer1 for various improvements. Description: CMotion Image Gallery is a versatile gallery script that uses the most intuitive input devise available, the user's mouse, to control it! The user can direct both the image scrolling direction and speed just by placing the mouse on either spectrums of the image gallery. Clicking on an image can then load a larger version of it, navigate to a page etc. Apart from the gallery's dimensions, you can also specify its top scrolling speed, with the script then creating a range from 0-top speed and distributing it evenly across the gallery.
Magento is a stunningly powerful e-commerce platform. In this miniseries, we’ll learn how to get started with the platform, getting to know the terminologies, setting up a store and all related aspects of it, and finally how to customize it to make it our very own. In this second part, we’ll focus on short, simple steps to get your Magento store from installed to ready for deployment, which will cover setting up your products, product categories, taxes, shipping, payment gateways and much more! Excited?
Magento for Designers: Part 2
The 20 Most Practical and Creative Uses of jQuery
There have been plenty of posts on the number of awesome jQuery plugins and where to find them. However, sometimes it is best not to rely on third party plugins and resources. Do it yourself the old fashioned way! Today, we will have a look at 20+ creative uses of jQuery in modern day websites and applications; sure to inspire you for your next project. James Padolsey Color Switcher One of our sporadic writers, James Padolsey, has a nice feature on his website. A “customize” bar in the top right portion of the screen allows you to change the background color of the header.
Accordion menus are used widely in navigation, sliding, minimizing and maximizing content. Such accordions practically are expandable whenever needed, you can really save some space and be able to show a lot of information using this technique. Yes, and of course such sliding content always is great from design point of view and giving your visitor unique experience while he is visiting. Great isn’t it? – here you will find a lot of customizable plugins, tutorials helping you to understand accordions at all as well as great examples, where this technique has been implemented in successful sites! This article has been updated on 5/28/2012
30 jQuery Accordion Menus, Tutorials And Best Examples
A picture is worth a thousand words This is a new version of the Accordion Image Menu Plugin that fixs some bugs and includes new features. New Features Horizontal and Vertical position for the menus. You can include more than one menu in your pages. The shortcode allows several options.
Accordion Image Menu V 2.0 — Web Argument
Configuration With Config Tags you can customize Pagemap Imagewall to your needs: change colours and sizes, include the gallery in your own PHP scripts, create a footer with links to contact and your home page … and much more. Just create a text file (.txt) named config.txt and write the Config Tags in there. If write permissions for your Pagemap Imagewall directory is to 0777 the script will create a default config.txt by itself. A list with all available Config Tags is located in the select field above. Uninstall
Pagemap ImageWall — Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios
What's new in v2.0? Well i listened to all you guys out there in my forum and my blog and now all those wishes have been granted! Open/Close functionality added (Click on an active accordion). Nested Vertical Accordions Accordions will dynamically resize on content added REAL TIME! ...lots of bug fixes!
Accordion v2.0 Demo
The Pop Over Plugin » description - WordPress Plugins and Themes, with added BuddyPress and Multisite Goodness – WPMU DEV
For help with installing plugins please see our Plugin installation guide Login to your admin panel for WordPress or Multisite and activate the plugin: On regular WordPress installs – visit Plugins and Activate the plugin. For WordPress Multisite installs – Activate it site-by-site (say if you wanted to make it a Pro Sites premium plugin), or visit Network Admin -> Plugins and Network Activate the plugin.Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.