santé mentale emplois nyc https://pilulesfrance.com/dysfonction-erectile/cialis-sur-internet/ où puis-je acheter des pilules abortives

Articles CSS3

Playground CSS - un menu en transition

<div class="menu-transition">
    <div class="item">
        <a href="#">Item 1</a>
        <div class="hidden"><img src="http://farm2.staticflickr.com/1394/557771204_6d06419b64_m.jpg" alt="" /></div>
    </div>
    <div class="item">
        <a href="#">Item 2</a>
        <div class="hidden"><img src="http://farm2.staticflickr.com/1394/557771204_6d06419b64_m.jpg" alt="" /></div>
    </div>
</div>

dropdown en javascript et css

Souvent on me pose la question sur comment styliser un select d'un formulaire. Il est possible de modifier la taille, la hauteur, le padding, etc. Mais il est impossible de changer l'aspect de la fleche de dropdown.

Dans cet article, je vais vous montrer comment remplacer vos select "classiques" par un equivalent en HTML stylisé en CSS et géré en javascript et qui est utilisable dans un <form> très facilement. De plus il est compatible tous navigateurs et tous devices (mobile, tablette et desktop)

<div class="selectBox">
        <input type="hidden" name="univers" value="voiture"/>
        <div class="selected">Automobile</div>
        <div class="selectArrow">&nbsp;</div>
        <div class="selectOptions" >
                <div class="selectOption" value="voiture">Automobile</div>
                <div class="selectOption" value="utilitaire">Utilitaire</div>
                <div class="selectOption" value="moto">Moto</div>
                <div class="selectOption" value="camping-car">Camping Car</div>
        </div>
</div>

png anime en CSS

Récemment à mon travail, un collègue m'a montré un site de google concernant le Chromebook Pixel

Sur celui ci, on peut voir des animations sur un rollover. En y regardant de plus près, il a vu que c'etait une image png animé. Il m'a demandé si je pouvais reproduire cet effet afin qu'on puisse l'utiliser peut être sur un projet.

J'ai donc regardé le code du site et plus particulièrement celui du png animé.

Un loader en CSS avec des web fonts

Actuellement je travaillle sur un projet en mode Mobile first. En partant de ce principe, l'idée est de créer un loader pour montrer le chargement sur un device mobile.

Ne voulant pas utiliser d'image pour cause de bande passante, je me suis penché sur l'utilisation d'une web font que l'on utilise dans ce projet.

Démo

zoomcar - le nouveau site d'annonce de vehicules d'occasion

Aujourd'hui avec mes collègues, nous avons livré un nouveau site d'annonce de véhicules d'occasion zoomcar.fr.

Ce site a été un véritable défi technique à mettre en place. Plusieurs techno ont été utilisées :

Le Varnish permet de détecter le type de device utilisé et de mettre en cache des pages spécifiques mobiles ou desktop et d'informer le backend PHP sur le mode RESS à utiliser.

Playground css - faire un symbole de tag en CSS

Voici un petit snippet permettant de générer via les pseudo élements ::before et ::after un symbole de tag pour vos blogs :

Comme indiqué précédemment, il suffit d'utiliser les pseudo éléments ::before et ::after.

Partons d'un span classique auquel nous allons ajouté la classe "ruban" :

Zoomcar fete ses 2 ans

Zoomcar.fr vous donne accès à plus de 155 000 annonces de voitures, camping-cars, utilitaires et motos d'occasion, mis en vente partout en France par des professionnels et des particuliers.

Pas besoin d’Adblock sur zoomcar.fr ! Aucune publicité ne viendra perturber votre navigation.

Pour trouver votre véhicule, accédez à un moteur de recherche intuitif et mettez en favoris vos coups de cœur. Pour gagner du temps, recevez chaque jour les nouvelles annonces souhaitées. Pour être certain de payer le bon prix, un service gratuit de calcul de cote en ligne vous permet de suivre l'évolution des prix d'une voiture sur le marché de l'occasion.

visuel

Road to CSS3.

Les nouvelles fonctionnalités CSS3 avec des exemples : découvrez mon nouveau site sur le CSS3 : Road to CSS3.

visuel

Mon application dans le Chrome Web Store.

Retrouvez mon application chrome. Cette application regroupe différents générateurs de code CSS3 :

  • générateur d'ombrage
  • générateur de bouton
  • générateur de multi colonnes
  • générateur de bordure
version actuelle : 0.1

Les transformations 3D en CSS3.

Voici un article traitant des transformations dans un plan 3D. Nous allons voir les différentes propriétés CSS3 permettant de le faire, ainsi que des exemples concrets sur ce que l'on peut obtenir.

Tutoriel : différence entre :before et ::before, les pseudos-element en CSS3 par Louis Lazaris.

Cet article est la traduction de : What's the Difference Between ":before" and "::before" ?.

Lorsque vous utilisez ou que vous faites une recherche sur les pseudo-éléments en CSS, vous pouvez constater différentes syntaxes pour les pseudo-éléments :before et :after, notamment en les voyant précédés de deux-points doublé (::), au lieu du traditionnel deux-points. Cela peut sembler un peu déroutant de prime abord mais il y a, en fait, une explication plutôt simple. J'avais supposé qu'il y avait une différence de fonctionnement entre les deux types de syntaxe, mais ce n'est pas le cas comme le montre, ci dessous, l'explication courte et l'explication longue.

Les transformations en CSS3.

Dans cet article, je vais présenter les transformations 2D utilisables via CSS3 et qui permettent un grand nombre de possibilités visuelles grâce à la propriété transform. Quand ce sera nécessaire, il sera indiqué les préfixes des navigateurs pour les propriétés CSS.

Les bordures en CSS3.

Le CSS3 améliore la propriété border afin de lui attribuer plus de fonctionnalités.

Slider en CSS3 uniqement.

Ce slider est uniquement fait en CSS3/HTML et sans javascript. Cela est possible grâce aux animations CSS et à la pseudo-class :target.

retourner en haut de la page