background preloader

Resizer. Tester si un site est responsive

Resizer. Tester si un site est responsive
Resizer est un nouvel outil lancé par Google pour vous permettre de vérifier si votre site ou blog est bien responsive et s’il saura s’adapter à tous les écrans. Vous le savez Google attache une grande importance à l’« expérience utilisateur » et demande aux webmasters de tout faire pour améliorer leurs sites en permanence afin qu’ils soient optimisés pour être consultés sur tous les supports fixes ou mobiles. Google a même lancé une nouvelle norme pour les sites mobiles qui accélère l’affichage des pages sur un smartphone ou une tablette. Resizer, lancé par Google, permet très simplement de vérifier si un site est responsive en offrant une pré visualisation de votre site sur des écrans de toute sorte. Il suffit de renseigner l’URL du site que vous souhaitez tester et aussitôt ce dernier s’affiche sur les différents écrans. En haut de l’écran à droite, vous pouvez cliquer sur l’un des trois grands dispositifs proposés. Lien : Resizer

Google dévoile le projet Accelerated Mobile Pages pour afficher les pages web instantanément Comme on s’y attendait, Google vient de dévoiler officiellement son projet Accelerated Mobile Pages. Un projet qui se base sur un nouveau framework open source, déjà disponible, et qui permettra, à terme, d’afficher quasi instantanément une page web, y compris si elle contient du contenu riche. Pour Google, le constat est simple : si aujourd’hui, tout le monde possède un smartphone ou une tablette, ce même public est habitué à attendre que les pages qu’il veut consulter se chargent lentement. Autant de pages vues manquées et donc d’argent perdu pour les éditeurs de contenu, mais aussi de frustration engendrée chez le lecteur. Pour remédier à cela, Google vient d’annoncer le projet Accelerated Mobile Pages. Des pages hébergées sur les serveurs de Google De l’autre côté, Google propose aux partenaires qui le souhaitent d’héberger leur contenu en format AMP HTML directement dans le cache de Google. Lien YoutubeChaine Youtube FrAndroid Un exemple d’affichage instantané de pages web en AMP HTML

Informatique : les femmes se mettent au code Rentrée oblige, c’est l’occasion de se lancer dans de nouveaux projets : monter sa boîte, suivre une formation… Focus sur une tendance qui fait son petit bout de chemin dans un univers encore très masculin : l’apprentissage du langage informatique, « le code » pour les intimes, chez les femmes. Google vient d’investir cet été 50 millions de dollars dans plusieurs programmes, dont Made With Code, pour apprendre aux jeunes filles les secrets du code. Le but étant de réduire le gender gap dans un secteur tech dominé par les hommes. En France les femmes représentent en moyenne 32,5% de l’emploi du secteur informatique. Elles sont encore minoritaires dans les filières informatiques et techniques, que ça soit dans les formations diplômantes courtes (IUT) ou d’excellence (6,8% dans les Grandes Ecoles d’ingénieur) alors qu’elles sont nombreuses à être impliquées dans le web 2.0 et les réseaux sociaux (bloggueuse, community manager…). Credit photo : Hors Serie Mode ELLE, Sept 2014 Emmanuelle

Vous devriez donner votre numéro de téléphone à Facebook et Google Il y a quelques jours, une amie a dû faire face à un problème de taille: quelqu'un s'est emparé de ses comptes Facebook et Twitter. Elle a finalement réussi à remettre la main dessus et a depuis décidé de les fermer à double tour. Comment a-t-elle fait pour s'assurer que cela ne reproduirait pas? En adoptant notamment l'authentification à deux facteurs. Si vous n'avez absolument aucune idée de ce que peut être l'authentification à deux facteurs, ne paniquez pas. Car, une fois que quelqu'un a accès à cela, il lui suffit de se rendre sur Facebook –ou n'importe quel autre service–, et de faire une demande pour retrouver/modifier un mot de passe oublié. L'idée consiste donc à barrer la route à toute personne qui voudrait faire ça en lui compliquant la tâche et en introduisant une nouvelle barrière en plus du mot de passe (aussi complexe soit-il): cela donne les deux fameux facteurs qu'il faut fournir au moment de la connexion. 1.Google 2.Facebook 3.Twitter 4.Instagram

HTML (HyperText Markup Language) HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage de balises pour l'hypertexte ». Il est utilisé afin de créer et de représenter le contenu d'une page web et sa structure. D'autres technologies sont utilisées avec HTML pour décrire la présentation d'une page (CSS) et/ou ses fonctionnalités interactives (JavaScript). L'« hypertexte » désigne les liens qui relient les pages web entre elles, que ce soit au sein d'un même site web ou entre différents sites web. Les liens sont un aspect fondamental du Web. Ce sont eux qui forment cette « toile » (ce mot est traduit par web en anglais). Le langage HTML utilise des « balises » pour annoter du texte, des images et d'autres contenus afin de les afficher dans un navigateur web. En HTML, les balises sont insensibles à la casse et peuvent aussi bien être écrites en minuscules, en majuscules voire avec un mélange des deux. Les articles suivants fournissent des éléments de référence utiles au développement web.

22 Essential CSS Recipes Hey there! Today we are going to talk about some useful tricks in CSS. Let's begin with... Blend Modes Not so far Firefox and Safari started to support blend modes right as Photoshop does. Try CSS blend modes and filters playground! Gradient Borders Novadays you can use gradients even in borders. All examples you can find here. Transition for z-index You may didn't know but z-index supports transitions too! currentColor We can use it to detect the current color so we don't have to define it lots of times. It can be useful when working with SVG icons which change their color depending on their parents. but let's do it with currentColor: Another code with pseudoelements: Object Fit Do you remember this moment when you wanted to set background-size for image because it will solve a lot of problems? Example. Checkbox and Radio Buttons Styles Let's make a checkbox style that won't use any images: <input type="checkbox" id="check" name="check" /><label for="check">Checkbox</label> and radio button: 1. 2.

Introduction -- JavaScript Éloquent Lorsque les premiers ordinateurs personnels sont apparus, la plupart d’entre eux étaient fournis avec un langage de programmation simple, généralement une variante de BASIC. Les interactions avec l’ordinateur étaient fortement liées à ce langage, et tout utilisateur d’un ordinateur devait dès lors y goûter, qu’il le veuille ou non. À présent que les ordinateurs sont devenus nombreux et bon marché, les utilisateurs moyens se contentent la plupart du temps de ce qu’ils peuvent faire en cliquant avec la souris. Pour nombre d’entre eux, cela fonctionne très bien. Mais pour ceux d’entre nous qui ont une inclination naturelle au bricolage technique, la disparition de la programmation dans l’usage quotidien d’un ordinateur représente une forme de barrière. Heureusement, avec l’évolution du World Wide Web, il se trouve que chaque ordinateur équipé d’un navigateur web moderne a également un environnement pour programmer en JavaScript. C’est ce que ce livre (ou hyper-livre) essaie de faire.

Simple CSS - Créez vos feuilles de style sans rien connaitre aux CSS Vous devez réaliser une feuille de style pour votre site, mais vous n'avez pas le temps d'apprendre le CSS ? Pas de panique, j'ai la solution ! Avec Simple CSS, vous allez pouvoir créer la feuille de style basique de vos rêve, en mode click'o'drome. Disponible sous Linux ou Windows, ce soft est gratuit et permet d'exporter des fichiers CSS propres, que vous pourrez bien évidemment compléter ensuite à la main, avec des choses un peu plus travaillées. Je me suis dit que ça pourrait vous intéresser ;-) Rejoignez les 60277 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie..

Related: