background preloader

Codrops - useful drops of code

https://tympanus.net/codrops/

Related:  webdesignUIWeb creatifInspirations, bonnes idées etc

Polices d’écriture standards et exotiques pour le web Polices standard pour le web Le site Web Safe Fonts Preview affiche votre texte dans toutes les polices génériques, sûres pour un affichage sur windows, mac et linux et donne la séquence de polices à mettre dans le css. Utiliser une police particulière sur votre site internet Personnalisez les uploaders de vos prochains projets grâce au HTML5 L'upload de fichier est un des points qui ont subi le plus gros coup de jeune lors du passage du HTML5. Finis les boutons d'upload tout moche qui ne nous donnent aucune information, et bonjour aux nouveaux boutons (toujours moche) qui nous proposent une API très intéressante pour les manipuler avec Javascript ! Les input[files] et le HTML5 Les avancées sur le point sont nombreux : il est maintenant possible d'obtenir des informations sur le nombre de fichiers sélectionnés, leurs poids, leurs extensions, et même dans le cas des images leur format et une prévisualisation du fichier ! Pour l'utilisateur, cela signifie être prévenu plus tôt en cas de fichier incompatible, et donc s’éviter un temps d'upload parfois long. Pour le serveur, cela signifie une meilleure économie de sa bande passante.

22 expériences et ressources WebGL Aujourd’hui plus que jamais, le WebGL s’impose comme la technologie web propre aux expériences originales et immersives. J’ai grandi dans le milieu du web en étant littéralement fasciné par les magnifiques sites Flash de l’époque. Certes issues d’un technologie propriétaire, ils étaient parmi les seuls à nous faire vivre des expériences web poussées et interactives. C’est cette sensibilité qui me pousse à suivre de près les évolutions des technologies d’aujourd’hui comme le WebGL. Souvenez-vous, cette technologie peut, entre autre, gérer des éléments graphiques complexes en 3D, directement dans le navigateur. Depuis son déploiement massif sur le web, nous avons vu naître un nombre impressionnant de concepts et même d’expériences web concrètes au service des marques.

Les 30 sites les plus populaires pour réaliser une veille efficace Vous êtes nombreux à effectuer une veille quotidienne dans l'univers du web design afin de trouver des inspirations, astuces et des ressources pratiques. Découvrez dès maintenant les sites les plus populaires pour vous aider au quotidien. Des sites variés et riches en informations ! Le BlogDuWebdesign boost l'inspiration des intégrateurs #4 - inspiration-integration Découvrez sur le Blog du Webdesign 10 animations CSS3 sans javascript ! Les animations et transitions CSS3 Qu'on se le dise, il n'est plus obligatoire d'utiliser du Javascript pour avoir de jolies animations sur son site ! Le CSS3 fournit deux outils vraiment très bien : les transitions et les animations.

Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Il y à des critères pour la largeur optimale, le placement des bouton pour les réseaux sociaux, la taille et le type de police et les couleurs à employer sur vos sites internet. 7 ressources Javascript pour mettre en forme vos données Le web est une mine inépuisable de données. Pour vous permettre de mieux les visualiser, je vous propose de découvrir une liste de ressources Javascript qui vous permettra de créer des charts et autres tables. Que ce soit des données clients, comme les visites recensées par vos sites, les paniers de vos visiteurs, ..., des données publiques, ou tout simplement les statistiques de votre entreprise et employées, nous sommes entourés de chiffres. Malheureusement, pour la plupart d'entre nous ces chiffres ne veulent pas dire grand-chose en l’état.

23 sites pour apprendre à coder en ligne Découvrez une liste de 23 sites proposant des cours pour apprendre à coder en ligne de différentes façons. Ces sites proposent des formations de programmation de différents types : des articles de qualité, des tutoriels interactifs ou la mise en relation avec un développeur confirmé. Si vous souhaitez apprendre un nouveau langage ou les bases du code, vous trouverez de nombreuses informations, sur l’ensemble de ces sites, vous permettant de démarrer votre aventure pour devenir développeur. Découvrez 5 sites avec une navigation et un concept original #172 Afin de bien commencer la semaine, découvrez dès maintenant le nouveau numéro de notre collection des sites originaux avec de belles expériences interactives et sonores. Une bonne façon de trouver des idées et de l'inspiration sur ce qui se fait de beau sur le web. Bonne lecture à tous. Anagram On débute notre sélection avec l'agence parisienne Anagram qui nous présente leur portfolio avec de belles réalisations et compétences techniques.

Créer un menu horizontal centré en CSS (sans JavaScript) 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.

Related:  CSSI LEARN HTML5Web DesignRessourcesdidouututorialsludwigcronjQueryWeb ProgrammingWebDownloads Templates & Pluginshtml5/css3inspiration graphique, tendances, blogs, ressourcesResponsive Web DesignressourcesWeb DesignUI designweb design inspirationUX/UI Design TopicsWeb Design = Codes and TechniquesDesignaurevecDevRessources webdesign