background preloader

Web

Facebook Twitter

Best Practices for Designing a Pragmatic RESTful API. Your data model has started to stabilize and you're in a position to create a public API for your web app. Mrdoob : position: absolute; left:... CSS Length Explained. When styling a web site with CSS you might have realised that an inch on a screen is not an actual inch, and a pixel is not necessarily an actual pixel.

CSS Length Explained

Have you ever figured out how to represent the speed of light in CSS pixels? In this post, we will explore the definition of CSS length units starting by understanding some of the physical units with the same name, in the style of C.G.P. Grey. Comment suivre un internaute sans cookie ni javascript ? Les attributs async et defer pour <script> Deux attributs HTML permettent de modifier le comportement des balises <script> et plus particulièrement pour le chargement des ressources JavaScript : async : charger/exécuter les scripts de façon asynchrone.

Les attributs async et defer pour <script>

HTML5

Mean by linnovate. Brio: Animated explainer videos, animation for the web and TV. Popline - An HTML5 Rich-Text-Editor Toolbar. InK - Interface Kit. NSA's PRISM: Protect yourself with these alternative services. Loops7 Afraid someone is watching?

NSA's PRISM: Protect yourself with these alternative services

Try these services for a little privacy. If you're at all like me, the announcement that the NSA's secret PRISM program was collecting and analyzing data from pretty much every major Internet service, and thus could potentially be listening in on my phone calls, reading my emails and looking at my documents stored in the cloud, made you feel icky. Sure, the NSA said they weren't intentionally looking to spy on Americans, but just the possibility of this happening feels like a breach of privacy. Fortunately, there's a whole cottage industry around encrypted versions of popular Internet services, most of which don't need any technical knowledge to set up and operate. Deep dive into the murky waters of script loading.

Introduction In this article I’m going to teach you how to load some JavaScript in the browser and execute it.

Deep dive into the murky waters of script loading

No, wait, come back! Using HTML5 prerendering to speed up a multi-page registration process. Channel API on Google App Engine by Kazunori Sato on Prezi. Easily index your Single Page Application thanks to PhantomJS ¤ Vickev. Google provides a way to index your Single Page Application (SPA), built with Angular.js, Backbone.js, or other Javascript framework (ember.js, knockout.js, and others). In this article, we will first see together how it proceeds, the amount of work that the webmaster has to do, and then we will come up with an automatic solution. All along this article, I will introduce tools and examples of this website, vickev.com (which is built with Angular.js and Node.js), to prove the relevance of the method. Mantis: Next-generation Cloud Technology for WebRTC. Today we’re proud to announce our latest WebRTC innovation: Mantis, a cloud-scaling infrastructure for our OpenTok on WebRTC platform.

Mantis: Next-generation Cloud Technology for WebRTC

This is another big step forward for the TokBox team as we continue to pursue our goal of providing application developers with simple yet powerful APIs. APIs that not only leverage the latest standards to deliver the best possible experience, but that are backed by a scalable, smart cloud which supports interoperability across a variety of end-points. The HTML5 Media Framework. Popcorn Maker 1.0 released – how it works. This week Mozilla is in London at the Mozilla Festival 2012.

Popcorn Maker 1.0 released – how it works

A year ago at last year’s Festival, we released Popcorn.js 1.0, and with it a way for filmmakers, journalists, artists, and bloggers to integrate audio and video into web experiences. How do I version my REST API? Les URLs sont pour les Humains, Pas pour les Ordinateurs. Nous sommes tous familiers avec les URLs : la chaîne identifiant uniquement le document demandé.

Les URLs sont pour les Humains, Pas pour les Ordinateurs

Néanmoins, nous n’avons toujours pas imaginé qu’elles sont plus que cela : Les URLs font face à l’utilisateur et devraient être considérées comme des éléments importants de l’interface-utilisateur. Elles devraient être propres, compréhensibles, sémantiques, hiérarchiques et pas trop longues. HTML5 & App Engine Backends - Google IO 2012. Browse User Interface Designs. What The Rails Security Issue Means For Your Startup. January has been a very bad month for Ruby on Rails developers, with two high-severity security bugs permitting remote code execution found in the framework and a separate-but-related compromise on rubygems.org, a community resource which virtually all Ruby on Rails developers sit downstream of.

What The Rails Security Issue Means For Your Startup

