background preloader

Veille technologique

Facebook Twitter

Dossier de recherche sur le thème choisi de veille technologique (SI5).

Quelles obligations légales pour une appli ? Si vous êtes éditeur d'une appli mobile, vous devez respecter un certain nombre d'obligations légales, comme pour votre site Internet.

Quelles obligations légales pour une appli ?

Découvrez les détails et des solutions dans cet article. Liste des obligations légales pour l'édition d'application mobile Développer une application est souvent perçu (à tort ou à raison) comme relativement facile et peu coûteux, ce qui conduit beaucoup de développeurs et d’entrepreneurs à tenter leur chance en proposant leur application sur les App Stores … Mais en oubliant souvent que les obligations légales ne sont pas moins grandes pour une application que pour un site internet ou un logiciel classique, “de bureau”. Le contrat signé entre le responsable de l’application et l’hébergeur (le Store) ne libère en aucun cas le premier de ses obligations envers ses utilisateurs et/ou clients, au contraire, le contrat visant d’abord à assurer le contrôle de la distribution de l’application par le Store et à le déresponsabiliser.

The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience) Des alternatives sympathiques au Lorem Ipsum ! Previewing Salsa – the New JavaScript Language Service in Visual Studio "15" The new JavaScript language service, codenamed “Salsa”, is now available in Visual Studio “15” Preview.

Previewing Salsa – the New JavaScript Language Service in Visual Studio "15"

Language services are responsible for providing syntax highlighting, completion lists, signature help, and other tooling features for a specific language inside the IDE. Salsa delivers many improvements over the existing JavaScript language service such as improved module support, full ES6/ES7 syntax coverage, and JSX support. Until now, JavaScript editing in Visual Studio used an execution model for the language service. Essentially, as you typed, a JavaScript engine constantly executed your code to provide “runtime-like” accuracy in completion lists, signature help, and other tooling features.

The execution engine was great for handling the more dynamic aspects of the language, however, it also introduced significant complexity and inconsistency. TypeScript 2.0 Preview. Anders Hejlsberg returned to Microsoft's Build conference in 2016 to talk about the current state of TypeScript and show off some amazing features coming in the next few months.

TypeScript 2.0 Preview

Hejlsberg divided his talk into three main parts, allocating the first 15 minutes to retelling of the high-level story of TypeScript. Progressive Web Apps. Last Friday, the SFHTML5 Meetup group met to discuss something called “Progressive Web Apps.”

Progressive Web Apps

I had some preconceived notions that the topic would be pretty cool, but actually, it got me more excited about the state of mobile/web/desktop in 2016 than I could have imagined. This might sound a bit dramatic, especially given the negative tone that Alex Russel (@slightlylate), the speaker, started off with on the mobile web. Time for Flexbox First. The web development community has a habit of declaring "firsts" those practices and approaches that reach some ill-defined status signaling they are the go-to way to solve a particular problem.

Time for Flexbox First

We've seen "mobile first" and, more recently, "offline first. " In these examples, a new problem comes along and as that problem grows more common there comes a tipping point. On the other side of that tipping point, it begins to make sense to solve the problem from the ground up, rather than building a project and solving it as an afterthought. As a concrete example, for "mobile first" this meant realizing it's a lot more difficult to retrofit mobile layouts into existing desktop sites than it is to build mobile websites that expand to fit larger, more capable devices. Accessible, Simple, Responsive Tables. There is no single solution to make any <table> appropriately responsive.

Accessible, Simple, Responsive Tables

That's what I like about this post by Davide Rizzo: it admits that, then gets on with some solutions. This is a great addition to territory we've been treading for a while. Content and Comparison tables. State of affairs: Bootstrap 4 vs Foundation 6.2 - Danny Herran. Bootstrap 4 and Foundation 6 are the latest versions of the most widely used CSS frameworks out there.

State of affairs: Bootstrap 4 vs Foundation 6.2 - Danny Herran

Foundation 6 is stable whereas Bootstrap 4 hasn’t been released yet. However, before you wonder why I am comparing a stable framework version vs an alpha one, let me set the record straight by saying that Foundation even though has already been released as stable, it isn’t by any means. Let us explore the current status of both frameworks, their features, flaws and decide which one is better suited to your needs. Webdesigner : un métier en cours de redéfinition ? - Google's Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web. When Google announced the launch of its new mobile ranking system1, dubbed Mobilegeddon by the press, everybody agreed that the impact would be devastating on those businesses that didn’t have a mobile web presence.

Google's Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web

At that time, we conducted a study2 of the top 10,000 sites from Alexa and showed that four out of ten sites would be affected by Google’s update. Eight months into the apocalyptic event, we repeated the study because we wanted to measure and understand the real proportions of such an important development. We crunched the data and discovered some interesting findings — this article details the most significant ones. 25% Of Websites Without Any Previous Mobile Strategy Have Made The Switch Link. How You Can Use Responsive Web Components Today. A few years ago I started to hear a lot about Web Components.

How You Can Use Responsive Web Components Today

I got pretty excited and then totally forgot about them as the noise settled down. It turns out there has been some good movement and support is starting to increase. Responsive Web Components, in particular, are set to really simplify how we approach responsive design. As promising as this sounds, there are four questions many developers out there will want to know before they start using them today: Will they…

