Bonnes Pratiques Web
Follow
Find
14.7K views | +3 today
 
Scooped by Shaker technologies
onto Bonnes Pratiques Web
Scoop.it!

Maitrise de la gestion des variables en PHP

Maitrise de la gestion des variables en PHP | Bonnes Pratiques Web | Scoop.it
Maitrise de la gestion des variables en PHP
Shaker technologies's insight:
Les pièges pas faciles des références en PHP <?php $a = array(1, 2, 3); foreach ($a as &$v) { } foreach ($a as $v) { } // $a vaut array(1, 2, 2) ici

Que s'est-il passé dans l'exemple ci-dessus ?
C'est en fait assez simple : lorsque le premier foreach utilisant une référence sur les valeurs du tableau termine, en mémoire, $v est une référence sur la dernière case du tableau $a (la boucle foreach ayant terminé l'itération).


Autrement dit: entre les deux foreach, $v est liée à la dernière case du tableau (son index 2) et toute modification future de la variable $v changera la valeur de la dernière case du tableau.

 

Eh bien, cette modification a lieu ! C'est le deuxième foreach qui itère sur le tableau depuis le début et remplit à chaque itération $v (donc aussi la dernière case du tableau) respectivement des valeurs 1, 2... puis 2.

 
more...
Bonnes Pratiques Web
Développement Php, Mysql , Javascript, Jquery, Css3, (X)HTML5...
Your new post is loading...
Your new post is loading...
Scooped by Shaker technologies
Scoop.it!

Hello HTTP/2, Goodbye SPDY

Hello HTTP/2, Goodbye SPDY | Bonnes Pratiques Web | Scoop.it
HTTP is the fundamental networking protocol that powers the web. The majority of sites use version 1.1 of HTTP, which was defined in 1999 with RFC2616. A lot has changed on the web since then, and a new version of the protocol named HTTP/2 is well on the road to standardization. We plan to gradually roll out support for HTTP/2 in Chrome 40 in the upcoming weeks.
Shaker technologies's insight:
HTTP/2’s primary changes from HTTP/1.1 focus on improved performance. Some key features such as multiplexing, header compression, prioritization and protocol negotiation evolved from work done in an earlier open, but non-standard protocol named SPDY. Chrome has supported SPDY since Chrome 6, but since most of the benefits are present in HTTP/2, it’s time to say goodbye. We plan to remove support for SPDY in early 2016, and to also remove support for the TLS extension named NPN in favor of ALPN in Chrome at the same time. Server developers are strongly encouraged to move to HTTP/2 and ALPN.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Adaptive design versus Responsive design - Le blog technique

Adaptive design versus Responsive design - Le blog technique | Bonnes Pratiques Web | Scoop.it
Responsive design versus adaptive design
more...
No comment yet.
Rescooped by Shaker technologies from SEO
Scoop.it!

Landing page, les critères pour bien la réussir

Landing page, les critères pour bien la réussir | Bonnes Pratiques Web | Scoop.it
Les caractéristiques d'une bonne landing page. Apprennez à faire la différence entre une bonne et une mauvaise squeeze page pou convertir le plus possible.

Via Jérôme Tavernier
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Centrale de consommation électrique OTIO EHS 5050

Centrale de consommation électrique OTIO EHS 5050 | Bonnes Pratiques Web | Scoop.it
Cette centrale deconsommation électrique sans fil Otio EHS 5050 permet eneffet, à l'aide de ses 4 prises émettrices, de contrôlersimultanément et à distance la consommation individuellede 4 appareils électriques. Elle affiche en même temps laconsommation ou le coût total et peut alerter en cas dedépassement d’un seuil programmable. Et en plus deprendre facilement place au sein de votre domicile, lacentrale EHS 5050 mesure et affiche la température etl’hygrométrie ambiantes.FonctionnalitésMesures : puissances électriques (W), consommationsélectriques (kWh), coûts des consommations (aprèsrenseignement des tarifs), température et hygrométrieambiantesCalcul et surveillance : consommation électrique totale oucoût totalTransmission sans fil 70 mètres selon l’environnementAffichage simultané des mesures individuelles et totales surun très grand écran LCDHorloge et calendrier.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Limiter la complexité du code applicatif grâce au SGBD