Many startups use Ruby on Rails. Learn to code by creating an app. AltJS compile-to-JavaScript language list. 300 Pictographs for Web & User Interface Design. The Shumway Open SWF Runtime Project. Shumway is an experimental web-native runtime implementation of the SWF file format.

The Shumway Open SWF Runtime Project

It is developed as a free and open source project sponsored by Mozilla Research. The project has two main goals: 1. Advance the open web platform to securely process rich media formats that were previously only available in closed and proprietary implementations. 2. Jquery Slider. Www.igvita.com/slides/2012/webperf-crash-course.pdf. Winston/cactus. Nouveau look pour une nouvelle vie, version spéciale Ippon. The Noun Project. Les évènements Web à ne pas manquer en Octobre, Novembre, Décembre prochain. Alors que la fin de l’année arrive à grand pas, les événements Web ne manquent pas à l’appel et continuent de se bousculer.

Les évènements Web à ne pas manquer en Octobre, Novembre, Décembre prochain

Aujourd’hui, je vous propose de découvrir de nouveaux rassemblements Web pour cette fin d’année 2012. En effet, la France regorge d’événements sur lesquels, nous amateurs de conception Web, dont la soif d’apprendre n’est plus à présenter, aimons participer. Ainsi, que l’on soit expert en développement ou conception, mais également simple passionné du Web qui cherche à apprendre et à échanger, ou encore étudiant, ces événements sont quasiment indispensables pour nous ! Dans la suite de ce billet je vais présenter les principales conférences Web des prochaines semaines qui me semblent intéressantes, ainsi que celles relayées par les lecteurs, et celles pour lesquelles je devrais être présent. Chrome supporte maintenant les FPS en version stable mais pas que … Au début du mois je mentionnais que Google avait mis à jour la version bêta de Chrome avec un certain nombre de technologies HTML5. Bien sûr, la plus importante étant l’API JavaScript « Pointer Lock » qui ajoute une fonction de blocage de la souris.

Fête sa première année ! Announcing Ringmark, a Mobile Browser Test Suite - Développeurs Facebook. Introducing Ringmark. Google-styleguide.googlecode.com/svn/trunk/xmlstyle.html. Version 1.0Copyright Google 2008 Introduction This document provides a set of guidelines for general use when designing new XML document formats (and to some extent XML documents as well; see Section 11). Document formats usually include both formal parts (DTDs, schemas) and parts expressed in normative English prose.

These guidelines apply to new designs, and are not intended to force retroactive changes in existing designs. Protect your API: Twitter’s Denial of Service Attack and API Security. ★ Pour ne plus être en REST, comprendre cette architecture. So what is Meteor? « Hype Driven Development. WebSockets: Stable and Ready for Developers. WebSockets are stable and ready for developers to start creating innovative applications and services. This tutorial provides a simple introduction to the W3C WebSocket API and its underlying WebSocket protocol.

The updated Flipbook demo uses the latest version of the API and protocol. Add SPDY support to your Apache server with mod_spdy. By Matthew Steele and Bryan McQuade, PageSpeed Insights Team At Google, we strive to make the whole web fast. What Powers Instagram: Hundreds of Instances, Dozens of Technologies. ChronoZoom.

UX

Javascript. MongoDB. La parole aux experts du Web : Que sont les CSS3 Media Queries ? Comment les intégrer et les mettre en oeuvre ? Introduit en Juin dernier, cette catégorie intitulé « La parole aux experts » avait été légèrement abandonnée… Non par un manque d’envie mais plutôt par un travail important, d’une part pour réunir les réponses de nos experts, et d’autre part pour en synthétiser le contenu. Le premier article avec nos experts Matthieu Bué, Raphaël Goetter, Bruno Bichet et Aurelien Garroux, nous avait permis d’aborder le thème suivant : HTML5, est-ce le moment de l’adopter ?

Au final, on pouvait répondre unanimement de manière positive. Google Plus Style Animations with Jquery and CSS3. Google plus given an awesome kick to user experience, specially circles UI animations. I feel it’s great and new definition to have user experience design. I have tried circle rotation animation effect with Jquery and CSS3. Just few lines of code applying CSS styles using jQuery methods like .addClass() and .animation(). Take a look at these live demos with modern brewers. For best result try with Chrome browser.