Jquery | vitali software

Posts Tagged ‘jquery’

Create a Progress Bar With Javascript

Thursday April 9th, 2009

Source: Create a Progress Bar With Javascript – Nettuts+.

“The progress bar is currently only determinate, which means when we update it, we have to tell it explicitly what its value is, and we must know beforehand when the process it is used to measure completes. This widget is not currently the best choice for a process which will take an indeterminate length of time to complete. It’s a very simple widget with a small API that exposes a limited number of properties and methods, but it can still be highly effective and is great for providing visual feedback to visitors on the percentage of a process is left before it is complete…”

(Read the entire original post)

Tags: javascript, jquery, tutorial, usability, webdesign
Posted in Bookmarks, Web Design | 1 Comment »

Learn How to Style Articles for Print and Email

Monday April 6th, 2009

Source: Learn How to Style Articles for Print and Email – Nettuts+.

“When designing websites, a commonly desired feature is the ability to dynamically print or email any section of a webpage. Unfortunately, this idea is usually scrapped later in the project due to a lack of time or knowledge. Formatting the text for printing is more difficult than it might initially seem. Today, we will use JavaScript to automatically search for certain page elements and format them correctly for a printing…”

(Read the entire original post)

Tags: css, jquery, print, tutorial, webdesign, webdev
Posted in Bookmarks, Web Design, Web Development | 1 Comment »

20 Useful PHP + jQuery Components & Tuts for Everyday Project

Source: 20 Useful PHP + jQuery Components & Tuts for Everyday Project | Noupe.

“Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed Ajax technology. When you combine some neat functionality courtesy of PHP with the cleverness of jQuery you can produce some pretty neat effects. In an effort to help you take it up a notch, we’d like to share some methods for helping your site anticipate a user’s next move…”

(Visit the entire original post)

Tags: jquery, php, resources, tutorials, webdesign
Posted in Bookmarks, Web Design, Web Development | No Comments »

Bookmarks for April 3rd, 2009 – Part 3

Friday April 3rd, 2009

These are my links for April 3rd, 2009:

Tags: ajax, autocomplete, autosuggest, background, backgrounds, chalkboard, css, delicious, Design, free, freebies, gallery, grunge, illustration, inspiration, javascript, jquery, landscape, navigation, paper, Photography, photos, photoshop, php, resources, scripts, search, showcase, slider, slideshow, textures, tooltip, tutorial, usability, webdesign, webdev, xhtml
Posted in Bookmarks | No Comments »

Bookmarks for April 3rd, 2009 – Part 2

These are my links for April 3rd, 2009:

Tags: architecture, art, business, colors, delicious, Design, freelance, furniture, geek, inspiration, interior, javascript, jquery, menu, navigation, plugins, showcase, space, textures, web, webdesign
Posted in Bookmarks | No Comments »

Bookmarks for March 30th, 2009 – Part 1

Monday March 30th, 2009

These are my links for March 30th, 2009:

