Typography Effects with CSS3 and jQuery - Vimperator One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. Gregor then turned to look out the window at the dull weather.
Dynamic PNG shadow position & opacity with jQuery - by Daniel Kurdoghlian | PushingPixels.at Below you can see the magic interesting part of my script: This is, what makes the correct positioning of the shadow <div>. Just assign this function to a dragging event (+ window-resize & load) and you have your dynamic positioning. 100 jQuery Plugins for Image Galleries with Source Files For jQuery lovers we have collected some Image Galleries with source files, you can modify these files very easily and make animation of your own desire (many are free but under license conditions). As you know jQuery is very hot and almost every project is now having jQuery in any form. It must be having great collection for you. Here are 100 jQuery Plugins for Image Galleries with Source Files. You can also find 100+ Excellent jQuery plugins for Navigation and Menus, also published on Stunningmesh. 1. Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. 2. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. 3. The s3Slider jQuery plugin is made by example of jd’s smooth slide show script. 4. An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. 5. 6. 7. 8. 9. 10. 11. 12. 13.
jQuery effects, 150+ best for web developers and designers - Vimperator Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications. With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”. You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery. Transition effects As the name says, these effects are designed to generate animated switches between different elements, from smooth transitions to overlapping animations, here are some of the nicest transition effects made with jQuery: Special Presentation: jQuery SliderShock 1. A standard transition effect that always works well when implemented on your designs. 3.
Parallax Content Slider with CSS3 and jQuery A simple parallax content slider with different animations for each slider element and a background parallax effect. View demo Download source Today we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself. The idea for this comes from the slider of the Kendo UI homepage, a framework for modern HTML UI. How it works The slider contains several slides and each one will have an h2 element, a paragraph, a link and a division with an image: The core of this slider is the animations for each one of the elements. .da-slide-fromright.da-slide-fromleft.da-slide-toright.da-slide-toleft Given these classes, we can control the animation of each element: Options The following options are available when calling the cslider plugin: The parallax effect is created by moving the background of the slider to the opposite direction when sliding.
150+ Free and Time-Saving Photoshop Actions for Photo Retouching(Tutorial Included) Photoshop actions are really useful especially for amateur users.The main purpose of the actions is to make the photo editing and photo retouching very easily.If you are working with many photos everyday,you don’t have to edit each photo one by one.You play the action for the photo and in a few seconds,the recorded action applies the effects to the photo. The below tutorial helps you understand the actions and create your custom Photoshop Action. Sample Tutorial Let me show you how simple is to create a Photoshop action.Step 1 Open a photo file and find the Actions Tab in the upper right.As you see,there are default Photosho actions in Default Actions Set.You can either insert your custom action into the Default Action Set or you can create your own set to put in it. Step 2 Click on the Create New Action icon.You can name your action and set a function key.It’s up to you.Click on the Record Button.From now on every action you make will be recorded to use for different photos. That’s all
Best jQuery Plugins of 2011 | Resources - Vimperator jQuery was first released in 2006. Nearly 5 years later, it’s still going strong – due largely in part to the community that’s been built up around it. This community of developers constantly releases plugins that allow web developers to easily add amazing functionality to their projects. Continuing our “Best of 2011″ series, the focus this week is on jQuery plugins. Over the past eleven months we’ve seen a lot of great new plugins being released, which made choosing our favorites extremely difficult. Isotope Isotype is a jQuery plugin for creating dynamic and intelligent layouts. FitText FitText makes font-sizes flexible. FlexSlider FlexSlider is an awesome, fully responsive jQuery slider plugin. Sausage Sausage is a jQuery UI widget for contextual pagination. arbor.js Arbor is a graph visualization library built with web workers and jQuery. Mosaic Mosaic automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, and preloads images within boxes.
Top Design Magazine - Web Design and Digital Content Booklet - jQuery Plugin - Vimperator what is it? Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under the MIT license. Want to check out the source? Take a look at the project's GitHub Repository. see it work jQuery Booklet This is a sample booklet! Content Variety You can place any sort of html elements inside of your booklet pages. Default Options The default options include: Manual Page TurningThis option requires jQuery UI, but will degrade and be usable if not included. Move to the next page by dragging or the arrow keys to see the animation in action!
All Designs,Graphics and Web Resources-Naldz Graphics 7 Things I Wish I Had Known About jQuery - Vimperator This article is mostly aimed at people who are just starting to learn jQuery. I assume you know the following: Base knowledge of JavaScriptWhat jQuery isHow to include jQuery in a web pageBasic knowledge of how to use the $ function (for example: $(‘#test .testing’))Basic understanding of the chainable eventsKnow what $(document).ready(function () { }); does (sometimes seen as $(function () {} ); or $().ready(function() {});)Know intermediate HTML and CSS (lists, padding, colors, borders and margin) If you don’t know anything about how to use jQuery you should read this. This is not meant to be an introduction to jQuery. 1: Some Background Info Objects and Methods I know when I started learning jQuery, I wasn’t too familiar with objects and methods. Think of it this way: Objects work so well because they act just like real life objects- objects have properties and methods. Use the following code as an example: var testText = $('div#test').text(); Chainability JavaScript is ‘chainable’. The HTML
24 super outils html et css en ligne et gratuit Voici 24 services en ligne qui sont de super outils html et css , dont vous ne pourrez sans doute plus vous passez après les avoir testé Copier/coller du code html ou css dans un navigateur , le modifier, le nettoyer et tout ça , sans rien installer, aucun logiciel Maintenant cela est possible et vous allez avoir du choix avec ces 24 outils web pour html et css , gratuit et sans installations Pour avoir plus d’informations , suivez moi sur twitter ! css3please offre un moyen incroyablement facile de générer des balises propres à satisfaire tous les navigateurs. Il s’agit d’un très bon outil ! Il s’agit d’un générateur CSS3. Dans une belle interface, générant des bordures arrondies ne pouvait être plus facile. Bonbon buttons : créer de magnifique boutons pour vos sites web , de loin un des meilleurs générateurs de bouton sur le web aujourd’hui. Il peut être fastidieux de devoir saisir manuellement la direction et les codes de couleur pour parfaire le gradient CSS3. Facile non ?
Adapter jQuery à vos besoins - Vimperator Cet article se base sur l'acquis. Je vous conseille de lire ou de relire : Lors de la lecture de la FAQ jQuery, j'attire plus particulièrement votre attention sur la partie concernant jQuery.sub() . Nous allons revisiter l'espace de noms dvjh et nous servir de jQuery.sub() pour encapsuler une version personnalisée de jQuery. Rappel : les fenêtres de code s'ouvrent en cliquant sur le bouton placé à droite. jQuery.sub() produit un clone de l'objet jQuery, il a été créé pour deux types d'utilisations spécifiques : modifier les méthodes jQuery sans détruire les méthodes d'origine ; faciliter l'encapsulation et définir un espace de noms pour les plugins jQuery. Nous l'écrirons donc dorénavant en utilisant un clone de jQuery : Espace de noms dvjh Sélectionnez var dvjh = (function($){ // Propriétés, méthodes et objets privés return { // Propriétés, méthodes et objets publics } ; })(jQuery.sub()) ; Modification du prototype du clone Rendre le $ disponible Soupe de jQuery $(function(){ dvjh1.
Lava360° - Web Design, Resources, Freebies, Artwork & Tutorials