jQuery – Effet smooth scroll (défilement fluide) - Tutoriels Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 110 465 fois. L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier. Il y a quelques temps de cela (peut-être trois ans maintenant) j’avais trouvé un script JS pour ajouter cet effet, mais celui-ci ne prenait en compte que les ancres dotées de l’attribut name, sous cette forme : <a href="#cible">Aller à "cible"</a> <a name="cible"></a> C’est pourquoi aujourd’hui je vous propose de créer votre propre script jQuery de smoothscroll. Solution de base NB : les codes JavaScript qui vont suivre sont à placer après l’appel à la bibliothèque jQuery, fait sous cette forme, par exemple : <a href="#contact">Contact</a> <h2 id="contact">Contact</h2> Création d’une extension de jQuery if(!
SpraedPDFGeneratorBundle by stedekay SpraedPDFGeneratorBundle generates HTML documents to PDF. The bundle gives you the chance to add a page header and footer very easily (which can be disabled/switched on the first page). It works with a little jar library based on the Flying Saucer project . So you need to run Java on your server (Java 6 or higher). ToDo Write a little example how to enable header and footer Writing tests (test frame available for UnitTests) Check for possibilities to use SVG files in HTML Installation Option 1: Use composer Option 2: Use git submodules Copy the SpraedPDFGeneratorBundle into the vendor/bundles/Spraed/PDFGeneratorBundle directory: git submodule add vendor/bundles/Spraed/PDFGeneratorBundle Option 3: Use deps file [SpraedPDFGeneratorBundle] git= target=/bundles/Spraed/PDFGeneratorBundle Register the Spraed namespace: $loader->registerNamespaces(array( ... Usage Copyright (C) 2012 stedekay
150 best jQuery effects for web designers and developers 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.
Tutoriel pour améliorer vos applications Symfony2 Ce tutoriel fait suite à l'article intitulé "Créer sa première application web en PHP avec Symfony2" au cours duquel vous avez pu découvrir le framework Symfony2 et ses grands principes de fonctionnement. Si vous ne l'avez pas encore lu, je vous invite à le parcourir dès maintenant car nous allons poursuivre le développement de l'application "Filmothèque" créée précédemment. Au cours de cet article, nous allons voir comment améliorer notre application pour parvenir à un site web complet et prêt à être mis en ligne. Nous travaillerons sur la mise en page grâce à l'héritage des templates Twig, à l'insertion d'images et de styles CSS. Nous perfectionnerons les formulaires avec des labels, des messages d'erreur et une disposition personnalisés. Nous aborderons ensuite les notions d'Ajax pour augmenter l'interactivité utilisateur et de traduction pour une interface multilingue. II-A. En pratique, il va falloir créer un template parent qui contiendra tous les éléments en commun. II-B. II-C.
Themes for Twitter Bootstrap - WrapBootstrap About Bootstrap Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex. Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples. Built to support new HTML5 elements and syntax with progressively enhanced components. Browser support Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer. Chrome 14+ Safari 5 Firefox 5+ Internet Explorer 7/8/9 Opera 11
Online JavaScript beautifier HTML Beautifier Online HTML Beautifier tool can process an html document and reformat it with a correct indentation of tags and syntax highlighting. By applying HTML beautifies to your HTML code will improve the layout and indent style of the resulting HTML code. When an html document is edited is very easy to mess the code making it unreadable. HTML Beautifier will help you to solve many of these problems. Beautification involves using white spaces like tabs and line-breaks to indent HTML code. This online tool will not fix your invalid tags. Online HTML Beautifier Information: Purpose of this Tool : HTML Beautifier, HTML Formatting, HTML Tags Formatting, Improve the HTML layout and indent style, HTML Tidy, Unpack HTML, Human Readable HTML, De-Obfuscate HTML Intended Audience : Webmasters, Web Developers, Website Designers, Programmers External Resources:
Touch Responsive & Bootstrap WordPress Theme Download the update version 2.1 Touch Twitter Bootstrap – Responsive WP Theme. Unlimited combinations on any page. Very powerful theme which suits both, creative and business users with no programming background, as well as advanced developers. The Theme is built on top of the great Themeple Framework. Subscribe for Updates Updates, release dates, free stuff, and much more, just drop your email in the box and we will keep you up-to-date with latest news from Themeple. Subscribe to get updates One Click Demo Data Install! Mobile Demo Theme Options Page Builder Hundreds of Shortcodes 3 Responsive Slider All The Google Web Fonts Responsive Theme Make Gradients and use Color picker for everything Design with Boxes and Columes Major Features Make Your Layout All Responsive Sliders Need Support? If you need support, all support requests should be send to themeple.ticksy.com We will usually get back to you within 24-72hours. Updates Credits Creattica www.creattica.com