background preloader

The size of the World Wide Web (The Internet)

The size of the World Wide Web (The Internet)
Related:  A classer

WebAssembly 101: a developer's first steps This article will guide you along the necessary steps to port a JavaScript library of the Conway's game of life to WebAssembly (wasm). This is a simple exercise that is perfect to start beyond a trivial Hello World. I recently got interested in WebAssembly and decided to take the leap this weekend. WebAssembly is an emerging standard to enable near-native performance for web applications. I went through the awesome-wasm list which is a good starting point but still had to work two days on this to get some working code. There's a demo of the game of life re-implemented in wasm at the end of the article :) The following tutorial was written using Ubuntu 17.04, so your mileage may vary. This article has five parts: Setup the toolchain The provided packages are a little outdated, I got some warnings. $ . Now depending on your network speed go make yourself a coffee or read a book. $ . Make some sample C file counter.c: int counter = 100; int count() { counter += 1; return counter; } And, tada !

Why WebAssembly is a game changer for the web — and a source of pride for Mozilla and Firefox With today’s release of Firefox, we are the first browser to support WebAssembly. If you haven’t yet heard of WebAssembly, it’s an emerging standard inspired by our research to enable near-native performance for web applications. WebAssembly is one of the biggest advances to the Web Platform over the past decade. This new standard will enable amazing video games and high-performance web apps for things like computer-aided design, video and image editing, and scientific visualization. To get a quick understanding of WebAssembly, and to get an idea of how some companies are looking at using it, check out this video. It’s been a long, winding, and exciting road getting here. JavaScript was originally intended as a lightweight language for fairly simple scripts. A lot has changed since then. We’ve always been well aware of this at Mozilla but that has never limited our ambitions for the web. WebAssembly is shipping today in Firefox on Windows, MacOS, Linux, and Android.

C QA - Recommended list of Doctype declarations you can use in your Web document Warning The list is informative and does not try to be exhaustive (there are many other proper declarations you could use), but it has most of the declarations commonly used on the Web at the moment. Recommended Doctype Declarations to use in your Web document. When authoring document is HTML or XHTML, it is important to Add a Doctype declaration. The simplest and most reliable doctype declaration to use is the one defined in HTML5: If you need a doctype matching a specific version of (X)HTML, the doctype declaration must be exact (both in spelling and in case) to have the desired effect, which makes it sometimes difficult. Template Use the following markup as a template to create a new HTML document using a proper Doctype declaration. <! (X)HTML Doctype Declarations List HTML5 and beyond Strict Transitional Frameset Strict (quick reference) Transitional Frameset XHTML Basic 1.1 (quick reference): MathML Doctype Declarations MathML 2.0 - DTD: MathML 1.01 - DTD: Compound documents doctype declarations

Best Web Development Trends For 2017! - Usersnap Technology changes constantly, so to be at the top of your game as a web developer, it’s vital you’re keeping up. It can be confusing and discerning when so many updates and developments are being released every few weeks. With 2017 just getting started, we’ve put together some information about the anticipated trends for this upcoming year and some advice about what areas of development you should be focusing on. Discussing new frameworks, techniques, and tools which are all working to enhance UX, consider this blog your one-stop-shop for all things 2017! We at Usersnap put together all our thoughts in this article. If you like this article, give it some sharing Using Artificial Intelligence to create websites & apps Artificial intelligence programs are already used successfully by Google and Wikipedia, the technology is more than within our grasp to allow us to develop software which can think and act as a human without requiring the manpower. Screenshot from Internet of Things

The Cost of Frameworks Update: Nov 16th 2015 - Added an extra row in the table for React under production conditions. The good news: it’s 3x slower than vanilla, yes, but in actual terms I’d say it’s fast for TodoMVC! The Polymer TodoMVC sample was also updated to version 1.2.2 today, and that, too, is faster. If you prefer watching to reading, here’s the video of the talk (you can also get the slides, too, if you like): If you prefer reading to watching, well, keep reading… The benefits of frameworks Earlier in the year I wrote about React’s performance characteristics as the tree size it has to manage gets larger (TL;DR the bigger the tree, the more computation work it has to do). Frameworks are fun to use. The key message I heard over and over, sometimes explicitly, and often implicitly, is that ergonomics are the most important factor for many developers. The key message I heard over and over, sometimes explicitly, and often implicitly, is that ergonomics are the most important factor for many developers.

