WebGL Lesson 1 – A triangle and a square << Lesson 0Lesson 2 >> Welcome to my first WebGL tutorial! This first lesson is based on number 2 in the NeHe OpenGL tutorials, which are a popular way of learning 3D graphics for game development. It shows you how to draw a triangle and a square in a web page. Maybe that’s not terribly exciting in itself, but it’s a great introduction to the foundations of WebGL; if you understand how this works, the rest should be pretty simple… Here’s what the lesson looks like when run on a browser that supports WebGL: Click here and you’ll see the live WebGL version, if you’ve got a browser that supports it; here’s how to get one if you don’t. More on how it all works below… A quick warning: These lessons are targeted at people with a reasonable amount of programming knowledge, but no real experience in 3D graphics; the aim is to get you up and running, with a good understanding of what’s going on in the code, so that you can start producing your own 3D Web pages as quickly as possible. Next: …and then:
ArtisGL 3D Publisher-make your 3D models alive Unity 3D – Les caméras | studio archeo 3D Il existe plusieurs types de caméra dans Unity 3D, les caméras « poursuite » et les caméras pour examiner une scène. Les caméras poursuite : On trouvera dans les Assets la 1st person camera controler et la 3rd person camera controler Faire juste un glisser déposer pour disposer de l’une ou l’autre. First person Third person Caméra d’observation : Cela demande de poser un script sur l’objet caméra. Choisir le Script MOUSE ORBIT et le poser sur la caméra. Choisir l’objet Pivot, point fixe autour duquel la caméra orbitera. Régler la distance si besoin. 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”. 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 Translation of the document: “Document Object Model (DOM) Level 1”. WebCGM 2.0
Grunt: The JavaScript Task Runner react-static/react-static: ⚛️ □ A progressive static site generator for React. Une solution simple contre le spam du calendrier iCloud Le calendrier d’iCloud continue de subir les assauts d’un spam d’autant plus pénible qu’il vient se nicher automatiquement dans l’agenda. Actuellement, c’est une invitation pour acheter des lunettes de marque qui se glisse au milieu des rendez-vous, même si vous n’en voulez pas. Comme on l’expliquait il y a quelques jours, refuser cette invitation a une conséquence fâcheuse : certes, elle disparaitra de votre calendrier, mais l’action de refuser confirmera au spammeur que l’adresse e-mail est active (lire : Le spam iCloud passe désormais par le calendrier et les photos). Et il en ira de même si vous acceptez cette invitation. Alors certes, on peut se contenter de laisser les choses comme elles sont, mais il est difficile de faire abstraction de ce satané rendez-vous qui s’est incrusté là. L’alternative est d’en passer par une modification des préférences d’iCloud (via). Par défaut, la réception des invitations passe par des notifications dans l’app, la première option. Merci Benoît
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.
JavaScript Code Smells In the past I've given presentations, recorded videos, and written blog posts about fixing common JavaScript and jQuery bugs. This is a good skill to have, but what about working code? Fixing broken code is important, but have you ever gotten into the situation where your code works, but it doesn't feel quite right... maybe even smells? "A code smell is a surface indication that usually corresponds to a deeper problem in the system" --CodeSmell by Martin Fowler As we grow as developers we strive to write more maintainable code, but on our journey we often times don't know what that looks like yet. Your JavaScript may pass stardard JSHint rules, but that doesn't mean it's legit. Most developers can smell brittle and fragile code a mile away, but it takes time and training to combat against these smells. Video The following video was recorded this year at FluentConf. Types of Smells The following are the types of smells that I cover throughout the presentation. Slides
Service Worker API - Web APIs Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs. Service worker concepts and usage A service worker is an event-driven worker registered against an origin and a path. It takes the form of a JavaScript file that can control the web-page/site that it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you complete control over how your app behaves in certain situations (the most obvious one being when the network is not available). Service workers only run over HTTPS, for security reasons. Registration Interfaces Cache
Télécharger Fedora Workstation Utiliser Fedora Workstation Pour lancer Fedora Workstation, vous aurez besoin : de Fedora Media Writer/l’installateur de médias Fedora (téléchargement ci-dessus) d'une clef USB disposant d'au moins 1.3 Gio d'espace libre Fedora Workstation est mis à disposition via l’installateur de médias Fedora. Téléchargez ce programme via le bouton de téléchargement ci-dessus et lancez-le sur votre système, suivez les étapes pour générer une version Live (lire "Que signifie « Live » ?" Si vous le souhaitez, vous pouvez installer Fedora Workstation sur un ordinateur portable ou fixe qui a au moins un processeur d'un GHz, 1 Gio de RAM et 10 Gio d'espace libre. Plateformes prises en charge L'installateur de média supporte les plateformes suivantes : Mac OS X Windows Linux Nous avons détecté que vous utilisez Mac OS X et vous avons proposé cette version au téléchargement. Nous avons détecté automatiquement que vous utilisez Linux et vous avons proposé cette version au téléchargement. Autres téléchargements
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. 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. Comment sécuriser votre site internet ? Pour sécuriser votre site internet et passer de HTTP à HTTPS, il vous suffit d’installer un certificat SSL.