hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Défilement de Parallax rendu facile avec StickyStack.js

Les effets de parallaxe attirent l'attention rapidement. Ces effets permettent de conserver certains arrière-plans visibles tout en faisant défiler la page. Vous trouverez défilement de parallaxe sur de nombreux sites Web et thèmes WordPress et ils sont une grande partie de la conception web moderne.

Vous pouvez également créer un style de parallaxe unique en utilisant le plugin StickyStack.js . Il est construit sur jQuery et conserve chaque section de la page principale collée au sommet lorsque vous faites défiler vers le bas.

Cela crée l' illusion d'un site Web en couches où chaque page «empile» l'une sur l'autre. C'est vraiment cool et assez facile à mettre en place par soi-même.

Bien que ce soit assez facile à configurer, cela nécessite une certaine compréhension du développement de frontend.

Vous devez d'abord créer des sections de page individuelles à l'intérieur du conteneur principal. De cette façon, vous aurez tout inclus dans le code HTML, de sorte que vous pouvez tout cibler avec la fonction StickyStack jQuery.

Il est également livré avec quelques options où vous pouvez personnaliser le conteneur parent, les éléments qui doivent être empilés, et une ombre de boîte possible si vous aimez cet effet.

Voici un exemple de code de la page GitHub:

 $ ('. main-content-wrapper'). stickyStack ({containerElement: '.main-content-wrapper', stackingElement: 'section', boxShadow: '0 -3px 20px rgba (0, 0, 0, 0.25)' }); 

Bien que cela n'ait pas été mis à jour depuis environ deux ans, c'est quand même un plugin très fiable. Il a fonctionné dans tous les navigateurs que j'ai testés (Chrome, Safari, & Firefox) avec le support de toutes les versions de jQuery .

De plus, le fichier minifié est seulement 2KB, ce qui est une taille décente pour un plugin.

Pour en savoir plus, visitez le rapport principal et découvrez ce que StickyStack peut vous offrir. Je pense que cela fonctionne mieux sur les sites Web d'une seule page ou les pages d'atterrissage avec de grands arrière-plans en plein écran .

Vous pouvez également consulter une démo en direct sur CodePen si vous voulez voir à quoi cela ressemble sur un site en direct.

Multi.js - Une boîte de sélection conviviale basée sur JavaScript simple

Multi.js - Une boîte de sélection conviviale basée sur JavaScript simple

Les menus sélectionnés sont primitifs mais ils fonctionnent. Il en va de même pour toutes les entrées de formulaire typiques telles que les cases à cocher et les boutons radio .Il est facile de créer ses propres formulaires, mais il peut être difficile de reconstruire des éléments d'interface à partir de zéro . C'est

(Conseils techniques et de conception)

15 trucs et astuces pour tirer le meilleur parti d'Android 7 Nougat

15 trucs et astuces pour tirer le meilleur parti d'Android 7 Nougat

Android 7.0 (nom de code Nougat), officiellement lancé le 22 août 2016 pour les appareils Nexus et Pixel, est en train de se déployer lentement pour les appareils mobiles partout dans le monde.Pendant que vous attendez avec impatience d'essayer le dernier Android sur votre téléphone ou tablette, nous vous apportons une liste de trucs et astuces utiles pour tirer le meilleur parti des nouvelles fonctionnalités et améliorations dans Android Nougat.Faites

(Conseils techniques et de conception)