background preloader

Web Designer Wall - Design Trends and Tutorials

Web Designer Wall - Design Trends and Tutorials

http://webdesignerwall.com/

Related:  HTML/CSSJavaScript

Créer une galerie photos avec CSS 3 / Benjamin PREVOT Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d'une galerie photos sans JavaScript. Le but va être de réaliser un ensemble d'aperçus de photos comme sur ce site : Bien entendu, JavaScript interdit Mise en place de la structure HTML Dix ans de pratique Javascript à Paris Je m’appelle Noëlie et je développe du Javascript depuis 2002. J’ai travaillé sur des sites à fort trafic, sur des outils de back-office et des applications mobile ou tablette. L’intitulé de mon poste est très difficile à définir car, bien que je fasse du développement Javascript, je me préoccupe avant tout du rendu final dans le navigateur. Ce métier est appelé développeur front-end ou front-office.La conception en règle générale est pour moi une vraie passion. Elle s’étend également au domaine des objets physiques : je partage toutes mes créations sur mon blog. J’aimerais vous raconter l’impact qu’ont eues les évolutions de Javascript sur mon métier de développeur à Paris.

Transitions CSS3 Beaucoup d'intégrateurs en ont rêvé : animer les pages web uniquement à l'aide de styles CSS, sans apport de JavaScript. Grâce aux dernières évolutions du langage et au module CSS3 Transitions, il est désormais possible de réaliser des transitions basiques à l'aide de CSS dans les navigateurs récents (Safari 4+, Chrome 2+, Firefox 4+, Internet Explorer 10 et Opera 10.6+) La spécification est le document qui définit de manière claire, précise et univoque le langage. Les spécifications des CSS 3 sont découpées en modules. Le module qui nous intéresse est nommé CSS Transition Module. La spécification relative au module est disponible à l'adresse suivante :

HTML5 - Guides pour Développeurs Web HTML5 est la dernière évolution des standards qui définissent HTML. Le terme HTML5 regroupe deux concepts différents : Il s'agit de la nouvelle version du langage HTML, avec de nouveaux éléments, attributs et comportements ; mais aussi un ensemble plus large de technologies qui permettent des sites web plus variés et puissants, et des applications web. Tutoriel sur l’API Google Maps avec la géolocalisation HTML5 Ce tutoriel vient en complément au Tutoriel de géolocalisation en HTML5, et vous apprendra à exploiter les informations de géolocalisation que vous y avez obtenu sur une carte Google Maps. Nous allons réaliser une application qui affiche votre position sur une carte et trace votre parcours en suivant vos déplacements. L’API Google Maps Tout d’abord, il est essentiel de bien comprendre ce qu’est une API.

Outils 78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité

Les d veloppeurs devraient-ils tous apprendre JavaScript ? Maarten estime que ce langage est pr sent partout et son apprentissage in vitable JavaScript est un langage de scripts apparu en 1995 à la demande de Netscape. L’objectif était de créer un langage permettant de manipuler les documents HTML. À cette époque, nombreux sont ceux qui avaient peu d’égards pour ce langage. Mais au fil des années, ce langage va gagner en maturité avec plusieurs outils et bibliothèques qui vont venir enrichir cet outil. Lorsqu’il a été créé, probablement ses auteurs ne prévoyaient pas une si forte adoption ainsi que les nombreuses implémentations dérivées. Prendre en main un Framework CSS Les Frameworks CSS envahissent le web. Très pratiques, ils permettent de gagner beaucoup de temps lors pour la mise en page CSS de votre site. Parmi les principaux frameworks CSS du moment, j'en ai sélectionné 2: Dans un premier temps, j'ai pensé qu'un Framework CSS était vraiment inutile, et que je préférais faire mes mises en page à la main.

Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français. Trouvez-vous qu’il est difficile d’en trouver un dans votre ville ? Si vous en organisez un, présentez-le dans les commentaires de ce billet et sait-on jamais, cela pourrait être utile !

Related:  Desing BlogsBlog Web DesignWeb DesignMy future careerWEB DESIGNZeroCodeUX/UI Design TopicsgraphismeBlogs, Publication SitesDiseño WebDesignOutrosweb developingWEBIRRADIAAdobemultimediawebdesignWebdesignArticles, Exemples, MagazinestestnncTo read 2Web - ProductionWeb Developmentresource/knowledgeWebSites web