Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Des exemples Utilisant le positionnement de la souris digitalhands.net bikingboss.com Utilisant le niveau du scroll nikebetterworld.com ok-studios.de driver-club Principe et théorie Grâce à l'utilisation de JavaScript, il est possible de déplacer les éléments par rapport à la position de la souris ou du niveau de défilement (scroll). En pratique
Mongoose ODM v7.4.1 Conseils pour faire des pages HTML rapides et propres. Pourquoi suivre mes conseils ? D'après vous, qu'est-ce qui se passe quand un Internaute vient se connecter à votre page et qu'il faut 3 minutes pour qu'elle s'affiche, hum ? Eh bien il zap. Et même une fois que c'est chargé, à quoi ça sert de faire une page super-chiadée si de toute façon elle ne s'affiche pas correctement d'un navigateur à l'autre ? Voici quelques conseils qui vous permettront d'avoir des pages qui se chargent VITE et s'affichent correctement. Sachez qu'on estime qu'une page d'accueil doit s'afficher en 15 ou 20 secondes pour que l'Internaute moyen ne zappe pas. Quand vous faites vos pages, gardez l'esprit KISS (Keep It Simple Stupid) (rester simple). Un navigateur averti en vaut deux Dans toutes les images que vous mettez (<IMG SRC...> ), utilisez les tags ALT, WIDTH et HEIGHT. Donc, ne faites pas mais faites Pas encadrer un site Les frames permettent par exemple d'avoir des menus qui restent à l'écran, mais utilisez-les avec parcimonie. En avant les œillères !... Centrage
PostgreSQL: The world's most advanced open source database NoSQL : Tout savoir sur les bases de données non relationnelles 🚀 Nouveau format ! Suivez notre formation Power BI en temps partiel En savoir plus Menu Vous êtes une entreprise ? Prendre rendez-vous Retour aux articles NoSQL : Tout savoir sur les bases de données non relationnelles 2 Juin 2021 m de lecture Data Science Raphael Kassel Le NoSQL est un type de bases de données, dont la spécificité est d’être non relationnelles. À l’heure du Big Data, les bases de données relationnelles ne sont plus adaptées. Une base de données NoSQL est une base de données « non relationnelle ». On utilise notamment les bases de données NoSQL pour les Data Stores distribués aux besoins élevés en capacité de stockage. Le terme » NoSQL » signifie en fait » Not Only SQL « (pas seulement SQL). Ce n’est pas le cas d’une database non-relationnelle. L'histoire de NoSQL Le terme et le concept NoSQL furent inventés en 1998 par Carl Strozz, afin de désigner sa base de données relationnelle légère et open source. En l’an 2000, la base de données graphique Neo4j fut lancée. Facebook
7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax. Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi ! Pour vous simplifier la tâche sur votre prochain projet de ce type, le Blog du Webdesign a déniché pour vous 7 ressources vous permettant de faire divers types de sites full-page ou parallax. Parallax.js Parallax.js, comme son nom ne l'indique pas, n'est pas spécialisé dans le parallax mais dans la création de navigation entre "écrans" de taille définis. One Page Scroll Cette ressource javascript vous permettra de mettre en place un effet comparable à celui du site de l'iPhone 5S. Fullpage.js Skrollr
MongoDB vs MySQL : Quel est le meilleur système de gestion de base de données ? Avec une variété de bases de données disponibles sur le marché, les utilisateurs se lancent souvent dans un débat sur MongoDB vs MySQL pour trouver la meilleure option. Les organisations qui utilisent une base de données relationnelle comme MySQL peuvent rencontrer certaines difficultés lors de la gestion et du stockage de leurs données en fonction de l’évolution des besoins. Dans le même temps, les nouvelles entreprises se demandent quelle base de données choisir pour ne pas rencontrer de problèmes dans leur pipeline de développement. De leur côté, les développeurs d’applications financières se demandent souvent s’ils doivent s’en tenir à la vieille base MySQL ou risquer de goûter à une autre part du gâteau avec MongoDB. C’est ce qui nous amène à ce débat. Alors, bienvenue dans le débat ! MongoDB vs MySQL : Que sont-ils ? Décrivons rapidement ce que sont MongoDB et MySQL avant de commencer à les comparer. Qu’est-ce que MongoDB ? Caractéristiques de MongoDB Utilisations de MongoDB Architecture
Créer un site beau, dynamique et respectueux des standards Voici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de validateurs. Liens En français openweb.eu.orgCe site vous expliquera les normes du W3C et leur intérêt (avec de très nombreux exemples). www.allhtml.com Un grand classique avec de nombreuses astuces et références. Les erreurs de conception de site web à éviter à tout prix : sebsauvage.net Comment créer un site dynamique. A lire sur CCM En anglais www.alistapart.comDe nombreux articles sur des astuces pratiques pour vos sites web (comment faire des menus, des CSS spécifiques pour l'impression, etc www.csszengarden.com (Version française ) Une démonstration magistrale sur l'utilisation des CSS. www.w3schools.com Littéralement "l'école du W3C". Voici quelques règles à respecter pour faire un site qui soit clair. Top Ten Mistakes in Web Design Compléments