Web

Facebook Twitter

Best Practices for Designing a Pragmatic RESTful API | Vinay Sahni. 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 | Vinay Sahni

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. Now, the internet has no shortage on opinions on API design. 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. Comment ? Et bien tout simplement en détournant l'utilisation des ETag. Pour ceux qui ne seraient pas familiers avec ce concept, ETag est une fonctionnalité propre aux serveurs web type Apache, qui permet simplement d'identifier de manière unique un fichier (page web, image, CSS...Etc.).

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>

Defer : différer l'exécution à la fin du chargement du document. Ils sont souvent confondus avec pourtant des conséquences différentes.

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

Easily index your Single Page Application thanks to PhantomJS ¤ Vickev

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

Popcorn.js | 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. Popcorn has since become one of the most popular ways to build time-based media experiences for the web. How do I version my REST API? | - The RESTful cookbook. Les URLs sont pour les Humains, Pas pour les Ordinateurs | xtof. Nous sommes tous familiers avec les URLs : la chaîne identifiant uniquement le document demandé. 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. Si l’URL ressemble à une poubelle les gens ne cliqueront pas dessus Une étude menée par Microsoft a trouvé que les URLs jouent un rôle vital pour démontrer la sécurité et la crédibilité d’un site web : 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. Other startups don’t but, like the Rails community, may one day find themselves asking What Do We Do When Apocalyptically Bad Things Happen On Our Framework of Choice? I thought I’d explain that for the general community. Nota bene: I’m not a professional security researcher. Learn to code by creating an app | Ruby on Rails tutorial. Rails On Your Browser When starting out, a lot of people are discouraged from learning because of messy and long installation process. To prevent this, we emulated a Rails environment on the browser! Learn By Doing We believe that the best way to learn a language is to attempt building something on it. With tests to check your progress, our courses help you learn while coding. AltJS compile-to-JavaScript language list. Batch • 300 Pictographs for Web & User Interface Design. The Shumway Open SWF Runtime Project | Mozilla Research. 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. Chrome supporte maintenant les FPS en version stable mais pas que … 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. Google HTML/CSS Style Guide. 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. Add SPDY support to your Apache server with mod_spdy. Instagram Engineering • 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 ? Google Plus Style Animations with Jquery and CSS3.