35 Creative Business Cards | Graphic Design Blog – Who doesn’t need a business card…corporate workers, skilled professionals, consultants, entrepreneurs, freelancers and the list goes on. Therefore, without wasting my and your time, discussing the significance of business cards, I want to share the aim of this post… (More…)
Weird, Confusing and Irritating Photography | Inspiration | Smashing Magazine – We daily come across with so many photos some of them are good while some are not happening. Some photos are so ordinary that you hardly keep them in mind while some of the photos are simply outstanding and awesome pieces of photography that you reminisce them again and again, and just wonder how photographer has taken such a beautiful picture… (More…)
21 Must-Have Scripts For Your Favorite Javascript Library (jQuery, MooTools, Prototype) – Labs – In attempting to spruce up my knowledge of Javascript, I’ve been trolling around the net collecting scripts and tutorials for various Javascript libraries, mainly jQuery, MooTools, and Prototype. Of the three, MooTools seems to supply me with the most JS lovin’ – it’s easy to learn, holds super powerful Ajax abilities, and is customizable to the core… (More…)
Beautiful Grid Based Blog Designs + Why They Are Awesome « WP TOY – Grid based design is a clean way to lay out as much content as possible on one page, while keeping it structured and eye-appealing. Myself am a big fan of those grid based layouts and I am happy to see that more and more blogs are heading this way… (More…)
70 Corporate Mascot Designs | 10Steps.SG – PSD Tutorials and Resources – Mascot (can be a person, animal or object) is thought to bring luck and usually is used to represent a corporate brand or a common public identity. So choosing the right mascot design is important… (More…)
20 of the Best Free Stock Photo Sites | PSDVIBE – Tutorials and Resources – When designing a website stock photography can sometimes play a big roll. With all the commercial stock photo sites out there, it’s sometimes hard to find the ones that offer quality images free… (More…)
15 Online Financial Tools for Freelance Designers | Webdesigner Depot – Efficiency and organization are critical for freelance web designers. Managing finances and tracking down payments is not what drew most freelancers into this line of work. Fortunately, while handling finances is a necessary part of the business of freelancing, there are many tools and resources to that can help to simplify things. These tools can be critical to keeping your business running smoothly and efficiently… (More…)
Plugin Review: cSprites for WordPress | Weblog Tools Collection – cSprites for WordPress plugin helps speed up your blog by reducing the number of requests made for images. When activated all images within a post will automatically be stitched up and displayed properly as compressed CSS sprites… (More…)
70 Stunning Cityscape Photographs | Spoonfed Design – When you think of a city, the word beautiful usually isn’t the first thing that comes to mind. Good urban photography will turn a gross city into a breath taking image, and here are 70 examples of images that do just that. All these images are extremely colorful and very dramatic… (More…)
SXSW Typography: Quit Bitchin and get Your Glyph on – Designers are still complaining about the limitations of Web typography. Is their case valid, and will it be in the future? What myths are there about web typography and how do we dispel them? This panel will discuss overcoming constraints on web to create elegant, legible, and expressive typography… (More…)
You Say Toh-may-to, I Say Tah-mah-to – FreelanceSwitch – The Freelance Blog – People can get so caught up in doing things a certain way. It’s important to remember that there are many methods of doing things. And as freelancers, it’s equally as vital to be kind when explaining your school of thought. After all, you represent your business now, so it’s imperative to stay professional. (More…)
7 jQuery Plugins to Manipulate TEXTAREAs | Steve Reynolds Blog – 7 jQuery Plugins: Mark It Up, ReType, Modal Preview, Text Input Limiter, HTMLBox, Resize, TypeWatch (More…)
Retrofuturistic Ads: Selling a Brighter Tomorrow | WebUrbanist – These 15 retrofuturistic ads showcase one of advertising’s most time-tested traits: convincing the target market a better, brighter future can be theirs TODAY – once they purchase this must-have product… (More…)
MyInkTrail: Best of the Design Community, March 2009 | My Ink Blog – Another month in the books. MyInkBlog’s 1 year anniversary is creeping up dangerously fast, I’m still brainstorming how I’ll be celebrating that. Till then, enjoy this month’s roundup of the best stuff from the design community… (More…)
Free Video Stock Footage Resources Online – Robin Good’s Latest News – If you are looking for online resources where you can find free video stock footage for your online video productions, you have landed on the right page… (More…)
Polaroid Frames Brushes for your Pictures | Photoshop Tutorials – So, you love polaroid pictures..but don't own a polaroid camera. That's a problem we can easily solve with these collection of polaroid brushes. Select your favorite polaroid brushes or frames and install them in Photoshop. And you'll just a few steps away from having a perfect polaroid theme image… (More…)
10 Creative & Rich UI interfaces & How to Create Them | Noupe – Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see… (More…)
How to Make Unique Front Page Teasers for WordPress Posts | Build Internet! – If you’ve ended up on this post from our front page, you’ll notice that the teaser text which appears there is not displayed above. The content listed on that page varies from the content here. It’s an easy tweak done by dividing the post in two using built in WordPress tags… (More…)
30 Free Seamless Colorful Patterns | Desizn Tech – Last week saw the video of From-the-Couch.com .I also asked my self Why is the Blogging World so Nice? I mean we spent countless hours on creating a freebies that we are giving away for free.All we want in exchange is traffic and subscribers. So, readers do not say bloggers are not nice. Say thanks and pass along the link if there a blog you like. Anyhow, here are more Freebies From Desizn Tech. I am obsessed with patterns and textures for the moment. There are 30 original seamless patterns. Below are the demo for some patterns. Hope you enjoy these… (More…)
9 Steps To A Happy Relationship With Your Hosting Provider | How-To | Smashing Magazine – Having a good relationship with your hosting provider is perhaps not crucial, but pretty darn close to it if you want to maintain a fully functional website. Remember that even though you are the client, you still need to abide by the beloved ToC (Terms and Conditions) of your hosting provider. You should also research hosting plans to prevent future quagmires. Listed below are ten points to think about before signing up with a Web host and what to do if you already have a provider… (More…)
Create an Abstract Underwater Scene – Create an awesome abstract underwater scene using photo manipulation techniques. Learn how to create a complex abstract composition… (More…)
Color Scheme Inspiration – Underwater Scenes | Build Internet! – Scuba gear at ready, this round of color inspiration takes a dive for some more aquatic themes… (More…)

