background preloader

Web Developer Checklist

Web Developer Checklist

http://webdevchecklist.com/

Related:  html5 cssWeb/HTML5(CSS3, JS...)

5 sites majeurs d'e-learning/dev, graphisme, webdesign [Total : 1 Moyenne : 5/5] Pour notre plus grand bonheur les sites proposant des tutoriels et des cours d’e-learning autour du web se multiplient. Aujourd’hui l’auto-apprentissage n’est plus une option pour celui où celle qui se veut créatif, surprenant ou simplement curieux. Le W3C vu de l’intérieur La plupart des lecteurs du train de 13h37 ont certainement une vague idée de ce qu’est le W3C, mais il est fort probable que pour une majorité d’entre vous, cette idée reste très vague. Je travaille au W3C depuis une douzaine d’années et je me propose donc d’apporter un peu de clarté sur le sujet. Mon espoir est que ces explications vous permettront de mieux comprendre comment les nouvelles fonctionnalités du Web voient le jour, et de tirer avantage des opportunités qui vous sont offertes pour influer sur – ou accélérer – l’arrivée de ces technologies.

Installation et utilisation de Metasploit sous Linux Metasploit Framework est un logiciel spécialisé dans le développement et l'exécution d'exploits contre des machines distantes. Créé à l'origine en langage de programmation Perl , Metasploit a été complètement ré-écrit en Ruby et comporte aujourd'hui pas moins de 550 exploits et 260 modules près à l'emploi. Dans cet article, nous allons voir comment installer Metasploit sous Linux, puis nous verrons ensuite un premier exemple d'utilisation. Sommaire Installer Metasploit sous Linux

Introduction à PhoneGap PhoneGap, création d’applis mobiles multi-plateforme PhoneGap est un framework open source pour créer des applis mobiles multi-plateforme avec les technologies traditionnelles du web : HTML, CSS, JavaScript. Les applications mobiles créées à l’aide des technologies web sont sont appelées applications hybrides (c.-à-d. mélangeant web et technologies natives). Tutoriel vidéo AngularJS : ngAnimate ngAnimate est un nouveau module pour AngularJS qui est apparu dans les dernières version du Framework. Comme son nom l’indique ce module vous permet de mettre en place des animations CSS3 simplement sur vos éléments HTML. Pour mettre en place ces animations il suffit d’utiliser les animations ou les transitions. En utilisant les animations ngAnimate ajoute 2 classes importantes :

Le guide ultime pour accélérer son développement frontend Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre travail/passion était redondantes et qu'il était souvent possible d'aller plus vite. Bref, je vais vous apprendre à passer au niveau supérieur de productivité à travers une (longue) liste de conseils et d'astuces glanées sur le web. Sommaire 1. Introduction Un e-mail en HTML responsive multi-clients L'e-mail (ou newsletter) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, aucun problème, c'est un standard interprété sans difficulté. En mode HTML c'est un art ô combien délicat en partie dû au nombre de clients lecteurs d'e-mail sur le marché qui ont des comportements bien différents (encore plus désormais que les navigateurs classiques). Cette disparité de l'interprétation des e-mails au format HTML provient de plusieurs facteurs : Les clients e-mails lourds (Outlook, Thunderbird, Lotus Notes...) ont un fonctionnement radicalement différents des webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com...). Ces mêmes webmails imposent des règles très strictes sur le code HTML et CSS contenu dans les e-mails car les messages sont eux-mêmes affichés dans une structure de page web qui a ses propres styles.

Visitez la France avec des anciennes affiches touristiques Ces vieilles affiches donnent envie de parcourir la France et de découvrir ses beautés facilement en voyageant par le train. Elles ont été crées pour ça en tout cas. ( Source : Boston Public Library Flickr ) Firefox Developer Edition <img class="screenshot" src="/media/img/firefox/developer/creative-tools.30ae21ef231d.png" width="218" alt="Capture d’écran" height="118"> Outils d’édition visuelle Modifiez visuellement les animations HTML et CSS d’une page depuis le panneau de l’inspecteur. Vérifiez l’alignement, les dimensions et les marges de n’importe quel élément grâce aux outils de mesure et à la règle intégrée. En savoir plus sur les outils d’édition visuelle <img class="screenshot" src="/media/img/firefox/developer/devtools-challenger.57f91c821bcc.png" width="218" alt="Capture d’écran" height="118"> DevTools Challenger Utilisez les outils d’édition de code CSS ou d’animation inclus dans Firefox Developer Edition pour explorer les fonds marins et interagir avec d’étranges créatures. Valence Développez et déboguez vos applications depuis divers navigateurs et appareils grâce à cette puissante extension pré-installée dans Firefox Developer Edition.

Formation vidéo : CSS Maintenable avec SASS et Compass Sommaire Le CSS n'est pas forcément un langage complexes. En revanche au fur et à mesure que vos projets vont grandir vous allez vous retrouver avec des fichiers CSS de plus en plus gros et de plus en plus difficile à maintenir.

Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax.

Related:  Computer EngineeringWeb DesigningAnalyse et conceptionwebWeb DevelopmentWeb developmentTechnologie webtools