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

Get Your Free Mobile Design Course based on Android Design Patterns Book

Get Your Free Mobile Design Course based on Android Design Patterns Book | Bonnes Pratiques Web | Scoop.it
Android Design Book. Agile Mobile and Tablet Design for Android. Android and iOS Mobile and Tablet UX and Interaction Design.
Shaker technologies's insight:

This email mini-course is an excerpt from Android Design Patterns: Interaction Design Solutions for Developers (Wiley 2013).

more...
No comment yet.
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!

Making The Most of Magento SEO Among Multiple URLs | SEJ

Making The Most of Magento SEO Among Multiple URLs | SEJ | Bonnes Pratiques Web | Scoop.it
While Magento is still a powerful solution for e-tail operators and e-commerce developers, SEOs who have had any onsite experience with the Magento back-end are familiar with and have wrote about the aspects of the platform that are not SEO friendly. In fact there were a number of “8 SEO problems found in Magento” blog posts that came up in my research and I wasn’t surprised that others had already looked into what I perceived were standardized SEO concerns built into Magento’s platform.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Creating a Visualization App Using the Google Charts API and AngularJS - Part 4

Creating a Visualization App Using the Google Charts API and AngularJS - Part 4 | Bonnes Pratiques Web | Scoop.it

In the firstsecond, and third part of the series, we focused on various aspects of AngularJS like directives, controllers, scope, and two-way data binding features. In this last part of the series, we’ll learn how to integrate AngularJS directives based on Twitter Bootstrap’s markup and CSS from UI Bootstrap.

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

Google Charts Directive for AngularJS

Angular-Google-Chart directive by Nicolas Bouil. This simple directive takes much of the work out of the initial setup of a basic Google Chart. The directive comes bundled with a service that handles the API Loader call asynchronously using the AngularJS Promise API, so you don’t have to worry about fetching the library and passing it a callback function, the included code handles it for you.

For a very simple application you can just setup an object with your chart data and options, and give that object to the directive from the markup side of things.
Shaker technologies's insight:

This directive works pretty well for basic scenarios, but does not necessarily support 100% of the features provided by the Google Charts API. To be more precise, it does not support Controls and Dashboards, as these features require binding the Chart to a Dashboard and passes responsibility for drawing the chart to the Dashboard. It’s a little complicated to explain but basically the workflow is a little different and the directive isn’t setup to support it.

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

enable cross-origin resource sharing

enable cross-origin resource sharing | Bonnes Pratiques Web | Scoop.it

To add the CORS authorization to the header using Apache, simply add the following line inside either the <Directory>, <Location>, <Files> or <VirtualHost> sections of your server config (usually located in a *.conf file, such as httpd.conf or apache.conf), or within a .htaccess file:

Header set Access-Control-Allow-Origin "*"
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Mergely - Online diff, merge documents

Mergely is a javascript library that allows you to diff online, and integrate with your CMS
Shaker technologies's insight:
Track your document changes online

Track and merge your documents online. Mergely shows you changes to documents side-by-side so you can clearly see what changed from one version to the next.

 
Integrate with your online CMS product

Add value to your CMS product by integrating Mergely with your CMS to allow your users to visualize and track changes. There are no server-side compoents, so integration is relatively easy.

 
Pure Javascript / HTML5

Written in pure Javascript, Mergely compares documents directly in the browser. Markup and merging all are done in real-time.

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

CI_MCS

CI_MCS | Bonnes Pratiques Web | Scoop.it

Mixing CodeIgniter with other frameworks, libraries and extensions we have built a solid base that can be extended for future projects.

Perfect for creating a new web application allowing for faster and easier development.

Features list:

- CodeIgniter
- HMVC
- Multi-language
- User Registration
- User Authentication
- Account Segregation
- Bootstrap
- jQuery
- i18n

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

Les tendances des site web en 2015

L'agence Inaativ présente les dernières tendances du web lors de la conférence du 27 janvier 2015 à la CCI de Bordeaux.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Optimisation pour les moteurs de recherche — Wikipédia

Optimisation pour les moteurs de recherche

L' optimisation pour les moteurs de recherche (en anglais : Search engine optimization, SEO) est un ensemble de techniques visant à favoriser la compréhension de la thématique et du contenu d'une ou de l'ensemble des pages d'un site Web par les moteurs de recherche.

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

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles. | Bonnes Pratiques Web | Scoop.it
CSS3Ps is a free, cloud based, photoshop plugin for converting layers to CSS3 styles.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Tout savoir sur le cocon sémantique - Consultante seo !

