• A la une
  • Catégories
  • Dossiers
  • Rédacteurs
  • +

10 effets intéressants pour l'inspiration des Intégrateurs

par Benjamin SANCHEZle 21/02/2013

Découvrez sur le Blog du Webdesign 10 effets intéressants en CSS et HTML !

Bonjour à tous ! Vous pouvez ranger votre IE8, il ne vous servira pas aujourd'hui.

Cet article est une première pour le Blog Du Webdesign, c'est un article d'inspiration pour les intégrateurs. Nous avons sélectionné pour vous des effets en HTML, CSS et Javascript étonnants, avec un code simple à comprendre.

Si ce genre d'articles vous plaît, faites le savoir en commentaire, et il deviendra peut-être récurrent.

Mettre une texture dans un texte

Pour piquer votre curiosité : Le HTML est simplement "<h1>rawr</h1>".

Un champ de recherche épuré et animé

Le champ se déplie, et cela sans le moindre Javascript.

Révéler une image de maniere circulaire

Celui là est indescriptible, allez l'essayer !

Détection de colisions sur des polygones

C'est plus pour les devs que les intégrateur, mais quelle claque !

Un système de sticky caption

Un slide en forme de roue

Une façon tres intéressante de présenter un Slide.

Courber des textes

Un effet de "journal tournant"

Un trousseau de fiches pour vos réseaux sociaux

Un loader asynchrone

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte

8Commentaires

  • Avatar_thumb
    Erdal Gunyar

    le 21/02/2013 | #1

    Le wheel ne fonctionne qu'avec Chrome Canary pour ceux qui veulent tester :)

  • Avatar_thumb
    Spf

    le 21/02/2013 | #2

    Encore une sélection très intéressante, merci. J'aime tout particulièrement le "journal tournant" que je verrais bien en page 404.

  • Avatar_thumb
    cath2nos

    le 21/02/2013 | #3

    Bonjour, Intéressant sauf qu'au moins les 3 premiers exemples ne sont pas cross-browsers (je n'ai pas testé les autres). Ils ne fonctionnent que sous Chrome et Safari. Dommage !

  • Avatar_thumb
    Dralider

    le 21/02/2013 | #4

    Je trouve le slide tres élégant!

  • Avatar_thumb
    Sainior

    le 21/02/2013 | #5

    Vraiment excellent, on trouve tellement de prouesses sur codepen, c'en est effrayant. Vivement que tous les navigateurs embarquent la gestion des keyframes et autres concepts incroyables, le jour où ce genre de code sera cross-browser, le web risque fort bien de devenir un véritable chef d’œuvre.

  • Avatar_thumb
    Kévin P

    le 24/02/2013 | #6

    Je suis toujours étonné de l’évolution des langages web. Je viens tout juste de découvrir qu'il était possible d'arrondir son texte en CSS. Et j'aime particulièrement l'effet sur le bouton "Rechercher". Merci pour cet article !

  • Avatar_thumb
    Pierre

    le 26/02/2013 | #7

    Le slide en forme de roue pose un problème sur une connexion lente ( la mienne en l'occurence ), on voit les images se charger à "plat" avant de pouvoir acceder à l'effet réel. Il y a de sacrés programmeurs dans le lot en tout cas, certaines réalisations sont impressionnantes.

  • Avatar_thumb
    Bend-webdesign

    le 06/03/2013 | #8

    Dommage que pour certains effets, ça ne marche sur Chrome ou Safari :/ J'aimerais vraiment avoir le slider arrondi qui marche sur Firefox :D En tout cas, y'a des bonnes trouvailles, et c'est vraiment cool, le web 2013 va beaucoup "bougé" ;)

Ecrire un commentaire

captcha

Ouvrir