Responsive image map using SVG
▻http://jsfiddle.net/eLbpmsaj
#RWD_image_imapeMap_map_SVG_clevermarks
Responsive image map using SVG
▻http://jsfiddle.net/eLbpmsaj
#RWD_image_imapeMap_map_SVG_clevermarks
Financial Times increases engagement with personalisation, speed
▻https://www.inma.org/blogs/ideas/post.cfm/financial-times-increases-engagement-with-personalisation-speed
“Through a rough a series of A/B tests, we slowed the site down to see how site speed correlates to loss of engagement and revenue. Test results showed that for every one second increase in speed, our engagement score increased by 5%. In subscription and ads inventory, this translates into millions in revenue. Speed therefore became a principal element of the site.”
RFC 3986 - Uniform Resource Identifier (URI)
▻https://tools.ietf.org/html/rfc3986
A Uniform Resource Identifier (URI) is a compact sequence of characters that identifies an abstract or physical resource. This specification defines the generic URI syntax and a process for resolving URI references that might be in relative form, along with guidelines and security considerations for the use of URIs on the Internet.
URL Standard
▻https://url.spec.whatwg.org
“The URL Standard defines URLs, domains, IP addresses, the application/x-www-form-urlencoded format, and their API.”
Your Analytics Lies to You
▻https://webperf.ninja/2017/analytics-lie
“It is common for my clients to focus their attention on flagship devices from Apple and Samsung, “because all of our customers have them”. Unfortunately your analytics is coming up short again. For one, GA will group all iPhone models into a homogenous ‘iPhone’ device; it does the same with iPads. How can you develop a solid device lab when you don’t know which of the eleven iPhone models generate the most traffic?”
Your site without JavaScript
▻https://building.calibreapp.com/your-site-without-javascript-ce65f07e850
“There are plenty of reasons why the presence of script (what it does, how it works, and how heavy it is) needs to be considered a little more thoughtfully.”
Introducing a New Format for Evolving Stories – The Guardian Mobile Innovation Lab
▻https://medium.com/the-guardian-mobile-innovation-lab/introducing-a-new-format-for-evolving-stories-281d2724b416
“It’s become almost impossible to stay up to date on the latest developments in the most recent ongoing news stories. But what if there was a smarter way of getting the latest news in an ongoing, incrementally developing topic?”
#TheGuardian_smarticle_article_mobile_clevermarks_media_news
RIP Redux: Dan Abramov announces future fetcher API
▻https://react-etc.net/entry/rip-redux-dan-abramov-announces-future-fetcher
“While Redux is still a valid concept it is simply too complex for the most commonly built web applications. The terminology derived from functional programming with words like reducers, dispatchers and more also lead to a high learning curve for newcomers. The concepts are clear to those with a Computer Science (CS) educational background, but since the large mass web developers come mostly outside of this arena it is a hindrance.”
Android Oreo (Go Edition) will bring Progressive Web Apps (PWA) to the masses in 2018
▻https://react-etc.net/entry/android-oreo-go-edition-will-bring-progressive-web-apps-pwa-to-the-masses
“Now in early 2018 it seems that PWAs will only gain momentum as cheap and capable devices storm to markets like India, China and Vietnam. In these markets PWAs are already widely deployed by companies like India’s eCommerce giant Flipkart having providing great references”
Navigateurs de téléphones : parts de marché France 2012-2017
▻https://fr.statista.com/statistiques/472781/navigateurs-web-telephones-mobiles-parts-de-marche-france
Ce graphique représente l’évolution des parts de marché (en termes d’usage) des principaux navigateurs web optimisés pour téléphones mobiles et smartphones en France de septembre 2012 à septembre 2017. Durant cette période, Safari a progressivement perdu sa place de leader au profit de Google Chrome, qui disposait d’environ 47 % de parts de marché en septembre 2017.
AR.js - Efficient Augmented Reality for the Web
▻https://github.com/jeromeetienne/ar.js
I am focusing hard on making AR for the web a reality. This repository is where I publish the code. Contact me anytime @jerome_etienne. Stuff are still moving fast, We reached a good status tho. An article has been published on uploadvr. So I wanted to publish thus people can try it and have fun with it :)
– Very Fast : it runs efficiently even on phones. 60 fps on my 2 year-old phone!
– Web-based : It is a pure web solution, so no installation required. Full javascript based on three.js + jsartoolkit5
– Open Source : It is completely open source and free of charge!
– Standards : It works on any phone with webgl and webrtc
Beyond Reality Face - BRFv4 - HTML5/Javascript face tracking
▻https://tastenkunst.github.io/brfv4_javascript_examples
#face_detection_tracking_JavaScript
Bringing the real world to your browser with CloseBy in Samsung Internet
▻https://medium.com/samsung-internet-dev/bringing-the-real-world-to-your-browser-with-closeby-830cd162547e
“Now we are bringing the Physical Web to Samsung’s web browser, Samsung Internet. There is no need for a separate app download; it’s an extension provided directly with the browser, called CloseBy.”
#Samsung_SamsungInternet_physicalWeb_beacon_proximity_clevermarks
Parallax scrolling with CSS variables | basicScroll
▻https://basicscroll.electerious.com
via @mist_
#parallax #intégration #web #CSS #HTML #Javascript #css-variables
– démo sur codePen : ▻https://codepen.io/electerious/pen/gLLozQ
– le Github du projet : ▻https://github.com/electerious/basicScroll
Stable AngularJS and Long Term Support
▻https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c
“AngularJS is planning one more significant release, version 1.7, and on July 1, 2018 it will enter a 3 year Long Term Support period.”
It’s NOT OK to Still Use Angular 1 in 2018
▻https://www.alexkras.com/its-not-ok-to-still-use-angular-1-in-2018
“I wrote a post 8 months ago titled It’s OK to Still Use Angular 1 in 2017. There are still a lot of companies using Angular 1 in legacy products and it is OK. That being said, some of the arguments that I made in my last post no longer seem valid. I wanted to set the record straight and encourage Angular 1 users to begin planning to transition to a newer tech.”
OECD Better Life Index
▻http://www.oecdbetterlifeindex.org/topics/work-life-balance
“Finding a suitable balance between work and daily living is a challenge that all workers face. Families are particularly affected. The ability to successfully combine work, family commitments and personal life is important for the well-being of all members in a household. Governments can help to address the issue by encouraging supportive and flexible working practices, making it easier for parents to strike a better balance between work and home life.”
Why availability matters
▻https://kryogenix.org/code/browser/why-availability
“It’s not 1% of people who always can’t see your site and 99% of people who always can. It’s 1% of visits. Almost all the people who don’t get your site correctly actually should have been able to. They don’t have JavaScript turned off. They’re not browsing on a WAP phone over a 2g connection from a shanty town. They’re you, in a cellar bar or a hotel room or waiting for the phone network to wake back up.”
#availability_resilience_offline_noJS_progressiveEnhancement_clevermarks
Tourisme chinois : une Infographie pour comprendre le marché outbound
▻https://talentstravel.com/2018/tourisme-chinois-une-infographie-pour-comprendre-le-marche-outbound
« En se penchant sur le Top 5 des OTA en Chine on constate que selon le critère choisis, on retrouve les mêmes acteurs dans un ordre différent. Après Ctrip et Tuniu qui se partagent souvent les deux premières places on retrouve Ly.com, Lvmama, BestOne, Elong et Aoyou. Qunar (dont Ctrip est actionnaire) est dans le Top 3 des travel guide et applications. A ses côtés dans le top 3 des appli de voyages Fliggy d’Alibaba. Anciennement Alitrip cette application est à suivre de près dans les années à venir. »
Discover the WeChat mini programs Ecosystem in one Map
▻https://www.lewagon.com/blog/discover-the-wechat-mini-programs-ecosystem-in-one-map
“The whole evolution of Mini Programs naturally came with the creation of many dedicated players, some very smart first movers: they identified content and business opportunities, and were quick to jump on the new bandwagon built by Tencent. From unofficial stores to forums and generators…. A huge ecosystem was born.”
A Better Shopping Experience on Instagram
▻https://business.instagram.com/blog/a-better-shopping-experience-on-instagram
“Discovery has been part of the Instagram experience from the beginning. With 80% of people following a business account,1 and a global community of over 600M, Instagrammers want to explore and find new things from brands they love and businesses want more opportunities to build relationships with these valuable customers”
bleno
▻https://github.com/noble/bleno
“A Node.js module for implementing BLE (Bluetooth Low Energy) peripherals”
noble
▻https://github.com/noble/noble
„A Node.js BLE (Bluetooth Low Energy) central module”