Exercices HTML / CSS

HTML:


CSS:

https://www.w3schools.com/css/exercise.asp

Entrainer les sélécteurs CSS :

Flexbox :


Détecter si un élément est dans le viewport avec jQuery

Une fonction très simple qui vous permettra de déclencher des événements au moment où ils sont dans la partie visible de la fenêtre du navigateur.

$.fn.isInViewport = function() {
    var elementTop = $(this).offset().top;
    var elementBottom = elementTop + $(this).outerHeight();

    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
};
$(window).on('resize scroll', function() {
    if ($('#Something').isInViewport()) {
        // do something
    } else {
        // do something else
    }
}

Rendu avec 3D max

Magnifique rendu 3D avec des mouvements de caméras et focales courtes