Tags: ads, advertising, ajax, art, articles, bestof, blogs, branding, brushes, business, businesscards, color, colors, corporate, css, debate, delicious, Design, discussion, financial, fonts, footage, forms, free, freebies, freelance, glyph, grid, history, hosting, image-replacement, inspiration, interface, internet, javascript, jquery, mascot, mootools, movies, online, optimize, patterns, Photography, photos, photoshop, plugin, plugins, png, polaroid, prototype, resources, retro, scheme, screencasts, scripts, seamless, server, sifr, sprites, stock, sxsw, textarea, texture, tips, tools, tutorial, tutorials, typography, ui, underwater, urban, usability, videos, webdesign, webdev, webhosting, weird, WordPress, work, wysiwyg
Posted in Bookmarks | No Comments »

Bookmarks for March 29th, 2009

Sunday March 29th, 2009

These are my links for March 29th, 2009:

12 Excellent Tools for Picking a Domain Name – Selecting the perfect domain name for your website is the most important, and oftentimes hardest, step in establishing a web presence. There are plenty of tools out there that can help you ease the burden of checking available domains and suggesting similar names that are related to your searches. In this article, you’ll read about 12 neat web tools that will lend you a hand in finding and choosing domain names… (More…)
Virtual Private Server – Advantages for Bloggers / Web Designers (Plus a Business Idea) | Pro Blog Design – If you're just getting started or your web site doesn't take up too much traffic just yet, then a shared webhost may be all you need. The only problem is, not all shared hosting is created the same… (More…)
50 Stunningly Creative Interactive Flash Websites | Spoonfed Design – In the world of Flash-based web applications, there are an endless number of possibilities. Flash is a platform which allows for creativity to flow into a website. Interactive is one way that Flash websites are set away from the rest. Here are 50 amazing interactive and creative Flash websites… (More…)
20 Awesome Examples of Craig Shields’ Work – Also known as ‘Surpy’, Craig Shields is a young and very talented designer from the UK that has incredible illustration, typography and doodle works… (More…)
4 Principles of Good Design for Websites | My Ink Blog – One of my absolute favorite design books is, Robin Williams Design Workshop. It looks into practical design theories and showcases awesome examples. One of the areas of focus that I’ve taken into all my designs are the four major design principles. They include: contrast, repetition, alignment, and proximity… (More…)
Making a jQuery Plugin Truly Customizable » Learning jQuery – Tips, Techniques, Tutorials – Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered the very particular art involved. Achieving the "optimum level" of customization is a bit of a balancing act… go too far either way and you've got an unusable plugin!… (More…)
Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop | PSD Vault – High Quality Adobe Photoshop Tutorial with Uniqueness in Mind – In this tutorial, I will demonstrate the processes I used to design this soft and smooth, fresh feeling text effect with leaves and stone texture in Photoshop… (More…)
Free Web Design Icon Set – Here is another icon set that I made nearly two years ago. I always planned to make over 1,000 of these but never got round to it. There are 310 of them and they are designed to be used on web design projects, but some are also suited to be used as system icons. They are all 16 by 16 pixels, in PNG format and free to use in print and web projects… (More…)
» Green Design Showcase – Nature Inspired WebAir Blog – A list of 25 inspirational green web designs (More…)
» Hand-made modern Design Style Showcases WebAir Blog – Handwritten + post-it = Cool Comunication Design! (More…)
Web Templates Blog » Blog Archive » Flash templates for online photo portfolios – Hope you’ve already read our most on the most striking photo portfolios. I also hope you’ve been inspired to create your own photo portfolio or update the one you have. If so then I’m just in time. I’d like to share the most eye catching portfolio templates and art & photography templates with you. With these templates you can create mind blowing photo portfolios and share your best photos with others… (More…)
The Easiest Way to Use Any Font You Wish – Nettuts+ – CSS 3 is on the horizon, and we're all getting excited. Thanks to the latest browser updates, developers can begin working with time-saving new properties – such as @font-face. Unfortunately, the availability of these features is limited to a tiny fraction of our overall userbase. At least for the next year or so, we'll need to continue utilizing the Flash and Javascript alternatives when embedding fonts… (More…)
Illustration Collection Volume 2 – Craig Baldwin’s Blog – Well after the success of the last Illustration Collection, thanks in no small part to my inclusion in the VectorTuts monthly round cup, I thought I’d put together another collection of excellent illustrative work. What I look for when putting together these posts is work that jumps out to me, I like punchy visuals and strong colours but I also really like unique things as I’m sure plenty of other people do… (More…)
How to Create a Grunge Style Illustration with Stains – Psdtuts+ – Inspired by the article "18+ Sources of Inspiration from Coffee, Ink, Blood and other Stains," by Steven Snell, I decided to show my personal way of creating stain based designs in Photoshop. In this tutorial, we'll grab a picture, apply several filters to it and obtain a monochromatic stain, which combined with stain brushes and a texture will transform into an eye-catching grunge result… (More…)
Beautiful Pictures For Spring Inspiration | Inspiration | Smashing Magazine – Inspiration is all around us: you can derive new ideas from people you meet, places you visit and observations you make. Sometimes it is enough just to take a look around and observe the beauty of nature surrounding us everywhere. For instance, spring is often considered the most beautiful and inspirational period of the year, with its refreshing, colorful, vivid imagery and structures. And this post hopes to prove just that… (More…)
60+ Free Vectors Icons for Web Designers | SherifAbdou – The Design Blog – Finding decent hi-quality vector icons for free via google is kinda hard & annoying. My results mainly lead to sites that wanted to sell you icons. I don’t beleive in paying for things like that, especially when there’s an abundant amount of vector icons that are available for free… (More…)
A Ton of Twitter – Twitter graphics for your site! | DivageekDesigns.com – Need Twitter Icons? Well here ya go! Here you’ll find Tons of Twitter graphics and icon sets that I’ve collected online that you can use on your blog or website… (More…)
30+ Twitter Icons für Websites – Collection of 30 Twitter icons for use on websites… (More…)
100+ Remarkably Beautiful Twitter Icons And Buttons | Icons – A compilation of 100+ Remarkably Beautiful Twitter Icons And Buttons you can apply on your site. (More…)
Best of the "B" Fonts | Nerd Business Blog – The ultimate list of the greatest fonts ever made continues in this edition with 142 of the highest quality fonts starting with the letter "B"… (More…)
99 Cool Fonts Starting with "A" | Nerd Business Blog – This in depth font review gives you the advantage of seeing about a hundred cool fonts you can quickly deploy on your upcoming design project. This first edition of my pursuit to identify the 2000 best and most coolest fonts – involves establishing a huge reference of the highest quality fonts: EVER MADE… (More…)
Geometric Pop Art – Tadaomi Shibuya (8 illustrations) – My Modern Metropolis – Tadaomi Shibuya's use of straight lines and shadows transcends into some really original artwork. He creates a perfect sense of balance with his geometric patterns. Born in 1973, Tadaomi graduated college with a degree in product design, and began working as an illustrator/designer/artist. He currently lives in Yokohama, Japan… (More…)
Toxel.com » Creative and Unusual Refrigerator Magnets – Collection of unusual and creative magnets that will look great on any fridge… (More…)
Inspirational Quotes Remixed – In the beginning of 2009, I compiled 22 smart, inspirational quotes from bloggers in 2008 to share with you. Today I thought it would be fun to mash-up some of the quotes with visuals to make them come alive… (More…)
Brooke Inman :: Everything Color Circle – (More…)
Rule #1: The guide to WordPress SEO – (More…)
Recycled Treasures Converted Into Inspired Art | WebUrbanist – Wait – before you toss that into the garbage, can it be recycled? Many things obviously can in traditional ways, but an artist often sees beyond the obvious. With a creative eye and artful touch, art can be created with nearly any medium. Innovative artists can transform what you might consider trash into amazing art… (More…)
ForTheLose.org – How To: Use Custom Fields in WordPress – Custom Fields are one of the most powerful features in WordPress. Most newbies are either afraid of these mysterious input areas or simply don't even know they exist. In this post, my goal is to enlighten you on what exactly the Custom Fields are and provide some examples of what they can be used for. Let's get started, shall we?… (More…)
20 Cool WordPress Blog Designs « WPCrowd – I want to contribute to all showcases on the globe with my glorious showcase with WordPress blog designs. There are a lot of cool WordPress designs in the web but I collected the most great I could find. This showcase is with 20 Cool well designed WordPress websites and blogs with original colors and themes. Every design is unique with rich colors and styles… (More…)
150+ beautiful photoshop patterns brushes and textures for download – WittySparks – It’s always very tough to find the best, free, different and hi resolution photoshop textures, patterns or brushes for download. I always collect the best resources at one place for my future reference – in that way it will be very easy for me to get the best stuff at the right time. Just sharing the same with you all and I always love to check the best resources, please share the same via comments… (More…)