Tout savoir sur le cocon sémantique - Consultante seo ! | Bonnes Pratiques Web | Scoop.it
La recherche devient sémantique, du coup la nouvelle stratégie SEO doit être basée sur la recherche sémantique. C’est là où le cocon sémantique intervient
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Différents types de PNG: PNG8, PNG24, PNG32

PNG8? PNG8 Alpha, PNG32, PNG24? Quelles sont les différences et que représentent ces types de PNG.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

» Générer du CSS3 à partir de PhotoshopWebdesigner Trends – Webdesign et inspiration

» Générer du CSS3 à partir de PhotoshopWebdesigner Trends – Webdesign et inspiration | Bonnes Pratiques Web | Scoop.it

Depuis quelques mois plusieurs plug-ins ont fait leur apparition sur le web, donnant la possibilité de générer directement une feuille de style à partir d’un style Photoshop. Faisons le point sur cette technologie.


Shaker technologies's insight:

Les plug-ins et services en ligne offre une évolution non négligeable dans la phase d’intégration d’un projet web. Lors de son processus de réflexion sur l’amélioration des flux dans un projet web, Adobe s’intéresse d’ailleurs de plus à ce genre de possibilités techniques en matière de CSS.

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

SQL.js: SQLite Compiled to JavaScript via...

SQL.js: SQLite Compiled to JavaScript via... | Bonnes Pratiques Web | Scoop.it

Alon Zakai, the creator of Emscripten is back at it again, this time releasing SQL.js, which is a compilation of SQLite to JavaScript using his own tool.  The demo page shows it in use, and if you view source, just how easy he’s made it to use after it has been compiled.  

var db = SQL.open();var data = db.exec(command);

Shaker technologies's insight:

You can run any SQL queries you can think of and it will work just like it does natively.  Pretty cool!  Perhaps he can even get it to work such that data is stored in IndexedDB, giving us a WebSQL polyfill at some point?  Anyway, I thought this was worth a quick mention!  Nice work.

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

Why I Love AngularJS and You Should Too

Why I Love AngularJS and You Should Too | Bonnes Pratiques Web | Scoop.it

In the firstsecond, and third part of the series, we focused on various aspects of AngularJS like directives, controllers, scope, and two-way data binding features. In this last part of the series, we’ll learn how to integrate AngularJS directives based on Twitter Bootstrap’s markup and CSS from UI Bootstrap.

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

FrAngular : AngularJS en français: Google Chart Tools avec AngularJS

Pouvoir inclure un graphique dans une application AngularJS par la simple utilisation d'une directive, l'idée est séduisante. Et bien sûr, pour respecter la philosophie du framework, le graphique doit se mettre à jour quand les données changent.

Shaker technologies's insight:

On peut bien sûr créer des directives similaires pour les autres graphiques de Google Chart Tools. Il y aura parfois de petites différences correspondant aux particularités de chaque graphique, par exemple le “Line Chart” prend plusieurs séries de valeurs, et la sélection ne correspond plus simplement à un index, mais à un index à l'intérieur d'une série.

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

AngularJS Tutorial

AngularJS Tutorial | Bonnes Pratiques Web | Scoop.it
AngularJS extends HTML with new attributes.

AngularJS is perfect for Single Page Applications (SPAs).

AngularJS is easy to learn.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

enable cross-origin resource sharing

enable cross-origin resource sharing | Bonnes Pratiques Web | Scoop.it

If you don't have access to configure Apache, you can still send the header from a PHP script. It's a case of adding the following to your PHP scripts:

<?php header("Access-Control-Allow-Origin: *");
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Codeigniter File Uploader

Easy module for codeigniter to upload file, with drag and drop file, perfect soloution for web designers.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Quelques principes d’architecture d’applis Web Java/JEE | JobProd

Quelques principes d’architecture d’applis Web Java/JEE | JobProd | Bonnes Pratiques Web | Scoop.it

Dans de nombreux projets web en Java/JEE les applications deviennent de plus en plus lourdes à maintenir au fil du temps. En effet les architectures ne sont pas toujours bien définies à la base, et dans ce cas les implémentations ne suivent pas. En effet une mauvaise architecture résultera toujours en un mauvais code, par contre une bonne architecture n’implique pas nécessairement qu’elle sera codée proprement ensuite. Et une mauvaise architecture peut avoir des impacts également au niveau des performances, mais aussi de la sécurité. Pourtant, il existe des principes qui permettent de bien découper le problème et d’avoir une application relativement simple à gérer, c’est l’objet de cet article.

