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. Best jQuery Plugins of 2010 For our “Best of 2010″ series we’ve already shown your our picks for best free WordPress themes and free fonts. So for this week the focus in on jQuery. This javascript framework continued to grow in popularity during 2010, which meant an abundance of plugins being released. This made it difficult to choose our favorites. We made a conscious effort to choose from a variety of types, and ones that were useful to web designers and that had some wow factor.
Super Easy Typographic Portrait in Photoshop Last year we posted on Abduzeedo a very cool post about typographic portraits, the 45 Amazing Type Faces - Typographic Portraits became one of the most popular posts on Abduzeedo, and a lot of people asked me how to create that effect in Photoshop. We have also posted a little tutorial showing how to do that using, Flash Photoshop Quick Tips #5 - Typographic Portrait, however I decided to create a nice typographic effect using just Photoshop. So in this tutorial I will show you how to create a really cool and super easy typographic portrait in Photoshop. We will use the Displace filter and some Blend Modes to achieve the effect. 30 jQuery Accordion Menus, Tutorials And Best Examples Accordion menus are used widely in navigating, 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 the design point of view aby giving your visitor unique experience while he is looking at the site. Great, isn’t it? – here you will find a lot of customizable plugins, and tutorials to help you to understand accordions.
SimpleModal Demos / Eric Martin / ericmmartin.com Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel. Demo Download 20 Websites To Help You Learn and Master CSS CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand. It’s super important to understand because your website’s reputation partially relies on it, as it is the backbone of your web design. This article features 20 excellent websites to help you “grok” CSS. Pagemap ImageWall — Freeware Web Photo Gallery with slideshow 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.
Nivo Slider - The Most Awesome jQuery Image Slider Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Include the image slider in your posts and pages using a simple shortcode.
6 Killer Text Replacement Tricks to Improve your Typography Typography has long been a large part of graphic, and web design. In the past though, web design has had to suffer typographically, with any text that was wanted in a non web safe font (a font already stored locally on users computers) had to be rendered as an image; not exactly brilliant for the user interface department. Font’s like Lucida Grande, Helvetica and Myriad Pro were as exciting as it got. Not any more though. Over the last few years we have seen the rise of some fantastic tools to allow us to get creative with the typefaces we use on our websites. There are really two mainstream approaches here; @font-face, and of course, Flash. Accordion v2.0 Demo 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!
Quicker Than window.onload by 15 Days Of jQuery 21 May Posted by Jack as Tutorials Window.onload() is a workhorse of traditional javascript code. It’s been used by coders for years to kick start the client side magic as soon as everything on the page loads up. But sometimes waiting for a page to load just isn’t quick enough. A few large image files will quickly reveal that window.onload() can be painfully slow. Five Minute Upgrade Add a Mobile Landing Page to Your Site Give mobile visitors a way to quickly access your company phone number, email, or just directions to the office. Five Minute Upgrade – Make Your Workstation (More) Ergonomic If you pile on hour after hour in front of a screen, maybe you should take the time to make sure you’re as comfortable as you could possibly be – which is where ergonomics comes in.
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.
Introduction to jQuery Introduction This screencast will give you an introduction to jQuery. We’ll explain what jQuery is, why you’d use it, and then how you’d use it in your code. After finishing this screencast you’ll be able to use the core functionality of jQuery in your projects, and be on your way to writing unobtrusive javascript in powerful web applications.