background preloader

WebDevelopment

Facebook Twitter

Map Maker. Souhaitez-vous tracer les contours de l'immeuble ?

Map Maker

Google Map Builder by MyNameIsDonald - Build a Google Map for your website in just a few clicks. Nouvelles API HTML5 : le futur est déjà là. Le W3C a finalisé très récemment les spécifications de HTML5.

Nouvelles API HTML5 : le futur est déjà là

Mais les navigateurs récents intègrent déjà un bon nombre de ces nouvelles fonctionnalités, et prennent en charge les nouvelles API. Avec l’essor de l’internet mobile, HTML5 permet de gérer les contraintes et possibilités qui en découlent (géolocalisation, gestion de la batterie, application hors ligne, stockage local…). Mais le mobile n’est pas le seul concerné. Voici un petit tour d’horizon de quelques API qui ouvrent des perspectives intéressantes. Le but de cet article n’est pas de vous apprendre à coder avec ces nouvelles API. . - Geolocalisation Permet d’avoir des renseignements sur la position de l’utilisateur. . - Fullscreen Permet de passer le navigateur en mode plein écran. . - getUserMediaPermet de capturer du son ou de la vidéo via le matériel de l’internaute (webcam, micro).

ScrollReveal.js. CSS Colours - A list of colour names in CSS. Border-radius generator - CSS. Fit.js » Fit things into other things. The basics fit( bar, foo ); Cover area Horizontal Align Vertical Align Configuration You can pass options as a 3rd parameter.

Fit.js » Fit things into other things

Here are the default values and what each parameter means… You can change the options globally if you like too, by modifying the defaults object. Getting started with gulp — Mark Goodyear — Front-end developer and designer. Updated Jan 28th, 2014 to reflect the advancement of gulp Updated Apr 21st, 2014 to utilise updated gulp-livereload Step aside Grunt, there’s a new task runner in town.

Getting started with gulp — Mark Goodyear — Front-end developer and designer

Web Developer Checklist. When Inuit.css is a better choice than Bootstrap - Blog - Shelly Cloud. "Inuit.css is a powerful little framework designed for serious developers.

When Inuit.css is a better choice than Bootstrap - Blog - Shelly Cloud

" says the first sentence in a README file. The biggest advantage of Inuit over other frameworks is modularity and focus on abstractions. It doesn't enforce how elements should look. Instead, it gives a set of tools which speed up your work and allow to test new things faster. In a certain sense you can compare it to the extended version of normalize (which nota bene is included in Inuit), complemented by set of defaults, helpers and CSS patterns. How to create a grid-based layout with inuit.css. Inuit.css is incredibly easy to use, even for novices to CSS frameworks like myself.

How to create a grid-based layout with inuit.css

It comes bundled with a handful of CSS objects, such as the media object which takes the following format: <a class="media"><img src="[Image source goes here]" class="img" /><p class="body">[Text goes here]</p></a> The island object is a generic class that simply adds padding to an element. The nav abstraction is another generic class that will turn a bulleted list into a horizontal navigation menu.

Home – inuitcss – a powerful, scalable, Sass-based, BEM, OOCSS framework. Tutoriel vidéo Internet : Github:windows. Tutoriel vidéo Merise : Travaux Pratiques : Créer un MCD. Can I use... Support tables for HTML5, CSS3, etc. Tutoriel vidéo Google Chrome : Chrome & SASS. Tutoriel vidéo AngularJS : ngAnimate. NgAnimate est un nouveau module pour AngularJS qui est apparu dans les dernières version du Framework.

Tutoriel vidéo AngularJS : ngAnimate

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 : ng-enter, lorsqu’un élément est ajouté ng-leave, lorsque l’élement est supprimé Un exemple de CSS (sans préfixe) En utilisant les transitions. Formation vidéo : CSS Maintenable avec SASS et Compass. Sommaire Le CSS n'est pas forcément un langage complexes.

Formation vidéo : CSS Maintenable avec SASS et Compass

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. Dans cette formation je vous propose de découvrir le préprocesseur SASS et le framework Compass. Ces 2 technologies vont vous permettre de booster votre productivité et d'améliorer la maintenabilité de votre code CSS. Introductions tutoriels. Tutoriel vidéo Photoshop : Plugin CSS3Ps. Formation vidéo : Apprendre MySQL. Sommaire MySQL est un Système de Gestion de Bases de Données Relationnelles (SGBDR) Open Source qui vous permettra de gérer des bases de données.

Formation vidéo : Apprendre MySQL

Quelque soit le projet web que vous souhaitez créer (blog, e-boutique, site social...) vous aurez besoin d'une base de donnée pour stocker les informations qui constituent votre site. Cette formation a pour but de vous donner tous les outils qui vous permettront ensuite d'utiliser MySQL dans vos sites dynamiques. Nous ne verrons pas l'ensemble des fonctionnalités de ce SGBD mais les fonctionnalités essentielles qui vous seront utiles.

Introduction Les bases Les fonctions Notions avancées. Tutoriel vidéo Wamp : Créer des Virtual Hosts Apache. Tutoriel vidéo Grunt : Découverte. Tutoriel vidéo AngularJS : ngAnimate. Formation vidéo : CSS Maintenable avec SASS et Compass. Tutoriel vidéo AngularJS : Découverte du Framework, création d'une Todo. Egghead.io - AngularJS. Template Creme. Alternative, Corporate, Creative Beton – WordPress Theme August 27, 2013 Corporate, Creative, WordPress Sueva May 21, 2013 Corporate Agency May 10, 2013 Alternative, Creative, Editor's Choice, Technology Codester Alternative, Creative, Editor's Choice Legend: Free Responsive One Page Template May 6, 2013 Alternative, Corporate, Creative, Editor's Choice, Technology nativeDroid – Mobile Theme April 13, 2013 Corporate, Creative, Technology Halcyonic – Template March 25, 2013 Arcana – Template Zerofour – Template Corporate, Technology.

Template Creme

Tools