French Translations of W3C Documents | Translations home page | Advanced search for translations Original documents selected: any Recommendations Règles d'accessibilité pour les outils d'édition 1.0 Translation of the document: “Authoring Tool Accessibility Guidelines 1.0”. Translator: Karl Dubost. Les profils composites de capacités/préférences (CC/PP) : structure et vocabulaires 1.0 Translation of the document: “Composite Capability/Preference Profiles (CC/PP): Structure and Vocabularies 1.0”. CSS1 : Les feuilles de style en cascade, niveau 1 Translation of the document: “Cascading Style Sheets (CSS1) Level 1 Specification”. Les feuilles de style en cascade, niveau 2, Spécification CSS2 Translation of the document: “Cascading Style Sheets, level 2 (CSS2) Specification”. Un modèle de caractères pour le Web 1.0 : Les principes de base Translation of the document: “Character Model for the World Wide Web 1.0: Fundamentals”. Modèle Objet de Documents (DOM) Spécification niveau 1 La transformation de décryptage pour XML Signature

HTML5 and Search Engine Optimisation (SEO) Through our handy Ask The Doctor service, we get a lot of e-mails asking us about HTML5’s effect on Search Engine Optimisation (SEO). While we can’t answer in great detail (Messrs Google, Yahoo, Bing, and their friends haven’t sent us in-depth details of their algorithms), we’ve rounded up some useful facts from Google, the world’s most dominant search engine. At the moment, Google indexes HTML5 microdata (more about microdata) but does not reward you for using the new HTML5 structural elements, but neither does it penalise you: As HTML5 gains in popularity and as we recognize specific markup elements that provide value to our indexing system, this is likely to change, but at the moment I would not assume that you would have an advantage by using HTML5 instead of older variants….Personally, I would recommend using HTML5 where you think that it already makes sense, perhaps reverting to HTML4 if you can determine that the browser won’t support the elements of HTML5 that you use properly.

Un site non sécurisé via HTTPS sera pénalisé à partir d'octobre 2017 ! Tous les sites non sécurisés avec un certificat SSL seront signalés dans le navigateur Google Chrome à partir du mois d'octobre 2017. A partir du mois d’octobre, un site non sécurisé via le protocole HTTPS sera pénalisé par la mention « Non sécurisé ». Qu’est-ce qu’un site non sécurisé ou non HTTPS ? Si vous avez un site Web non sécurisé, vous utilisez le protocole HTTP et non le protocole HTTPS. Sans rentrer dans les détails, pour accéder à votre site internet, il faut taper une adresse du type par exemple. En l’absence du protocole HTTPS pour accéder à votre site internet, vous vous exposez à une notification « Non sécurisé ». signalement d’un site non sécurisé HTTP par Google Chrome à partir d’octobre 2017 Source : Chromium Blog Google a commencé à envoyer des notifications via Google Search Console depuis la fin du mois d’août. Google pousse depuis quelques temps les éditeurs à sécuriser leurs sites et cette pénalité était prévue et annoncée. Bon à savoir :

The A11Y Project Pourquoi le protocole HTTPS va devenir la norme ? | AntheDesign Google via son navigateur Chrome va commencer à signaler les sites non sécurisés à partir de janvier 2017. Cette évolution confirme la volonté de Google de voir tous les sites internet migrer vers le protocole HTTPS. Pourquoi cette évolution et quelles sont les conséquences pour les éditeurs de site web ? Certains sites n’utilisant pas le protocole HTTPS seront signalés dans quelques mois sur Chrome 56. Google a annoncé l’évolution de son navigateur Google Chrome son blog réservé aux développeurs. Signalement des sites non sécurisés sur Google Chrome à partir de janvier 2017 Les premières pages web concernées par ce signalement de Google Chrome seront toutes celles où nous laissons des informations potentiellement confidentielles. Qu’est ce que le protocole HTTPS ? Qu’est-ce que le protocole HTTPS ? Le protocole HTTPS (HyperText Transfer Protocol Secure) est un protocole HTTP auquel il a été ajouté une couche de chiffrement SSL (Secure Socket Layer). Comment identifier un site sécurisé ?

Web Animations Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology. The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this document are to be interpreted as described in RFC 2119. However, for readability, these words do not appear in all uppercase letters in this specification. All of the text of this specification is normative except sections explicitly marked as non-normative, examples, and notes. [RFC2119] Examples in this specification are introduced with the words “for example” or are set apart from the normative text with class="example", like this: Informative notes begin with the word “Note” and are set apart from the normative text with class="note", like this: Note, this is an informative note. This specification defines a number of procedures. Some procedures assert an invariant condition.