Limiter la complexité du code applicatif grâce au SGBD | Bonnes Pratiques Web | Scoop.it
Dans cet article, il sera démontré comment simplifier le code applicatif en exploitant les possibilités du SGBD grâce aux contraintes.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Diagram Center | A Benetech Global Literacy Initiative

Diagram Center | A Benetech Global Literacy Initiative | Bonnes Pratiques Web | Scoop.it
When “alt text” is not enough

Adding alt text to images is an important part of making images accessible to those with print disabilities. But, what should you do when you have a complex image whose meaning cannot be conveyed with alt text alone? Whether you are a professional publisher, a web developer, or a teacher creating digital handouts for your class, you can find resources here to make it much easier for you to make complex images accessible to all readers.

Shaker technologies's insight:
Tools and Tips for Creating Accessible Images
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Open Street Map (Partie 1) | Le blog Netapsys

Open Street Map (Partie 1) | Le blog Netapsys | Bonnes Pratiques Web | Scoop.it
Lorsque l’on a besoin d’intégrer une carte sur un site Web, la majeure partie des développeurs se tournent vers la solution Google Maps (https://maps.google.com/). Mais connaissez-vous ses concurrents et notamment Open Street Map (http://www.openstreetmap.org/) ?
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Generating Files with JavaScript | Tutorialzine

Generating Files with JavaScript | Tutorialzine | Bonnes Pratiques Web | Scoop.it
We will make a jQuery plugin which, combined with a simple php script, can generate every kind of textual file, and make it available for download. You will initiate the download from your JavaScript front end by only providing the file contents, and leave the rest to the plugin.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

PrimeFaces

PrimeFaces | Bonnes Pratiques Web | Scoop.it
If you are using Spring Framework and looking for a JSF front-end framework, then your search is over as SpringSource suggests PrimeFaces to be used in JSF-Spring applications. Also Spring ROO only supports PrimeFaces in JSF addon. Please note that PrimeFaces is a UI framework and not coupled with a middleware framework like Spring, EJBs or similar.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Utiliser OpenLayers et OpenStreetMap : la carte minimale - One more geek

Ce billet est le premier d'une série sur la vulgarisation d'OpenStreetMap et OpenLayers. Nous allons voir ici qu'il est très simple aujourd'hui d'inclure une carte nabvigable dans une page web.
Le code de ce billet est mise en oeuvre dans : minimal.html
Shaker technologies's insight:

L'intégration d'une carte dans une page web consiste à ajouter une balise <div> avec un id nommé ici map. L'initialisation de la carte se fera au chargement de la page, pour cela on ajoute un appel à la fonction javascript init() dans la balise <body>.

<body onload="init()"> <div>Démonstration de carte openstreetmap minimale</div> <div id="map"></div></body>

Dans l'en-tête de la page on définira la fonction init() comme suit. Dans cette première approche on se contente d'une carte simple que l'on positionne sur un point définit au niveau de zoom 5. Dans un prochain billet on verra comment utiliser un système de coordonnées plus commun.

<script type="text/javascript"> function init(){ // Création d'un objet map var map = new OpenLayers.Map('map'); // Ajout d'un calque en utilisant le rendu par défaut map.addLayer( new OpenLayers.Layer.OSM() ); // Création du point central de la carte à partir //de coordonnées géographiques var center = new OpenLayers.LonLat(30000,5800000); // Positionnement de la carte sur le point central, // au niveau de zoom 5 map.setCenter(center, 5); } </script>
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Personnaliser vos icônes en ligne avec iconsDB

Personnaliser vos icônes en ligne avec iconsDB | Bonnes Pratiques Web | Scoop.it
IconsDB permet d'accéder à une bibliothèque d'icônes en ligne que l'on peut personnaliser en changeant la couleur pour ensuite les télécharger sous différents formats et tailles.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Utilisez l'élément meta pour fournir des instructions aux robots d'indexation — Tuyaux de la qualité Web

Utilisez l'élément meta pour fournir des instructions aux robots d'indexation — Tuyaux de la qualité Web | Bonnes Pratiques Web | Scoop.it
Assurez-vous qu'un élément meta avec un attribut name de valeur "robots" est utilisé pour fournir des instructions aux robots d'indexation
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Le responsive design simplement, en 9 gifs et 1 infographieLe blog du WebLab | Le blog du WebLab

Le responsive design simplement, en 9 gifs et 1 infographieLe blog du WebLab | Le blog du WebLab | Bonnes Pratiques Web | Scoop.it
C'est une des tendances lourdes du développement des sites web depuis plus d'un an. Elle a ses conférences, ses rendez-vous et réseaux... Mais l'on commence
more...
No comment yet.
Rescooped by Shaker technologies from SEO
Scoop.it!

12 énormes erreurs #SEO à éviter absolument !

12 énormes erreurs #SEO à éviter absolument ! | Bonnes Pratiques Web | Scoop.it
Une des plus grandes erreurs stratégiques que vous pouvez faire quand il s'agit de votre site est de supposer qu’être bien classé sur des mots-clés est plus ou

Via Jérôme Tavernier
more...
No comment yet.
Rescooped by Shaker technologies from SEO
Scoop.it!

#Google #Analytics notifie aux webmasters les pages contenant des virus

#Google #Analytics notifie aux webmasters les pages contenant des virus | Bonnes Pratiques Web | Scoop.it
Les nouvelles fonctionnalités pour une navigation sécurisée seront intégrées dans le navigateur Google Chrome. Et tout problème sur un site sera notifié via Google Analytics.

Via Jérôme Tavernier
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Utilisation des API Google | Le blog Netapsys

Utilisation des API Google | Le blog Netapsys | Bonnes Pratiques Web | Scoop.it
Dans cet article nous allons voir comment utiliser et activer une API Google. 

Google nous propose plusieurs services et pour chacun d’eux il nous fournit des API (Application Programming Interface). Une API est un ensemble de méthodes et d’outils qui peuvent être utilisés pour construire des applications logicielles.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Quick Tip: Add Keyboard Shortcuts To Your Web App | Tutorialzine

Quick Tip: Add Keyboard Shortcuts To Your Web App | Tutorialzine | Bonnes Pratiques Web | Scoop.it
Adding shortcuts to your application is not hard at all. In this quick tip, we will show you how to do it, by using Mousetrap.js.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Tutorial: Let’s Build a Lightweight Blog System (part 1) | Tutorialzine

Tutorial: Let’s Build a Lightweight Blog System (part 1) | Tutorialzine | Bonnes Pratiques Web | Scoop.it
In this tutorial, we will be making a lightweight blog system with PHP and CSS3. The blog posts will be stored in a folder as files (in the markdown format). The system will not use a database and will not have an admin panel, which makes it perfect for small blogs with only one author. It will have an RSS feed and a JSON read-only API, and will feature a completely responsive design that adapts to the screen size of the device.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Making a Single Page App Without a Framework | Tutorialzine

Making a Single Page App Without a Framework | Tutorialzine | Bonnes Pratiques Web | Scoop.it
There are many frameworks for single page applications out there. First we had Backbone, then Angular, now React. It takes a lot of work to constantly learn and re-learn things (not to mention having to support old code you’ve written in a long forgotten framework). In some situations, like when your app idea isn’t too complex, it is actually not that hard to create a single page app without using any external frameworks. Here is how to do it.
Shaker technologies's insight:
The Idea

We will not be using a framework, but we will be using two libraries – jQuery for DOM manipulation and event handling, and Handlebars for templates. You can easily omit these if you wish to be even more minimal, but we will use them for the productivity gains they provide. They will be here long after the hip client-side framework of the day is forgotten.

The app that we will be building fetches product data from a JSON file, and displays it by rendering a grid of products with Handlebars. After the initial load, our app will stay on the same URL and listen for changes to the hash part with the hashchange event. To navigate around the app, we will simply change the hash. This has the added benefit that browser history will just work without extra effort on our part.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

How to configure hibernate.cfg.xml to work offline | JournalDev

How to configure hibernate.cfg.xml to work offline | JournalDev | Bonnes Pratiques Web | Scoop.it
Recently I was working on a Hibernate project with latest version 4.3.5.Final and everything was going smooth. Suddenly I lost my internet connection for sometime and the project stopped working and it was throwing following exception.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

OpenLayers 3 for Beginners: Part 1 - Christopher Jennison

OpenLayers 3 for Beginners: Part 1 - Christopher Jennison | Bonnes Pratiques Web | Scoop.it
In this tutorial, I will assume a few things:

You have experience with JavaScript
You know something about GIS (Coordinates, File Formats, etc)
You know some very base HTML/CSS
If for some reason you have a lesser knowledge of one of the 3 things above, you should be okay. (Ie, you know what the coordinates of the Equator are, but not the formatting of a map file or you understand JavaScript well but (I don’t know why) you don’t know anything about HTML.

If you can assure yourself you have some clue about the above 3 things, you will succeed at this tutorial, so let us begin.
Shaker technologies's insight:

This tutorial is for those just starting out with Web GIS or have some OpenLayers 2 experience. If that is what you are looking for, you should head over to https://www.coursera.org/ and find yourself a nice GIS course.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

OpenLayers 3 - Welcome

OpenLayers 3 - Welcome | Bonnes Pratiques Web | Scoop.it

Une librairie javascript open source de cartographie cross-browser et cross-API.

Shaker technologies's insight:
FEATURES
Tiled Layers

Pull tiles from OSM, Bing, MapBox, Stamen, MapQuest, and any other XYZ source you can find. OGC mapping services and untiled layers also supported.

Vector Layers

Render vector data from GeoJSON, TopoJSON, KML, GML, and a growing number of other formats.

Fast & Mobile Ready

Mobile support out of the box. Build lightweight custom profiles with just the components you need.

Cutting Edge & Easy to Customize

Map rendering leverages WebGL, Canvas 2D, and all the latest greatness from HTML5. Style your map controls with straight-forward CSS.

LEARN MORE
 Quick Start

Seen enough already? Go here to get started.

 Download

Get the latest release or dig through the archives.

 Tutorials

Spend time learning the basics and graduate up to advanced mapping techniques.

 API Docs

Browse through the API docs for details on code usage.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Responsive Mobile Design Dos and Don’ts | Do Consider Your Content | InformIT

Responsive Mobile Design Dos and Don’ts | Do Consider Your Content | InformIT | Bonnes Pratiques Web | Scoop.it
Getting started with a responsive design can be a struggle, especially if you have never worked on one before. Phil Dutson, author of Responsive Mobile Design: Designing for Every Device, offers this list of the Dos and Don’ts that will accelerate your understanding of working responsively and warn you of the potential pitfalls of working with mobile devices. Make better decisions regarding fluid or fixed design, when it makes sense to use frameworks and breakpoints, and when adaptive design is and isn’t a good idea.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Analyse des backlinks : les outils préférés de six SEO

Analyse des backlinks : les outils préférés de six SEO | Bonnes Pratiques Web | Scoop.it
Le JDN a demandé à six référenceurs les outils d'analyse de liens entrants qu'ils préfèrent utiliser, et pourquoi. Voici leurs réponses.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Typographic Design Patterns And Current Practices (2013 Edition) - Smashing Magazine

Typographic Design Patterns And Current Practices (2013 Edition) - Smashing Magazine | Bonnes Pratiques Web | Scoop.it
This case study analyzes the current trends and common practices in Web typography by examining the typographic choices of 50 well-respected websites.
more...
No comment yet.