Tags: art, artist, backgrounds, badges, Blogging, branding, brushes, business, buttons, color, colors, creative, creativity, css, css3, cufon, custom, customize, delicious, Design, designer, designers, domain, effect, flash, fonts, free, geek, geometry, graphicdesign, green, grunge, handdrawn, hosting, icons, illustration, illustrations, inspiration, inspirational, interactive, internet, javascript, jquery, layout, magnets, nature, patterns, Photography, photoshop, plugin, portfolio, quotes, resources, search, seo, server, showcase, sifr, spring, stone, templates, text, texture, textures, tips, tools, tutorial, Twitter, typography, urban, vectors, webdesign, webdev, webhosting, WordPress
Posted in Bookmarks | 4 Comments »

The best of the jQuery tutorials and plugins

Wednesday February 4th, 2009

Here are some of the best of the jQuery tutorials and plugins that I’ve recently found on the web. This collection of 30 plugins, tutorials and tips should help every web designers and web developers to improve their website in only a few steps

If you’ve liked these links, then follow me on twitter (@Othella): I would be pleased to share a lot of useful links with you!

1 – The Basics of Writing a jQuery Plugin

A template ideal for developing jQuery plugins. (Link)

2 – Creating a “Filterable” Portfolio with jQuery

How to make “filtering by category” a little more interesting with just a little bit of jQuery. (Link)

