background preloader

Code

Facebook Twitter

Teen=Code. Qu'est-ce que sont les cookies ?

Teen=Code

Les cookies sont des fichiers stockés dans votre navigateur par les sites que vous visitez. C'est une pratique courante utilisée par la majorité des sites webs. Notre site utilise les cookies pour améliorer votre expérience en se rappelant de vos préférences et en activant d'autres fonctionnalités basées sur les cookies (ex: outils d'analyse). Nos cookies Lorsque vous soumettez des données via un formulaire, tel que les formulaires de contact ou de commentaires, les cookies peuvent servir à sauver certaines informations vous concernant pour un usage futur.

Dans le but de nous souvenir de vos préférences afin d'améliorer votre expérience, nous devons utiliser des cookies. Code/Explore/Connect with Mouse. Building Tag Tag Revolution Learners use open & closing tags like “spin” “sing” and “clap” to create a ridiculous dance party while learning the basics how how HTML tags work.

Code/Explore/Connect with Mouse

Source Whisperer In this activity, learners will compete to draw the most accurate sketch of a simple web page by looking only at the HTML source code. Data Visualization with JavaScript. Les geeks roumains se forment à la française. Vous cherchez une bonne connexion internet?

Les geeks roumains se forment à la française

Venez en Roumanie. D’après un classement établi en 2014 par l’agence Bloomberg, le pays se classe au sixième rang des meilleures bandes passantes dans le monde. La connexion y est deux fois plus rapide qu’aux États-Unis. Ce qui a d’ailleurs passablement énervé le candidat démocrate Bernie Sanders. «Aujourd’hui, les habitants de Bucarest, en Roumanie, ont accès à une connexion internet beaucoup plus rapide que dans la majeure partie des États-Unis. JuxtaposeJS — Northwestern University Knight Lab. JS Bin - Collaborative JavaScript Debugging. Storytelling : des ressources photo haute résolution gratuites. Pour votre storytelling digital, vous avez besoin de photos de très haute qualité.

Storytelling : des ressources photo haute résolution gratuites

J’ai rassemblé pour vous quelques sources d’images haute résolution gratuites et d’une qualité artistique supérieure. Le storytelling visuel, l’art de raconter en images Le storytelling, c’est l’art de raconter des histoires pour susciter plus d’engagement de la part de votre public. Le storytelling visuel, c’est l’art de raconter ces mêmes histoires à l’aide d’images. Auxquelles vous pouvez ajouter du texte, bien entendu. JS: The Right Way. Cours HTML : les cadres (frames)

BADA55.io - CSS hex color words for web developers. Learn Web Design and Web Development 101: Ultimate Course. [simpletoc] [/simpletoc] In this section,we have put all the best of 1stWebDesigner’s free web design course contents in the one place.

Learn Web Design and Web Development 101: Ultimate Course

Here, as the title says, you will be able to catch up if you are starting out as a web designer and polish your skills as an amateur. Keep coming to this page often, pick your interesting section, and go through each article one by one until you come out as a web design professional, ready to take control over your life and work. Free Beautiful Online Survey & Form Builder. Float layout example. Initializr - Start an HTML5 Boilerplate project in 15 seconds! Un outil photo “avant/après” open source. CSS Animated Headlines. A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.

CSS Animated Headlines

Browser support ie Chrome Firefox Safari Opera 9+ I recently stumbled upon the Year in Music 2014 website. Among some fancy effects, the animated headline captured my attention. So I decided to put together a collection of CSS effects for headlines with rotating words! Creating the structure The HTML structure is the same for every animation. The class .rotate-1 (added to the <h1>tag) is what determines the effect to apply. Some effects may require an additional class. Adding style Let’s see together how to create the Rotate 1 effect. First thing first: let’s apply the .rotate-1 class to the <h1>tag! The idea is to create a 3D rotation: the visible word should disappear by rotating over the X axis, the new word should appear from the bottom and take the free spot, always rotating over the X axis. Coding Summer Schools in Cambridge, UK. The Royal Society of Edinburgh. Resources Computing Science → Mobile App Development → This resource, produced by the RSE and the BCS Academy of Computing, provides a course in programming for mobile devices.

The Royal Society of Edinburgh

Tech Resources. Tools and Platforms 3WDOC: The first browser-based authoring and publishing application made in HTML5 for digital storytelling 3wdoc.com ADVENTR: The simple platform for creating and sharing, web-native video experiences.

Tech Resources

Adventr.tv Blind Spot: App that lets you create and interact with your friends and people who inspire you. Blindspotapp.com Conducttr: Interactive multiplatform storytelling tool conducttr.com Creatavist: Powerful online tool for writers, publishers, and more. Creatavist.com Explory: Makes it easy to tell rich, compelling stories. It's a studio in your pocket. FREE App Creator. Create Apps for Android. No Coding Required. Search results for "aiga" clipart - Openclipart. Starting today: learn to code in one day with The Sunday Times. Computers are embedded in our lives.

Starting today: learn to code in one day with The Sunday Times

We spend an average of eight hours a day in front of screens, and we are seeing technology revolutionise the economy, whether it’s AirBnB changing the way we go on holiday, or Uber shaking up the taxi industry. Technology is key to all our of futures, yet only a handful of us understand the language that makes computers work. This week – finally - computer coding becomes part of the national curriculum in schools, so what better time to introduce all Sunday Times readers to the basics of coding and give kids a head start.

Don’t be put off by the idea that it is too difficult – everyone can discover their inner geek. How to make a Flappy Bird in HTML5 - Part 1. Flappy Bird is a nice little game with easy to understand mechanics, and I thought it would be a perfect fit for an HTML5 game tutorial. So we are going to make a simplified version of Flappy Bird, in only 65 lines of Javascript with the Phaser framework. Click here to test the game we are going to build. Note: this tutorial was originally for Phaser 1.1, but was recently updated for Phaser 2.0. Lumin Projects, Lumin Paks and Lumin Archived Projects. Okay, so what is the deal with Lumin and all these projects, Paks and archives?

Lumin Projects, Lumin Paks and Lumin Archived Projects

Because Lumin is a versatile tool, these three unique aspects of Lumin can cause some confusion. The following is an attempt to clarify how each is different from the other and how to properly use them. The Lumin project is the most basic and most easily understood aspect of the three. When you open Lumin, the first thing that you do is start a project (either by selecting New Project or one of the templates or sample courses included in Lumin). When you start a project, Lumin creates a set of folders and files in the My Lumin Projects folder located in your My Documents folder. CS50: Introduction to Computer Science. CS50x is Harvard College's introduction to the intellectual enterprises of computer science and the art of programming for majors and non-majors alike, with or without prior programming experience. An entry-level course taught by David J. Malan, CS50x teaches students how to think algorithmically and solve problems efficiently.

Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web development. Languages include C, PHP, and JavaScript plus SQL, CSS, and HTML. Problem sets inspired by real-world domains of biology, cryptography, finance, forensics, and gaming. Wintermute Engine » about. About Flixel. Adam started working on Flixel in March of 2008, and released the first public version in June 2009. Probably the most commonly asked question about Flixel is "where did it come from? " so we've included a short explanation here. Adventure Game Studio. FlashPunk: A game creation library for Actionscript 3.

Create a new fiddle - JSFiddle. ImpactJS details, reviews and important links. A Javascript library that makes working with the HTML5 Canvas element easy. Recent Updates. HTML 5 Game Development for Dummies. Elm - functional web programming. Elm - functional web programming. Hello Ruby by Linda Liukas » Can't wait for the book? This is how you get started in coding. Making a book is a long process. Luckily the Internet is full of great and mostly free resources to teach your kid (and yourself) programming skills while we wait for little Ruby. In the list below I've included products I've tried myself. There are books, interactive tutorials, robots, games, apps, and course - so so many great things to try out. Finding the right product or motivation for your kid is the key.

Some kids love making games. You don't need to be a professional developer to get kids started in programming. Thanks! Learn how to code by playing a game. Piskel - Free online sprite editor. ChucK => Strongly-timed, On-the-fly Music Programming Language. LimeJS HTML5 Game Framework. Open Source HTML5 and Javascript game engine. Create Games with Construct 2. Flash by Night - Tutorials for budding Flash and HTML5 programmers. Create a HTML5 Mario-Style Platformer Game. HTML5 Mario-Style Platformer Series with Quintus: Are you a French speaker? If so, thanks to Alexandre Bianchi you can enjoy an adapted French version of this tutorial.

Among all game styles, platformers have stood out for decades and have proved to be a simply fun to play array of characters, blocks, tubes and monsters. Create a Mobile Educational Game with HTML5. Kids nowadays get bored at school. A teacher talking to dozens of kids and expecting them to transform those low pitched sound vibrations into interesting concepts in their heads, can you imagine? And learning math in particular is hard for many, including some of my cousins and sons and daughters of people I work with. Game Conceptualization Guide. Trying to figure out how to design the game in your head? It can be surprisingly difficult if you don’t have a good way to conceptualize your ideas. HTML5 Games. Desktop and Mobile HTML5 game framework. Tutorial: Making your first Phaser game. HTML5games.com. Make games with Construct 2 - Scirra Store. Construct 2 lets you make games visually, no programming required!

Getting Started With HTML5 Game Development. How To Design A Mobile Game With HTML5. How to make a simple HTML5 Canvas game - Lost Decade Games. Canvas tutorial - Web developer guide.

Native Drag and Drop. Edit fiddle. H5P - Create and Share Rich HTML5 Content and Applications. Cross Browser HTML5 Drag and Drop. Tiled Map Editor. Mobile Friendly HTML5 Picture Quiz Tutorial. HTML5 Game Engines - Find Which is Right For You. Courses.

Sprite Database. Scrollitelling : quel outil pour vos récits multimédias immersifs ? Cours. Transitions CSS - Animer facilement en CSS toutes les propriétés. Getting Started with deck.js. LimeJS HTML5 Game Framework. “I finished Codecademy, now what?” AppGyver. PhoneGap.