Shaker technologies's insight:

Architecture d’une application web Java/JEE

Au sein des applications web on retrouve généralement trois couches :

  1. la première contient les servlets ou les contrôleurs si vous utilisez un framework MVC, chargés d’assurer le dialogue entre l’application et les services extérieurs.
  2. la deuxième contient les services, bref le code métier
  3. la dernière contient les accès aux données, que ce soit en base avec des DAO, à des fichiers ou encore à des services externes.

Cela dit, il est possible d’affiner davantage ce modèle comme ci-dessous :

  1. la première couche contient toujours les servlets ou les contrôleurs, comme ci-dessus
  2. Juste en dessous, on met une couche de sécurité. Celle-ci est en charge de vérifier avant ou après l’invocation des services que l’utilisateur a bien le droit d’effectuer l’opération qu’il est en train de faire.
  3. La troisième couche contient des services de haut niveau, bref le code applicatif.
  4. La quatrième couche contient des services de bas niveau. Ceux-ci servent en particulier à valider les paramètres fournis à la cinquième couche, mais également à interagir avec les éventuels caches de cette dernière couche.
  5. La dernière couche contient les accès aux données.

Dans la suite nous détaillons le contenu de chacune des couches.

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

Référencement local — Wikipédia

Référencement local

Le référencement local est une technique d' optimisation web qui est apparue vers la fin de 2009. Cette technique consiste à créer une fiche d'entreprise sur la section carte des moteurs de recherche ou de profiter des one-box Maps.

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

Google My Business : Outil de référencement local pour les PME

Google My Business : Outil de référencement local pour les PME | Bonnes Pratiques Web | Scoop.it
Google My Business, l’outil révolutionnant le référencement local : Une interface toute-en-un, idéale pour les entreprises aux activités très localisées.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Référencement — Wikipédia

Référencement

Le référencement est l'action de référencer, c'est-à-dire mentionner quelque chose ou y faire référence. Ce terme est utilisé dans deux contextes bien spécifiques : Dans la grande distribution lors de la gestion de catalogues produits : les produits sont référencés dans les étalages. De même des services peuvent être référencés comme prestataires potentiels.

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

CodeIgniter Shopping Cart Sample | FormGet

CodeIgniter Shopping Cart Sample | FormGet | Bonnes Pratiques Web | Scoop.it
Shopping cart sample class in CodeIgniter. Using it one can update , delete. or select cart items. It is useful for business with E-commerce application.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Tendances Web Design 2015

La mode s'évapore, la tendance s'érode… Seul le style reste. Je vous présente les évolutions graphiques et digitales. Un point sur les tendances webdesign et a…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

NetEmploi » Guide des bonnes pratiques juridiques à l’usage du manager de site Internet et E-commerce

NetEmploi » Guide des bonnes pratiques juridiques à l’usage du manager de site Internet et E-commerce | Bonnes Pratiques Web | Scoop.it

La Chambre de Commerce de d’Industrie Bayonne Pays Basque a récemment publié le Guide des bonnes pratiques juridiques à l’usage du manager de site Internet et E-commerce (cf. ci-dessous). Ce dossier pratique de 58 pages élaboré en partenariat avec des juristes décline les différentes phases d’un projet de site Web au regard de la législation et de documents contractuels avec des prestataires et l’administration.

La vocation de ce guide est de :

  • donner des pistes de réflexion lors de la mise en place d’un projet Internet ou E-commerce,
  • de clarifier aux yeux des futurs e-commerçants les rôles des différents partenaires, tiers, prestataires liés à son projet E-commerce,
  • et au final de contribuer à éclairer tout chef d’entreprise, manager E-commerce, quant à la sécurité de son (projet) site Internet ou E-commerce.

Il est adapté aux projets Web E-commerce et sites Internet.

Shaker technologies's insight:

Sommaire du Guide des bonnes pratiques juridiques à l’usage du manager de site Internet et E-commerce :

La création et la vie du site

  • L’agence web,
  • Le référenceur du site,
  • L’hébergement du site,
  • La question du nom de domaine,
  • Les relations avec l’administration,
  • Les relations avec les visiteurs du site (mentions légales, charte d’utilisation….).

L’exercice de l’activité e-commerce

  • La notion de consommateur (la différence BtoC / BtoB),
  • Le consommateur,
  • Le client professionnel,
  • Les fournisseurs,
  • La logistique et le transport.

Glossaire

more...
No comment yet.