background preloader

Explorez les profondeurs du web

Explorez les profondeurs du web
Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). Ainsi, vous gagnerez du temps au démarrage de la conception du style CSS. 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 4. 5. 6. 7. CSS3 Please est probablement l’un des tous meilleurs générateurs CSS3. 8. CSS3 Button Generator est un générateur de bouton CSS3. 9. 10. 12.

http://www.megaptery.com/2012/05/21-outils-generateurs-css-developpeurs-web.html

Related:  sarah_joly

37 CV pour obtenir le job de vos rêves Le moins que l’on puisse dire, c’est que pour décrocher le job de leurs rêves ou marquer un grand coup dans leur branding personnel, certains sont prêts à y mettre les moyens ! CV simple, kit de promotion complet … la sélection qui suit rassemble les outils de communication prints d’illustrateurs, de designers et de photographes venus du monde entier. Leur point commun ? Ces 37 CV débordent de créativité et montrent la précision et la qualité du travail de leurs auteurs. C’est le genre de curriculum qui vous met en haut de la pile et vous obtient un entretien avec le big boss. De quoi faire le plein d’inspiration et générer de bonnes idées pour la prochaine version de votre CV !

Une feuille de styles de base pour bien démarrer vos projets Avec cette astuce, je vous propose un outil et une méthodologie pour partir du bon pied lorsque vous attaquez les styles CSS d'un nouveau projet. Un outil? → une feuille de styles CSS qui corrige ou définit les styles des principaux éléments de vos pages. (Yay, du code à copier-coller!) Réaliser son cahier des charges pour le web Réaliser son cahier des charges pour le web. Une étape essentielle pour la création d’un site web et c’est le premier pas vers la réalisation et la crédibilité de votre projet. Ce document indispensable permet de définir vos objectifs, la présentation, la structure et le contenu de votre futur site web, mais aussi le planning et les moyens pour la mise en œuvre… Il est indispensable pour votre futur prestataire, afin qu’il comprenne bien vos besoins et attentes.

Web y es-tu ? – Le Blog : Conseils et outils pratiques sur le monde impitoyable du web. Ce billet est une traduction réalisée par mes soins de Flashless animation : un très bon article de Rachel Nabors sur 24ways.org (merci Julien). Abordable et très instructif dès les premiers paragraphes, cet article est juste génial pour découvrir l’animation sans Flash et sans JavaScript. MAJ : Si les animations sont figées chez vous, passez la souris dessus et cliquez sur le bouton « rerun » pour la rejouer une fois ou sur « edit on Codepen » pour la voir fonctionner en boucle. Attention : Utilisateurs d’Internet Explorer 9 et précédent, votre charmant navigateur ne prenant pas en charge la propriété animation de CSS3, vous ne pourrez pas apprécier nos exemples animés (et quelque part, c’est bien fait pour vous, depuis le temps qu’on vous dit de changer de crèmerie…) ——————– Quand je suis arrivée dans le monde du webdesign il y a quatre ans, la première chose que je voulais faire était d’animer un dessin dans le navigateur.

20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d’optimiser votre projet. Découvrez une sélection de 20 outils pour ne rien laisser au hasard. La phase de vérification et d’optimisation est aussi important que la phase de définition d’un projet web. Elle permet de finaliser un site en beauté, d’avoir au final un produit de qualité, fonctionnel et conforme aux normes du web. Pour vous aider dans cette quête de perfection, je vous propose de découvrir ses quelques outils. [Pack de rentrée] Les 18 ressources gratuites du créatif futé Photos, vidéos, polices d’écriture, icônes, fichiers Photoshop, Illustrator, Sketch, mockups, … On passe souvent un temps fou à chercher des ressources de qualité. Pour vous donner un coup de pouce, voici une liste thématique de sites de ressources gratuites qui vous aideront à trouver votre bonheur en quelques instants et à donner du punch à vos créas de la rentrée ! Design 1.

Créer un menu horizontal centré en CSS (sans JavaScript) - CSS / CSS3 Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 93 383 fois. C’est une chose qui peut paraître très simple à faire, mais sur laquelle beaucoup de personnes se sont cassés les dents. Les 10 commandements du web adaptatif En 320px ton webdesign, tu commenceras Partir de la plus petite taille d’écran ciblée, pour ensuite enrichir les possibles du site ; c’est s’assurer d’aller à l’essentiel sur le mobile. Ton contenu rédactionnel, tu soigneras Parce que le mobinaute est exigeant, travailler le texte autant que l’image est primordial. Capter l’attention d’un mobinaute commence par adapter un message à son contexte d’usage. Les sites à hauteur fixe, tu oublieras

Les Framework CSS : utilité et solutions disponibles La compatibilité sur tous les navigateurs : voilà un point qui (a) fait cauchemarder plus d’un développeur web. Heureusement, les navigateurs se rapprochent de plus en plus des standards (même si rien n’est encore gagné), et côté JS on a vu apparaître des librairies qui ont pris en charge cette gestion de la compatibilité. Au niveau CSS également, des framework existent depuis plusieurs années et permettent de gérer la compatibilité, mais également le positionnement à l’heure où l’on parle également beaucoup de « responsive design ».

Related:  à classerpatstemp