Dirty Tricks From The Dark Corners Of Front-End. Zell Liew's blog about web design and development. Have you wondered if you should use px, em or rem for media queries?

Zell Liew's blog about web design and development

I had the same question too, and I never figured it out, not till now. When I first created the mappy-breakpoint library over a year ago, I used rem units. Then after a conversation with Sam Richard, I quickly switched to em instead because I found out there isn’t a difference between the two. In addition to em and rem, a popular unit of choice for media queries is the good old pixel. Automatically Art-Directed Responsive Images? Here You Go. In many projects, responsive images1 aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and <picture> element and Picturefill2 (or a similar) polyfill; but all of those variants of images have to be created, adjusted and baked into the logic of the existing CMS.

And that’s not easy. On top of that, responsive images markup3 has to be generated and added into HTML as well, and if a new image variant comes into play at some point (e.g. a file format like WebP or a large landscape/portrait variant), the markup has to be updated. The amount of extra work required often causes trouble — so if you have a perfect product shot, you need to either manually create variants for mobile and portrait and landscape and larger views, or build plugins and extensions to somehow automate the process. Sometimes workarounds work just well, too. The Devil Is In The… Back-End! So What Are The Options? The Fab Four technique to create Responsive Emails without Media Queries — Free Code Camp — Medium. The Fab Four technique to create Responsive Emails without Media Queries I think I found a new way to create responsive emails, without media queries.

The solution involves the CSS calc() function and the three width, min-width and max-width properties. Or as I like to call them all together: the Fab Four (in CSS). The problem. Introducing Resizer - Articles. An interactive viewer to see and test how digital products respond to material design breakpoints across desktop, mobile, and tablet. What is Resizer? As designers and developers of digital products, one of our greatest challenges is figuring out how to serve the right UI to our users at the right time. Neerajdelima. Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton. Bootstrap 4.0.0-alpha is a fairly large update to the framework. It has dropped Less support in favor of Sass, converted from px-based to rem-based sizing, improved its grid system, and dropped IE8 support.

Also, all its JS plugins were re-written in ES6, it now uses a customized reset CSS file called Reboot, and offers flexbox support via a Sass boolean variable. In addition to this update, Bootstrap now offers themes at Also, Bootstrap will continue supporting version 3, unlike the dropping of version 2 support after the release of version 3. News. Publisher: Media Queries, CSSPublished: 24 Feb 2016 A really interesting way of providing responsive layouts without media queries. This is specifically for email clients because a lot of the most popular clients do not support media queries (like Gmail and Outlook for example).

I think I found a new way to create responsive emails, without media queries. The solution involves the CSS calc() function and the three width,min-width and max-width properties. News. Responsive Design : avantages et inconvénients. Qu'est que le Responsive Design. Site mobile : quel format adopter ? Responsive webdesign avangtages et bonnes pratiques. Ce n'est un secret pour personne, la navigation mobile sur internet fera mordre la poussière au traffic de bureau classique -plus tôt que vous le pensez. Aux États-Unis, il représente déjà 20% du web global. En Asie et en Afrique, plus de la moitié de tout le traffic provient du mobile. En plus de cela, il y a des milliers et des milliers des millards d'appareils qui peuvent être utilisés pour accéder au web. Concevoir des sites adaptatifs qui fonctionnent correctement dans ce nouvel écosystème est un vrai nouveau défi.

Développement web : le responsive design

C'est quoi le Responsive Web Design. Qu'est-ce que le Responsive Web Design ? Le métier de développeur front-end.   Mobile Friendly Websites   Responsive web design (RWD) is a setup where the server always sends the same HTML code to all devices and CSS is used to alter the rendering of the page on the device. Google’s algorithms should be able to automatically detect this setup if all Googlebot user agents are allowed to crawl the page and its assets (CSS, JavaScript, and images). Use meta name="viewport" tag to tell the browser how to adjust the content.Check out our Web Fundamentals site for further documentation. To signal to browsers that your page will adapt to all devices, add a meta tag to the head of the document: The meta viewport tag gives the browser instructions on how to adjust the dimensions and scaling of the page to the width of the device.

When the meta viewport element is absent, mobile browsers default to rendering the page at a desktop screen width (usually about 980px, though this varies across devices). For responsive images, include the <picture> element. The Web in 2016: Long live responsive design. Safari 9: Using Responsive Design Mode. Learn these Basics to Implement Responsive Web Designing.

Tendances Web Design 2016. Responsive web design - On en est où. ✎ Site web responsive : Pourquoi et comment ? - Tendances Web Design 2016. C'est quoi le Responsive Web Design. Oracle repousse la sortie de Java 9 à mars 2017. Evolution of Webdesign. Responsive web design: What the Internet looks like in 2016.

Les outils de développement mobile

Tapptic Home - Tapptic. Android Studio 2.0 : une préversion du nouvel émulateur est disponible, pour permettre aux développeurs d'effectuer leurs tests. Android Studio 2.0 est disponible en pr version avec un profileur et un mulateur plus performants et une nouvelle fonctionnalit nomm e Instant Run. Apple ouvre un centre de développement d'apps iOS d'Europe en Italie. V-Play pour le développement Cross-platform d'App Mobile Native sur base Qt. Flutter, projet open source de Google pour Android et iOS.