background preloader

100 Awesome CSS/Javascript Plugins and Coding Techniques

100 Awesome CSS/Javascript Plugins and Coding Techniques
Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques 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 You will learn how to create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Dynamic PNG shadow position & opacity You will learn how to create a movable object using javascript. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 Awesome Overlays with CSS3 The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. Sliding Vinyl with CSS3

http://www.topdesignmag.com/100-awesome-cssjavascript-plugins-and-coding-techniques/

Related:  awesame javascriptjQuery pluginsJavaScript

30+Beautiful jQuery Menu Navigation - jQuery Menu In this showcasing, we have pick up beautiful jquery menu navigation plugins and tutorials that you can also download free. In fact, menu is useful navigation link that you will see on every websites, it is an important part of website to show visitor about your website purpose and also easy for user to find information on the website. All those jquery plugin menu types such as jquery slide menu, jquery vertical menu, jquery menu dropdown, jquery context menu, jquery sliding menu, jquery tree menu, jquery menu button, jquery top menu, jquery menus, jquery menu bar, jquery floating menu, jquery accordion menu, jquery horizontal menu, jquery expanding menu, jquery hover menu, jquery popup menu…etc.

You Still Can’t Create a jQuery Plugin? It's tough. You read tutorial after tutorial, but they all assume that you know more than you actually do. By the time you're finished, you're left feeling more confused than you initially were. Why did he create an empty object?

The EqualHeights jQuery Plugin After I wrote and published my last article on writing a function to equalize heights in jQuery, I realized that the function would probably make a really useful jQuery plugin. This is that plugin. This is also my first attempt at a jQuery plugin, so I apologize in advance if I’ve done something painfully stupid (and painfully obvious) to any and all plugin veterans out there. Luckily, the functionality is extremely simple. You can download the plugin here (right-click and save the link). 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.

Quick CSS Trick: How To Center an Object Exactly In The Center I recently needed to make a placeholder page for a site. I wanted the logo image to be centered exactly in the middle of the screen, that is, both vertically and horizontally centered. Quickly, I thought I'd just give the image element a class of "centered" and then style that class: But as I'm sure you are thinking, this doesn't quite work. 10 jQuery Transition Effects: Moving Elements with Style Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 Brilliant techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

jQuery BBQ » Examples » hashchange » jQuery UI Tabs Your generous donation allows me to continue developing and updating my code! With jQuery BBQ you can keep track of state, history and allow bookmarking multiple jQuery UI tab widgets simultaneously.. just click some tabs, use your browser's back and next buttons, reload the page.. and when you're done playing, check out the code! Like the advanced window.onhashchange example, window.location.hash is used to store a serialized data object representing the state of multiple tab boxes. Due to the flexibility of $.bbq.pushState(), each tab box doesn't need to know the state of any other tab box to push a state change onto the history, only their state needs to be specifed and it will be merged in, creating a new history entry and a page state that is bookmarkable. Of course, if you only want to keep track of a single item on the page, you might want to check out the basic window.onhashchange example.

JavaScript : A sample registration form validation <<PreviousNext>> Description In this document we have discussed JavaScript Form Validation using a sample registration form. The tutorial explores JavaScript validation on submit with detail explanation. Following pictorial shows in which field, what validation we want to impose. jQuery 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.

CSS Center Screen DIV All you need to center a div is some CSS. You may also want to check out my other articles on div positioning: full screen , top right corner , bottom left , and bottom right . You can click the following link to preview this CSS in action: Click here to preview center screen div The CSS

16 Amazing jQuery Tooltips Collection This will be a most wanted list of jQuery tooltips collection for every web designer.When you surfing the web you can see different types of tooltips effect in web sites.Here I listed more popular jQuery tooltips collection in these days.I hope to update this article with new tooltips effects in future.So bookmark this article for your future preference if you like this post.Use the links given below for the tutorials,demos and downloads. The tooltip or infotip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over. jQuery (mb)Tooltip

jQuery Easing Plugin Description A jQuery plugin from GSGD to give advanced easing options. Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com

Related:  JavaScript by @jerrywestfall _bak