3 – Columnizer jQuery Plugin

The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. (Link)

4 – How to Validate Forms in both sides using PHP and jQuery

How to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). (Link)

5 – Building your first jQuery plugin

This tutorial will take you step by step through creating your very own truncation plugin. (Link)

6 – Creating A jQuery Plugin From Scratch

A really basic jQuery plugin just to cement the format in your head. (Link)

7 – Styling Buttons and Toolbars with the jQuery UI CSS Framework

Some button examples that demonstrate how to incorporate the power of the CSS framework classes in a custom widget. (Link)

8 – jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. (Link)

9 – Ajaxify jQuery plugin

Ajaxify is a jQuery plugin. It can convert all links in a web page into an ajax load and submit requests. With this ultra weight plugin, you can build a complex ajax website with one single line. (Link)

10 – Setting Equal Heights with jQuery

A script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead. (Link)

11 – jQuery Plugin – Link Control

A simple jQuery plugin designed to give the end user control over whether they want to open a link in a new window or not without having to right click and such. (Link)

12 – jQuery Page Peel

A jQuery plugin for the page peel ad effect used on quite a few sites now. (Link)

13 – Achieving Rounded Corners in Internet Explorer for jQuery UI with DD_roundies

DD_roundies is a javascript library authored by Drew Diller which offers a new approach to bringing rounded corners to Internet Explorer (a browser notorious for its CSS shortcomings). (Link)

14 – Fixing IE overflow problem

How to move the horizontal scroll bar to the outside of our overflowed element. (Link)

15 – Vertically Center An Element

In this video tutorial, you’ll learn how you can vertically center an image in your browser by combining CSS with jQuery’s power. (Link)

16 – JSizes ― jQuery extension plugin for CSS properties

JSizes is a small plugin for the jQuery JavaScript library which adds support for querying and setting the CSS min-width, min-height, max-width, max-height, border-*-width, margin, and padding properties. Additionally it has one method for determining whether an element is visible. (Link)

17 – jQuery Scroll Follow

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. (Link)

18 – jQuery plugin: ‘imgPreview’

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time! (Link)

19 – jQuery ListNav Plugin

This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. (Link)