Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques. 
No comment yet.
Sign up to comment
Scoop.it!
Learn how to setup Web Push Notifications in your Angular Application using the Angular Service Worker.
Scoop.it!
A guide of 35 download resources for hundreds of emulators and simulators for mobile design and development, including iPhone, Android, Nokia, tablets and more
Scoop.it!
In a booming e-commerce market, you can rise above the pack by providing a mobile site or app with frictionless, simple experiences for omnichannel shoppers. From Google's UX Research Lead Jenny Gove and UX Design Lead Iram Mirza, here are 25 principles for designing a retail mobile site or app.
Scoop.it!
Here are some helpful resources to help you get started after you've studied the 25 Retail Principles of Mobile Site and App Design.
Scoop.it!
Learn how to integrate a service worker into an existing application to make the application work offline.
Mickael Ruau's insight:
In this codelab, you learn how to integrate a service worker into an existing application to make the application work offline. The application is called Air Horner. Click the horn and it makes a sound. What you'll learn
What you'll need
Get the sample codeClone the GitHub repository from the command line over SSH: $ git clone git@github.com:GoogleChrome/airhorn.git Or HTTPS: $ git clone https://github.com/GoogleChrome/airhorn.git
Scoop.it!
Concevoir du contenu adapté à plusieurs appareils est plus simple qu'il n'y paraît. Ce guide vous explique comment créer une page de destination de produit pour notre Cours CS256 : Développement de contenu Web pour mobile qui fonctionne parfaitement sur différents types d'appareil.
Scoop.it!
We’ve got pretty strong data from native app ecosystems that users don’t use many apps, uninstall heavily, and in general find installation frustrating and taxing. What’s important about PWAs, then, is that they are OG “streamable apps”. Most users won’t install most PWAs most of the time, and that’s fine. Hoping for more is how the tech industry found itself over-funding a gold rush only to reap the predictable consequences. The notion that native apps are “better” has largely been a self-reenforcing mantra borne of a Silicon Valley monoculture wherein the needs of billions are simply presumed (without investigation) to be the same as the behaviors of VC’s kids, nephews/nieces, and close associates. It’s maddening. It’s idiotic. But it’s also why the web has a shot. Bubbles burst and the web will finally be ready to pick up the slack when this one does.
Scoop.it!
une Progressive Web App c'est :
Mickael Ruau's insight:
Pour aller plus loin
Scoop.it!
Après l'introduction à l'e-commerce, place à la promotion et au reciblage appliqués à une boutique en ligne.
Mickael Ruau's insight:
Il existe de nombreux moyens pour améliorer une expérience d'achat : faciliter la navigation sur un site, permettre une bonne utilisation du panier en ligne, ou encore simplifier le paiement en ligne. Dans cette vidéo, nous allons vous expliquer comment utiliser les outils d'analyse afin d'optimiser :
Scoop.it!
Google devrait lancer au cours de cette année un outil qui va permettre aux petites entreprises qui n’ont aucune présence sur internet de créer gratuitement des sites mobile-friendly. Via Reseau CME
Reseau CME's curator insight,
January 6, 2017 1:19 PM
Bon à savoir notre ami Google va aider les TPE à développer leur présence sur le web
Scoop.it!
Les ventes de Smartphones et de Tablettes tactiles ne cessent de progresser et la nécessité de concevoir des sites Web spécifiques devient incontournable. Afin de suivre cette évolution, d
Scoop.it!
A comprehensive design guide for sizing and resolutions across all devices.
|
Scoop.it!
Google a publié un certain nombre de lignes directrices et de fragments de code réutilisable pour la conception de sites responsive multi-plateformes.
Mickael Ruau's insight:
Google a publié un certain nombre de lignes directrices et de fragments de code réutilisable pour la conception de sites responsive multi-plateformes. Conscient des défis rencontrés par les développeurs à cause de la grande diversité des appareils, en particulier les mobiles, Google a publié Les Fondamentaux du Web, un ensemble de lignes directrices et de meilleures pratiques pour le développement moderne web. Les Fondamentaux du Web incluent des conseils avec des fragments de HTML, de CSS et de JavaScript dans les domaines suivants :
En sus des lignes directrices, Google fournit le Kit de Démarrage Web (Web Starter Kit ou WSK), un paquetage comprenant du code réutilisable et des outils pour la création de sites web multi-appareils. Inspiré par Mobile Boilerplate, le Kit de Démarrage Web comprend du code pour les pages HTML mobile, la mise en page responsive, un guide pour la conception visuelle de composants, et l'outil de build optionnel gulp.js.
Le code relatif aux Fondamentaux du Web et le code du Kit de Démarrage Web sont tous deux open source et disponibles sur GitHub.
Scoop.it!
Découvrez comment optimiser vos sites pour le nouvel Index Mobile-First !
Scoop.it!
Malgré l'absence de souris, tablettes et smartphones permettent une grande richesse de mouvements afin d'interagir avec des services. Passage en revue de la gestuelle des interfaces tactiles.
Scoop.it!
Sometimes the hardest part of a new project is getting started. Web Starter Kit gives you a solid base with a range of tools to help you along the development process.
Mickael Ruau's insight:
OverviewWeb Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. FeaturesFeatureSummaryResponsive boilerplateA responsive boilerplate optimized for the multi-screen web. Powered by Material Design Lite. You're free to use either this or a completely clean-slate via basic.html.Sass supportCompile Sass into CSS with ease, bringing support for variables, mixins and more. (Run gulp serve or gulp for production)Performance optimizationMinify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. (Run gulp to create an optimised version of your project to /dist)Code LintingJavaScript code linting is done using ESLint - a pluggable linter tool for identifying and reporting on patterns in JavaScript. Web Starter Kit uses ESLint with eslint-config-google, which tries to follow the Google JavaScript style guide.ES2015 via Babel 6.0Optional ES2015 support using Babel. To enable ES2015 support remove the line "only": "gulpfile.babel.js", in the .babelrc file. ES2015 source code will be automatically transpiled to ES5 for wide browser support.Built-in HTTP ServerA built-in server for previewing your site locally while you develop and iterateLive Browser ReloadingReload the browser in real-time anytime an edit is made without the need for an extension. (Run gulp serve and edit your files)Cross-device SynchronizationSynchronize clicks, scrolls, forms and live-reload across multiple devices as you edit your project. Powered by BrowserSync. (Run gulp serve and open up the IP provided on other devices on your network)Offline supportThanks to our baked in Service Worker pre-caching, sites deploying dist to a HTTPS domain will enjoy offline support. This is made possible by sw-precache.PageSpeed InsightsWeb performance metrics showing how well your site performs on mobile and desktop (Run gulp pagespeed)
Scoop.it!
Google and AnswerLab undertook a study examining how users interact with a diverse set of mobile sites. The goal was to answer the question, 'What makes a good mobile site?'
Scoop.it!
Now that you've uncovered all the key ingredients of a great app experience, download the complete 25 principles for your continued reference.
Scoop.it!
To be a Progressive Web App, a site must:
Browsers do not enforce these requirements uniformly but if a browser does prompt for installation, sites that do these things will be installable today.
Scoop.it!
An evolution has taken place in browsers. Over dinner last night, Frances and I enumerated the attributes of this new class of applications:
These apps aren’t packaged and deployed through stores, they’re just websites that took all the right vitamins.
Mickael Ruau's insight:
L'article fondateur des Progressive Web Apps !
Scoop.it!
Dans le cadre de l’index mobile-first qui accorde la priorité au site mobile d’abord pour le classement dudit site tant sur mobile que sur ordinateur, les précisions de Google sont extrêmement importantes. Via Arobasenet, Jean-Baptiste Rouillac
Scoop.it!
Nous sommes de plus en plus dépendants de nos smartphones, c'est un fait. Mais c'est aussi une opportunité. Les applications et le Web mobile facilitent la relation d'une entreprise avec ses clients.
Mickael Ruau's insight:
Dans ce cours, nous vous parlerons :
Scoop.it!
Les usages du "scroll", c'est à dire du défilement des pages, ont évolué ! Alors que par le passé beaucoup de concepteurs Web ou logiciel se contraignaient à « faire tenir » le conten
Scoop.it!
Quickly create responsive HTML emails that work.
Even on Outlook.
Mickael Ruau's insight:
54%of all emails are opened on a mobile device, therefore you need templates that will be optimized for both desktop and mobile email clients. 75%of Gmail’s 900M users access their accounts via mobile devices. 6xTransactional emails can produce over 6 times the revenue than generic marketing emails.
|
