Lettering.js - A jQuery plugin for radical web typography. JSCritic. DevDocs. Getify/You-Dont-Know-JS. Hierarchy for Photoshop DOM. ObjJobhierarchyobjectspropertiesmethodsconstants Hierarchy for Photoshop DOM Comments, questions, flames, and especially corrections should be emailed to the ObjJob author.
Adobe InDesign CS5 (7.0) Object Model JS: Table of Contents - (Navigation privée) CodingBat - (Navigation privée) Jsdo.it - Share JavaScript, HTML5 and CSS - (Navigation privée) Faire un jeu HTML5 3D (WebGL) avec des logiciels libres #javascript. Depuis quelques mois nous tentons beaucoup de choses sur Jocly et nous avons abouti à un résultat qui dépassait nos espérances: une skin 3D WebGL et donc sans plugin pour un de nos jeux favoris, Yohoho 3D.
Certes il faut un ordinateur et un browser compatibles, mais c’est une tendance lourde, n’en doutons pas Si tu n’as pas la configuration nécessaire, pour te donner un idée, avec beaucoup de bidouilles et de transpiration on arrive à ça: Et on en est plutôt content Je voulais partager un peu le chemin que nous avons parcouru et les technologies retenues. J’insiste, l’intention ici est de partager, aucune prétention à une expertise quelconque. Pour ce qui est de la 3D, nous gardions un oeil depuis longtemps sur threejs puisque notre API propose au développeur de travailler en javascript. Le workflow Au stade où nous en sommes, voici notre processus de création: Modélisation Il va falloir faire un peu attention aux paramètres d’export selon les cas.
L’environnement Codage Jocly Tutoriels Drapeau. Airbnb/javascript. Sausage.js. Arctext.js - Curving text with CSS3 and jQuery. Hammer.js — A javascript library for multi touch gestures. Home - Tooltip your images - iPicture jQuery Plugin. jQuery Plugin. Socialite.js. jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers. Morf.js - CSS3 Transitions with custom easing functions.
Untitled. Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation.
This is a very handy method for navigation. To see it in action press one of the navigation buttons on top of the page. Example jarallax.jumpToProgress( 20, 2000, 30); In this example Jarallax animates to position 20 over 2000 milliseconds with 24 frames a second. Smooth scrollbar Some browsers smooth out the scrollbar when it is moved (like safari). Enabling the smoothed scrollbar will animate the current progress of the Jarallax animation to the scrollbar position. Example: var jarallax = new Jarallax(new ControllerScroll(true)); Clone animations In earlier versions of Jarallax every animation needs to be defined. When defining an animation with the addAnimation method, an animation sequence is returned. The first argument expects a selector, the second an object or array with the key modifications.
PFold: Paper-Like Unfolding Effect. Slicebox - 3D Image Slider. Creative Lifesaver Honest Entertainer Brave Astronaut Affectionate Decision Maker Faithful Investor Groundbreaking Artist Selfless Philantropist Example 4: Same like example example 3, with a higher disperse factor.
Jq-tiles. Pig ham: hock pork loin brisket pastrami frankfurter andouille.
Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. « PrevNext » BookBlock: A Content Flip Plugin. Tiny Scrollbar: A lightweight jQuery plugin. Magnis dis parturient montes Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. jQuery Knob demo. A jQuery Plugin. Retina graphics for your website. How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server.
If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Borismus/pointer.js. JSLint,The JavaScript Code Quality Tool. Highcharts - Interactive JavaScript charts for your webpage. Online JavaScript beautifier. FitText - A plugin for inflating web type.
Liffect - effect for lists. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael. Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?
If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace.
Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Getting Started. Raphaël—JavaScript Library.