Étiquette : CSS

  • Pourquoi utiliser un Framework CSS déjà existant ?

    responsive-web-designProblématique

    Vous êtes développeur front-end ou back-end.

    Vous connaissez les framework CSS comme Twitter Bootstrap et Foundation. Vous les avez même déjà utilisé dans un projet Web.

    Si vous lisez cette article maintenant, c’est que vous vous êtes posé une question cruciale aux moins une fois dans votre vie. Cette question est : Pourquoi utiliser un framework CSS existant alors que l’on pourrai en créer un spécifique ?

    Qualités et défauts des frameworks CSS

    La première des qualités de ces frameworks et qu’ils permettent de créer des pages et des design Web plus facilement et rapidement.
    Il faut en moyenne une journée de 8h pour créer le design d’un site à partir d’un PSD mais avec un framework, ce délai est grandement raccourci.

    La deuxième des qualités est que ces frameworks sont généralement très complet et très bien construit, tout en gardant une légèrement en terme de poids.

    Mais le problème est que, à force d’utiliser ces frameworks, les design finissent tous par se ressembler.
    De plus, j’ai pu remarquer sur différents sites, que les classes essentiels des frameworks étaient réécrit pour faire le design souhaité.

    Que faut-il faire alors ?

    La question que je me pose est celle-ci : Pourquoi ne pas créer son propre framework CSS ?
    En effet, faire son propre outil maison permet de se départager de la concurrence et de montrer nos propres compétences. Pourquoi faire comme tout le monde alors que, potentiellement, on peut faire beaucoup mieux que les autres, et à la même vitesse.

    Qu’en pensez-vous ?

    Aux personnes qui travaillent dans la création de projet web, que pensez-vous de la problématique que je soulève ?
    Utilisez-vous un framework CSS connu ?
    Utilisez-vous un framework maison ?
    Ou alors, faites-vous des design spécifique à chaque projet ?

    J’aimerai avoir votre avis !

  • CarouFredSel – carousel pleine page avec images tronquées

    CarouFredSel – carousel pleine page avec images tronquées

    Grâce à ce tutoriel et le plugin JQuery CarouFredSel, vous pourrez faire un carrousel pleine page avec les images précédente et suivante tronquées.

    Comme tous les autres tutoriel de la formation CarouFredSel, il est facile de créer des carrousels d’images en quelques minutes.

    Le script est téléchargeable sur la page de  téléchargement.

  • CarouFredSel – Accordéon vertical

    CarouFredSel – Accordéon vertical

    Dans cette 8ème vidéo dédié à la formation « CarouFredSel », je vous montre comment faire un accordéon vertical.
    Pour cette exemple, l’accordéon affiche 5 images avec les titres correspondant.
    J’ai ajouté un effet de clic au niveau des titres pour afficher les images directement.


    Le script lié à cette vidéo est sur la page de téléchargement

  • CarouFredSel – faire un texte défilant

    CarouFredSel – faire un texte défilant

    Comme je vous l’ai déjà montré avec CarouFredSel, il est possible d’intégrer de l’HTML et du texte dans les carrousels.
    Dans cette exemple, il n’y a aucunes images. C’est juste un texte défilant comme on peut le voir dans les journaux télévisé.
    Le script correspondant à ce tutoriel est visible sur la page de téléchargement

  • Formation sur la création d’un formulaire de contact

    Formation sur la création d’un formulaire de contact

    formulaire de contactJ’ai élaboré une formation complète sur la création d’un formulaire de contact.

    Cette formation compte 5 étapes distinctes :
    la partie HTML
    la partie CSS
    la validation des données en Javascript
    une Google Maps
    la partie PHP (validation des données et envoie d’email).

    Voici cette formation en vidéo :

    Vous pouvez aussi retrouver cette formation dans la partie formation