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.

Best Practices for Designing a Pragmatic RESTful API

You realize it's hard to make significant changes to your API once it's released and want to get as much right as possible up front. 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. The industrial inch (in) Comment suivre un internaute sans cookie ni javascript ? Vous vous croyez protégé de toute forme de tracking car vous avez désactivé ou filtré le JavaScript, flash, les cookies...etc. ?

Comment suivre un internaute sans cookie ni javascript ?

Eh bien détrompez-vous, car même si vous avez mis en place ce plugin qui permet de brouiller les pistes face à des méthodes de tracking non traditionnelles comme Panopticlik, il est toujours possible de vous suivre. 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 :

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.

NSA's PRISM: Protect yourself with these alternative services

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! I know it sounds mundane and simple, but remember, this is happening in the browser where the theoretically simple becomes a legacy-driven quirk-hole. Using HTML5 prerendering to speed up a multi-page registration process. I recently began using a newish HTML5 feature called prerendering in the Soundslice registration process, and I'm very happy with how it's been working.

Using HTML5 prerendering to speed up a multi-page registration process

Prerendering is a way for you (as a web developer) to tell a web page to load (and render!) A second page in the background -- where the second page is one that's highly likely to be visited next. Here's how it works. 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. The magic of Google crawl Google perfectly indexes websites, but without executing any javascript code. If the website is well-done, it should display the information, no matter if the javascript is enabled or not. However, in the case of SPA, the foundation is based on Javascript. So, Google came up with a solution for developers. If it is not clear (I'm not sure it is, actually), please consult the official guide, which is pretty clear in my opinion.

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. It was just over six months ago that we launched the OpenTok on WebRTC platform.

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

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.

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.

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. 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.

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. 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. Our work in this area includes PageSpeed, Google Chrome, and the SPDY protocol, among other efforts. In December of 2011, to make it easy for you to enable the SPDY (pronounced "SPeeDY") protocol on your sites, we released an early beta of mod_spdy, an Apache module that adds SPDY support to the Apache HTTPD server.

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. Afin de rester dans la thématique, je vous propose aujourd’hui ce nouvel article qui permet au Web français de s’exprimer ! Le second thème abordé est : Que sont les CSS3 Media Queries ? 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. Live Demo 1 Live Demo 2 Live Demo 3.