Dev Web

TwitterFacebook
Get flash to fully experience Pearltrees

An Advanced Guide to HTML & CSS

http://learn.shayhowe.com/advanced-html-css/ Learn Advanced HTML & CSS with one useful guide. An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills. Learn Advanced HTML & CSS

Introduction to Node.js

http://hectorcorrea.com/blog/introduction-to-node-js Node.js is a JavaScript interpreter that runs in a server environment and gives us the ability to run JavaScript code directly on the server (i.e. outside of a browser) just like we can run server side code in other languages like PHP, Python, Ruby, C#, or Java. Node.js is based on the JavaScript engine that Google wrote and uses for the Chrome browser. The author of Node.js, Ryan Dahl, took this JavaScript engine (called V8) and repurposed it so that it can run in a server environment . Ryan also added some features that are important when running on a server, for example, the ability to read and write from the file system and the ability to receive and send HTTP requests. Node.js is open source and there are installers available for Mac, Windows, and Linux. The installer for Mac is under 8MB in size.
I wanted to generate interesting game maps that weren’t constrained to be realistic, and I wanted to try some techniques I hadn’t tried before.

Polygonal Map Generation for Games

http://www-cs-students.stanford.edu/~amitp/game-programming/polygon-map-generation/
http://www.erwanngaucher.com/article/19/09/2012/14-outils-pour-les-journalistes-numeriques/984

11 outils pour les journalistes numériques

Aller, troisième et dernière étape de notre rentrée journalistique en ligne. Après avoir sélectionné les 22 blogs à lire et les 140 comptes Twitter à suivre absolument, après avoir dressé la liste des 11 émission médias à regarder et écouter cette année , voici 11 outils à utiliser cette année. MIse en scène de l'info, enrichissement des articles, sons, vidéos, réseaux, photos augmentées... onze outils gratuits (ou quasiment) très simples d'utilisation à connaître, tester, et maîtriser (et même un peu plus, en jetant un oeil tout en bas du billet). Et comme toujours, la liste n'est pas exhaustive et évoluera tout au long de l'année ! 1- Tout (gratuit)
http://www.knowtex.com/blog/20-sites-qui-vous-donnent-envie-apprendre/ De nombreuses initiatives visant à « révolutionner » l’apprentissage tout au long de la vie ont émergé avec le numérique. Des enseignants et universités ont mis en ligne leurs cours, les ont ouverts aux commentaires et aux échanges. Certains ont même lancé des Massive Open Online Courses (MOOC), des sessions de cours en ligne ouvertes à des milliers de participants qui partagent et alimentent le programme. Des particuliers se sont également investis dans cette transformation de l’apprentissage par le numérique en proposant des échanges entre pairs, accessibles au plus grand nombre. Petit tour d’horizon de ses initiatives intéressantes et inspirantes pour apprendre autrement, à son rythme, à sa façon (1). Les plateformes de ressources éducatives libres (REL)

20 sites qui vous donnent envie d’apprendre | Knowtex Blog

Keeping up with and tracking the constant flow of newly released jQuery plugins feels like a full job sometimes. Every other day we seem to discover something new, something cutting-edge and sometimes we find something that is truly groundbreaking and indispensable. We do love the innovation of the jQuery community. Here are the latest plugins worth taking a look at: Freetile.js

20 New jQuery Plugins Worth Taking a Look at

http://speckyboy.com/2012/09/17/20-new-jquery-plugins-worth-taking-a-look-at/
http://www.creativejuiz.fr/blog/tutoriels/mettre-en-cache-les-fichiers-statiques-de-votre-site-web-htaccess Cet article a 775 jours . Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 11 168 fois. J’avais complètement oublié de vous en parler, et pourtant c’était prévu depuis l’article sur l’ optimisation du chargement de vos pages grâce à la compression Gzip .

Mettre en cache les fichiers statiques de votre site Web (htaccess) - Tutoriels

http://js.4design.tl/liquid-slider-html5-css3-1539 Liquid Slider est un Slider jQuery (avec des morceaux de HTML5 dedans) conçu avec les contraintes des périphériques mobile à l’esprit pour assurer à vos contenus un affichage optimum quelque soit la taille ou la résolution de l’écran de vos visiteurs. Parmi les fonctionnalités, nous trouvons : Affichage «Responsive», Utilisation des balises HTML de votre choix, Utilisation des transitions CSS3 pour un affichage rapide sur mobile, Animations jQuery pour les périphériques non-compatibles avec les transitions CSS3, Lien vers les slides avec des hashes personnalisables (vers lesquels on peut faire des liens), Navigation au clavier, Fonction diaporama avec boutons «stop», «play» et «pause» au survol ( hover ), Fonctions de rappel et accès aux fonctions internes, Scroll automatique, Optimisé pour HTML5. → Liquid Slider est disponible sur Github . <p style="text-align:right;color:#A8A8A8"></p>

Liquid Slider — Slider responsive HTML5 & CSS3 pour le web et les mobiles

http://www.binpress.com/tutorial/create-a-mobile-rpg-for-beginners/1

Create a Mobile HTML5 RPG - Tutorial - Binpress

Don't forget to check out my online course HTML5 Mobile Game Development for Beginners . Get 60% OFF! . Only until the end of the month. Intro
Most multi-device layout patterns for the Web are designed to rearrange page elements within a visible browser window. http://www.lukew.com/ff/entry.asp?1569

Off Canvas Multi-Device Layouts

35 Free HTML Templates

<div id="noscript">Please activate JavaScript in your browser!
Having previously been disappointed by the information available on the topic, this is my attempt at categorizing different ways to implement 2D platform games, list their strengths and weaknesses, and discuss some implementation details.

The guide to implementing 2D platformers | Higher-Order Fun

CSS3 Family Tree

View code Play Walkthrough
Ratchet est une librairie qui permet de créer des applications temps réelles avec échanges bi-directionnels entre clients et serveur.

Ratchet - Les websockets pour PHP

SEO

Design

Game dev

Studios

Inspitrational HTML5 Websites

Inspirational HTML5 websites that will give you ideas, inspiration for your next web project. There’s been a lot of talk about HTML5.
Cartes

IDE

JS & JQ

HTML5

CSS