Dev Web

Facebook Twitter

Off-Canvas Menu Effects - Top Side. HTML5 UP! Responsive HTML5 and CSS3 Site Templates.

MongoDB

NodeJS. An Advanced Guide to HTML & CSS. Learn Advanced HTML&CSS with one useful guide.

An Advanced Guide to HTML & CSS

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. Dungeon League. Polygonal Map Generation for Games. 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

I usually make tile maps but instead used a different structure. What could I do with 1,000 polygons instead of 1,000,000 tiles? The distinct player-recognizable areas might be useful for gameplay: locations of towns, places to quest, territory to conquer or settle, landmarks, pathfinding waypoints, difficulty zones, etc. I generated maps with polygons, then rasterized them into tile maps that looked like this: JS Attitude : formations JavaScript qualitatives et sympathiques. 11 outils pour les journalistes numériques. Aller, troisième et dernière étape de notre rentrée journalistique en ligne.

11 outils pour les journalistes numériques

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) 20 sites qui vous donnent envie d’apprendre. De nombreuses initiatives visant à « révolutionner » l’apprentissage tout au long de la vie ont émergé avec le numérique.

20 sites qui vous donnent envie d’apprendre

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 New jQuery Plugins Worth Taking a Look at. Keeping up with and tracking the constant flow of new jQuery plugins feels like a full job sometimes.

20 New jQuery Plugins Worth Taking a Look at

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. Mashant Books. Ship Sprite Test. Pen Actions Create New Pen Save Info Panel (if owned) Re-Run Code Editor Commands.

Ship Sprite Test

Mettre en cache les fichiers statiques de votre site Web (htaccess) - Tutoriels. Cet article a 3 années.

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

Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 23 342 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. Liquid Slider — Slider responsive HTML5 & CSS3 pour le web et les mobiles. 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.

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

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.

Create a Mobile HTML5 RPG - Tutorial. Don't forget to check out my online course HTML5 Mobile Game Development for Beginners.

Create a Mobile HTML5 RPG - Tutorial

Get 90% OFF!. Only until the end of the month. Intro In this tutorial, I'll show you how to create a (very) simple RPG demo that works in all HTML5 supporting platforms, using the Open Source Javascript framework LimeJS. Off Canvas Multi-Device Layouts. Most multi-device layout patterns for the Web are designed to rearrange page elements within a visible browser window.

Off Canvas Multi-Device Layouts

Off canvas multi-device layouts, on the other hand, use the space outside a browser’s viewport to hide secondary elements until people need them. Jason Weaver and I put together demonstrations of several new off canvas layout patterns. Why Off Canvas Layouts? Code School - Try Git. Responsive Web Design just got Easier with the Responsive Grid System. 35 Free HTML Templates. The guide to implementing 2D platformers. 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 long-term goal is to make this an exhaustive and comprehensible guide to the implementation of 2D platform games. If you have any sort of feedback, correction, request, or addition – please leave it in the comments! Disclaimer: some of the information presented here comes from reverse engineering the behavior of the game, not from its code or programmers. It’s possible that they are not ACTUALLY implemented in this way, and merely behave in an equivalent way. Interactive menu with CSS3 & jQuery. CSS3 Family Tree. Ratchet - Les websockets pour PHP. Ratchet est une librairie qui permet de créer des applications temps réelles avec échanges bi-directionnels entre clients et serveur. Elle permet donc de garder une connexion active entre un (ou plusieurs) clients et le serveur.

Durant tout le temps où la connexion est active, chacun peut envoyer un message à l'autre à tout moment. Cette technologie permet donc d'envoyer des messages à tous les clients connectés dès qu'une modification survient, grâce aux listeners du serveur.

SEO

Design. Game dev. Studios. Cartes. 0,.71,.27,-1.24) ✿ cubic-bezier.com. IDE. JS & JQ. 20 Cheat Sheets for Web Development you must have. HTML5. CSS.