En effet il y a des applications qui ne sont pas forcément utiles, et c’est souvent une perte de temps pour trouver la meilleure. Pour vous aider à faire le tri voici une sélection qui regroupe des applications, à la fois faciles et pratiques.

Et vous qu’utilisez vous?

• chopapp.com

• compfight.com

• layerstyles.org

• css3.me

• 3x4grid.com

• screenr.com

• wordmark.it

• dummyimage.com

• phpform.org

• teuxdeux.com

• bounceapp.com

• cssdesk.com

• fontstruct.com

• wordpressthemeshock.com

• typetester.org

• csstypeset.com

• jsfiddle.net

Source

Que cela soit pour une association, une agence de communication, un site de biscuit, une marque de téléphone et bien plus encore, voici une sélection de sites utilisant le rose.

Bien que sa première signification soit l’amour, il représente également le calme et la sérénité, et permet créer un impact visuel agréable. Il existe diverses nuances de rose à vous de choisir celle qui sera la plus en phase avec votre web design.

Sources

inspirationfeed.com

scarletbits.com

Comme vous aller voir, certaines chaînes comme « Evolution of Style » de Fructis style se démarquent du lot en apportant un jeux via Facebook.

Voici les 20 chaînes les plus regardés sur Youtube Channel

1.Evolution of style : Fructis Style (4 243 353 vues)

2. David Guetta (3 294 428 vues)

3. Diabl0x9 (3128659)

4. NBA Hiighlights (2 854 406 vues)

5. Colonel Reyel Officie(2 297 297 vues)

6. CoDQG (1 763 212 vues)

7. Loreal Paris (1 681 883 vue)

8. Cauet Officiel (1 573 369 vues)

9. 0asis Fun Channel (1 474 100 vues)

10. Norman Fait Des Videos (1 457 693 vues)

11. PomfEtThud (1 259 376 vues)

12. Direct 8 (1 258 249 vues)

13. The Fantasio 974 (1 253 734 vues)

14. Euronews (1 173 319 vues)

15. Remy Gaillard (1 102 060 vues)

16. Syldavia TV (1 084 539 vues)

17. Le figaro (1 066 358 vues)

18. Buzz Fever (984 922 vues)

19. Euronewsfr (957 649 vues)

20. Fanta Bob Friends (928 833 vues)

Il y en a certains qui ont parfaitement compris ce principe et qui n’hésitent pas à redoubler d’ingéniosité afin de proposer leur CV dans tous formats, sur tous supports et en s’aidant de tous les outils qui sont à leur disposition.

Admirez chacun des CV et vous aussi créez le vôtre qui fera pâlir de jalousie les concurrents, et impressionnera votre futur patron… qui risque de venir toquer à votre boite mail dans très peu de temps avec un CV comme ces derniers

• Le CV d’Augustin Duval

• Renaud Arnaudet

• Victor Petit

• Mike Freeman

• Anthony Roussel

• Graeme Anthony

• Alisha Miranda

• Thomas Hauchecorne

• Katie Briggs

• Omondi Abudho

• Michael Anderson

• CV sur t-shirt

• stagiaire-de-reve.com

mattbrett.com

andrinaperic.com

erikiggmark.se

heyindy.com

designingmonsters.com

iconmoon.com

monterail.com

cornerd.com

makeshifters.com

bornwithdesign.com

denisechandler.com

wildbillssoda.com

sonnyt.com

ngenworks.com

simpleart.com

minervity.com

carolrivello.com

danielmarques.me

Source

Voici une sélection d’effets Parallax pour vous inspirer :

Sources :

art-spire.com

jannahagan.com

myinkblog.com

On trouve régulièrement des tableaux de prix qui sont loin d’être clair, sa conception requiert un mélange subtile de design et d’informations. Voici quelques conseils :

• La structure :

La plupart des tableaux sont à l’horizontale car il est plus facile de comparer chaque offre associés à ses caractéristiques. Cela ne signifie pas forcement que vous devez faire ainsi, cela dépend de la variété de vos informations. Habituellement on utilise un tableau horizontal lorsque vous devez afficher un grand nombre de fonctionnalités et la verticale pour l’inverse.

• Le design :

C’est une partie particulièrement importante, il faut être prudent quand à la conception d’un tableau des prix, entre la police, les titres, mises en page ou bien les couleurs vous devez vous assurer de l’équilibre de chacune des parties. La simplicité est la clé du succès, évitez d’encombrer votre tableau de prix avec des éléments inutiles, et mettez en avant les principaux avantages de chacune des parties.

• Mise en avant de la meilleur offre

Lorsque vous avez différentes offres, vous devez rendre aussi facile que possible le choix de votre client. On met souvent l’accent sur l’offre la plus populaire, mais il est toujours possible pour vous d’expérimenter une autre technique. Pour mettre la meilleure offre en avant vous pouvez jouer sur la taille, la couleur, le design, et toute votre créativité, sans jamais en faire trop.

• Faire la distinction

L’objectif est de convaincre le visiteur de choisir votre prestation, c’est là que la conception et le marketing jouent un rôle important. Vous devez être en mesure de partager rapidement et efficacement. Essayez de distinguer les différences entre les différentes tarifications, évitez donc de lister toutes les fonctionnalités qui sont disponibles dans chaque plan, placez simplement les principales caractéristiques pour chaque offre.

• Etre clair

Evitez de proposer trop d’offres et de plans différents, cela risquerait d’emmêler le visiteur, la meilleure solution est d’avoir entre 2 et 5 options. Il est également important de présenter les services dans le bon sens, recherchez donc un équilibre entre le trop d’informations et le pas assez.

• Voici quelques exemples de tableaux de prix pour vous inspirer

Source

mighty

fuzzco

a different design

onemightyroar

tobiasahlin

cofamedia

mckinney

squaredeye

squaredeye

Source

La première impression que va avoir l’internaute sur votre application est importante, pour votre site les caractéristiques doivent être simples, mettre l’accent sur les avantages et permettre aux utilisateurs d’obtenir rapidement les informations.

Si vous concevez un site pour une application vous ne voudrez pas passer à côté d’un grand nombre d’exemples qui peuvent vous inspirer. Le site est la meilleure façon pour le visiteur de comprendre toutes les caractéristiques de votre application, et espérer attirer le plus d’internautes à télécharger votre application.

bottlerocketapps.com

quickmobile.com

tearoundapp.com

instagalleryapp.com

spoonjuice.com

ticatacgames.net

billsonyourtable.com

dreamsurface.com

cookmateapp.com

thermometerapp.com

birdbrainapp.com

hybridworks.jp

lo-mob.com

taptaptap.com

appcubby.com

notifymecloud.com

dbelement.com

wheeloftea.com

melatoninapp.com

glasshouse-apps.com

typographyapp.com

code-line.com

hipstamaticapp.com

futuretap.com

firetask.com

tapplox.com

latenitesoft.com

tapparatus.com

cellar-app.com

Source

Pour réaliser un design Rétro, il est important de noter quelques éléments importants :

• Utilisez des vieilles affiches, films ou journaux pour les illustrations.
• Reprenez des typographies bien stéréotypées qui reflètent la tendance rétro.
• Vous pouvez utiliser une ancienne radio, une ancienne TV, d’anciens packaging et d’anciennes photos pour l’atmosphère du site.
• Si vous illustrez des feuilles de papier, pensez à les tacher ou les déchirer.
• Concernant les couleurs, elles ne doivent en aucun cas être flashies, mais plutôt sombres et ternes.
• Utilisez également des signes et symboles anciens pour la navigation

Voici une sélection pour le plaisir

visualrepublic.net

foreverheavy.com

simonemaranzana.com

cascadebreweryco.com

threadsnotdead.com

threepennyeditor.com

webvisionaryawards.com

eightytwodesign.com

whatisyourproblem.co

mister-aero.com

golivebutton.com

allstarlanes.co.uk

wmcfest.com

dollardreadful.com

riders-network.com

sprockethouse.com

thegregbradyproject.com

freelenz.at

dibtych.de

tnvacation.com

utah.travel

glenilenfarm.com

Sources :

designm.ag

spyrestudios.com

Aujourd’hui, 30% des « silver surfers » (désignation d’outre- atlantique en raison de leur couleur de cheveux) effectuent des achats en ligne 1 à 3 fois par mois.

Ils représentent quasiment la moitié (48%) des dépenses annuelles françaises sur internet, soit 15 milliards d’euros! A noter également que les + de 50 ans dépensent 36% de plus que la moyenne nationale française !

Pourquoi font- ils leurs achats sur internet ?

L’achat en ligne est l’une des activités préférées des 50-65 ans, principalement dans le but de réaliser des économies, mais aussi de gagner du temps et d’accéder à des produits indisponibles près de leur domicile.
Aujourd’hui, un « cyber- sénior » sur deux achète en ligne.

Qu’achètent- ils ?

Les séniors se dirigent principalement vers les voyages (pour 79%), les produits culturels (68%), les produits High- tech (52%), les vêtements (50%) ; puis vers l’électroménager, les places de spectacle, les produits de beauté etc.

Quels sont les outils pour capter l’attention de cette nouvelle catégorie d’internautes ?

• Votre site web doit être soigné avec une navigation simplifiée et une bonne lisibilité surtout si celui-ci propose des achats en ligne. Les séniors préfèrent les sites clairs et aérés, ce qui contraste avec les jeunes utilisateurs qui préfèrent interactivité et animation. C’est donc à vous de faire un choix de clientèle ou alors de réaliser un compromis qui soit efficace.
• Les séniors sont plus réceptifs que les autres à l’e- marketing puisqu’ils passent plus de temps à observer les sites et à lire leurs mails que les autres internautes. Evitez donc les pop- up, trop perturbants et embarrassants et préférez les bandeaux et mails publicitaires.
• Les + de 50 ans sont aussi très friands des avis de consommateurs. 65% d’entre eux consultent ces avis avant de faire un achat. De plus, ils partagent souvent leurs expériences d’achat avec les autres internautes. Ainsi, permettre au consommateur de donner son avis et de lire celui des autres peut être un atout publicitaire et donne un côté rassurant à l’acheteur.
• 56% des séniors achètent en ligne depuis moins de 5 ans, ils sont donc encore très prudents face à ce type d’achat. Il est donc important de spécifier la sécurité du paiement en ligne sur votre site.

Cette clientèle a des exigences différentes que celles de l’internaute moyen et elle a des attentes spécifiques, il est donc nécessaire de réaliser un vrai travail d’approche marketing.
Pour vous aider : http://www.lemarchedesseniors.com/

C’est dans cette catégorie d’internautes, que le nombre de cyberacheteur progresse le plus rapidement. Et avec le vieillissement de la population, les Français de 50-70 ans devraient constituer plus de 50% du marché global français, il est donc temps que les web marchands prennent en compte l’évolution de cette population au pouvoir d’achat élevé.

Quelques adresses de sites dédiés aux séniors :

http://www.websenior.be/

http://www.lewebsenior.blogspot.com/

http://www.seniorjadore.com/

http://blog.bitwiin.com/

http://www.senioractu.com/

http://www.fiftiz.fr/

http://www.notretemps.com/

http://www.maxisenior.fr/

Sources :

http://www.kelkoo.fr/

http://www.credoc.fr/

C’est une perspective de développement importante pour de nombreuses marques, qui ne se sont pas faites prier pour développer des campagnes publicitaires en réalité augmentée.

De plus en plus cette technologie permet beaucoup de possibilités, elle est encore sous utilisé mais elle a sans aucun doute de belles années devant elle.

Voici une sélection de magnifiques campagnes de réalité augmentée

• Z4 de BMW

• Stella Artois

• St Petersbourg Clearwater

• Axe Lynx

• Avatar (Les jouets)

• Esquire

• Mini

• Ray Ban Mirror

• Chocapic

• Panasonic

• Axa – Application

Voici 10 outils que vous ne connaissiez peut être pas ou qui sont doivent être utilisés pour créer votre réseau, retrouver des personnes et même trouver un emploi.

1. Ajoutez des applications à votre profil

Il y a de nombreuses applications que LinkedIn propose, ce qui va vous permettre d’étoffer les profils.

2. Intégrer un CV Vidéo en ajoutant l’application Google Présentation

Le CV est la base de ce réseau social, alors bien évidement essayez de rendre votre CV aussi original que possible. Google présentation va vous aider à intégrer une vidéo sur votre profil.

3. Connectez vous à votre compte Twitter

Si vous êtes un adepte de Twitter, vous pouvez synchroniser vos mises à jour LinkedIn avec Twitter. De cette façon, tous les liens que vous partagez sur Twitter apparaîtront sur votre flux LinkedIn.

4. Le bouton partage

Un moyen facile pour partager des liens sur votre réseau social est le bouton partage, vous pouvez également modifier le titre et laisser un commentaire.

5. Les groupes

Trouvez un groupe de professionnels sur LinkedIn qui correspond à votre activité. De cette page partagez des liens et entamez des discussions. C’est une excellente façon de faire de nouveaux contacts professionnels.

6. Poser des questions

Les questions par LinkedIn est un outil qui permet de poser des questions relatives à votre secteur d’activité.  C’est une excellente façon d’obtenir des contacts professionnels et de faire progresser votre carrière.

7. Faire une recherche par compétence

L’outil de recherche de LinkedIn permet de trouver des compétences spécifiques, cela vous aidera à trouver d’autres professionnels ayant des compétences similaires, et de cibler vos besoins.

8. Le profil

Remplir le profil est important afin de retrouver des camarades de classes qui ont peut être un poste ou une entreprise qui est en relation avec votre recherche. Remplir votre profil va également permettre à chacun de vous retrouver en fonction des termes utilisés.

9. Parcourir des offres d’emploi

LinkedIn est un réseau social sur l’emploi alors si vous cherchez un emploi, LinkedIn vous propose des offres fondées sur les critères de votre profil.

10. Voir qui a consulté votre profil

LinkedIn vous permet également  de voir qui s’est penché sur votre profil, il est toujours utile de savoir qui sont les personnes qui s’intéressent à votre profil.

N’hésitez pas à fouiller dans les sites comme LinkedIn, Viadéo, Twitter ou bien Facebook et même google par exemple. Ils regorgent d’outils dont vous n’auriez peut être pas pensé mais qui peuvent s’avérer particulièrement utile et pratique pour vous, autant au niveau professionnel que personnel.

Source

• Un système simplifié de question réponse

Cette dernière version de Question se focalise comme une enquête publique (un service déjà nommé Q&A sur des sites comme Quora) et se concentre également sur la recommandation d’amis. Facebook apporte un énorme avantage de simplicité et de visibilité qui facilite l’engagement d’une personne pour une marque.

• Poser une question :

Lorsque vous posez une question les utilisateurs ont la possibilité de créer un sondage avec des réponses, et permet à quiconque d’ajouter des réponses. Une option très utile pour la recommandation d’une marque à vos contacts.

Lorsqu’une personne participe à une question, elle est automatiquement affiché sur la page de profil, en principe une question aurait la capacité de se propager à tous les utilisateurs Facebook de cette manière.

• Répondre à la question :

La simplicité de ce système de question, permet aux utilisateurs qui répondent aux questions, de pouvoir voir les questions et suivre le scrutin en même temps. Facebook affiche également les photos de profil, une fonctionnalité utile car un utilisateur aura plus de facilité à répondre à une question si un ami a déjà répondu.

• Importance pour les Fan Page

La viralité des questions est importante sur Facebook et les notifications devraient capter l’attention des marques pour les fan page. Les marques peuvent désormais poser des questions à leurs fans d’une manière plus conviviale, mais c’est également et surtout une occasion pour se rendre compte de l’engagement envers une marque.

Cela dit les marques doivent aborder les questions avec une certaine prudence, avant d’élaborer une question elle doit se demander si le message est approprié.

• Comment l’utiliser en tant qu’entreprise

L’Intérêt principal pour une entreprise se situe au niveau de l’engagement de votre communauté. Il faut donc rédiger une question qui porte soit sur le marché, sur l’actualité et des questions qui favoriseront l’échange et regarder comment réagit votre communauté.

L’entreprise peut également répondre aux questions et ajouter votre marque dans les possibilités de réponse. Une possibilité pour la marque de se comparer à ses concurrents et de se promouvoir.

Pour plus d’informations vous pouvez vous rendre sur Facebook Question

Sources

mashable.com

ignitesocialmedia.com

Au premier trimestre 2011, 16,1 millions de Français se sont connectés avec un appareil mobile au moins 1 fois, soit une augmentation de +24% par rapport à 2010.

Le téléphone portable est l’un des outils les plus utilisés du siècle, il est donc important d’y développer différentes techniques marketing. Voici donc 10 façons de séduire les clients :

• Les SMS : L’objectif est d’attirer les clients en leurs demandant de s’abonner à votre liste de messagerie. Utiliser un fournisseur de messages textes comme motomessage.com afin d’envoyer périodiquement des messages texte aux abonnés à votre liste de messagerie.

• Les MMS : Semblablement ressemblant aux SMS, mais l’avantage est qu’un MMS peut contenir du multimédia tel que des sons, des images et beaucoup plus de texte. On sait que cela plaît toujours plus aux clients.

• Les e-mail mobile : Avec l’aide de votre liste de personnes abonnés pour les SMS proposez leurs de joindre une adresse mail. Lorsque vous envoyez les e-mail à vos utilisateurs, proposez leurs des publicités de votre point de vente.

• La recherche mobile : Les personnes utilisent les souvent les appareils mobiles pour faire des recherches sur un service de proximité. Amenez les clients à venir dans votre point de vente en incluant des cartes mobiles et une re-direction vers votre site. Proposez leurs également de s’inscrire sur vos réseaux sociaux lorsqu’ils visitent le point de vente.

• L’Internet mobile : Attirez vos visiteurs de l’Internet mobile à se rendre sur votre site Internet. L’objectif est de réaliser de la publicité qui donnera envie à vos clients de se rendre sur votre site en utilisant un QR Code par exemple. Vous devrez utiliser un vocabulaire conviviale.

• Les applications mobiles : Les applications mobiles sont en pleine émergence, amenez vos clients à télécharger vos application mobiles, ensuite poussez vos messages marketing à travers ces applications.

• Le contenu mobile : Comme expliqué précédemment les vidéos et images sont très appréciés par les internautes, évitez donc de développer trop de texte et proposer à la place des vidéos sur Youtube ou sur votre propre site par exemple.

• La publicité sur mobile : Disposez des annonces sur d’autres sites mobiles ou bien des blogs, cela vous permettra de réaliser la promotion de votre entreprise, que vous pourrez également utiliser par les SMS, MMS ou bien e-mails.

• La réponse vocale : Il existe une technique vocale qui permet de séduire vos clients, il vous est possible de leurs répondre en utilisant des systèmes de réponse vocale interactive et automatiques. Cela peut vous permettre de transmettre votre message.

• Les outils mobiles : Il existe de nombreux outils sur les téléphones, qui deviennent de plus en plus high-tech. Utilisez donc le wifi, la caméra ou bien le GPS afin de proposer une interactivité à vos clients. Par exemple proposez de prendre en photo un produit pour en avoir une réduction.

Source

Le projet Bitcoin a été développé en 2009 par Satoshi Nakamoto, et comme nous l’est expliqué sur son site, ‘Bitcoin’ est une devise électronique base sur un réseau décentralisée de type Peer-toPeer.

• Bitcoin est un logiciel libre
• les transferts peuvent être effectués facilement via Internet, sans avoir à passer par un tiers.
• Les transactions par Bitcoin sont gratuites!
• Le système est à l’abri de l’instabilité des monnaies traditionnelles
• Aucune limite imposée par une banque

Lorsque vous vous inscrivez pour un compte gratuit, vous obtenez votre propre portefeuille virtuel et vous sont fournis une petite quantité de Bitcoin, pour vous aider à démarrer et pour vous faire une idée du service. Une fois que vous êtes prêt à franchir le pas, vous pouvez acheter vous pouvez acheter de plus grandes quantités.

Pour en savoir plus voici une petite vidéo de présentation de Bitcoin :

Source

• Nike : l’application sportive

Nike sort des sentiers battus avec une application qui n’a rien à voir avec ses chaussures. Nike Training Club est une application qui offre aux utilisateurs leur entraîneur personnel avec des séances d’entraînement adaptés, des conseils et des instructions à la demande.

• Michael Jackon : Les fans créent le clip

Sony music, en partenariat avec la succession de Michael Jackson ont créé cette campagne afin de promouvoir une futur vidéo. Les amateurs auront la possibilité d’envoyer leurs vidéos personnelles, de filmer des accessoires, décors en jouant d’un instrument ou en chantant. Les clips les plus enthousiastes seront choisis et intégreront le plus gigantesque vidéo clip de Michael Jackson.

• @JetBlueCheeps : Solliciter les suiveurs sur Twitter

C’est le stratège Morgan Johnston et ses collègues qui ont été chargés d’accroître le compte Twitter @JetBlueCheeps, ils ont ouvert la discussion aux suiveurs Twitter en leur demandant les avis sur différents sujets. Morgan Johnston recommande : ‘Tweet avec votre équipe, c’est une excellente occasion d’obtenir des études de marché en temps réel’… ils sont aujourd’hui à près de 230 000 suiveurs!

• Le 10ème anniversaire de JetBlue : Promotions exclusifs sur un média social

L’an dernier JetBlue a conçu un Twitter-cadeau, la société a tweet sur des lieux secrets à New York, Buffalo et Boston où les gens pouvaient avoir des billets d’avion gratuits pour célébrer le 10ème anniversaire de l’entreprise.

Cela a pu permettre à JetBlue de communiquer de manière ludique, de récompenser les clients pour leur fidélité et d’accroître leur identité numérique.

• Skullcandy funky : application Facebook

Le casque Skullcandy funky et détaillant de vêtement a créé une application Facebook qui permet aux utilisateurs d’écouter de la musique, regarder des vidéos, de télécharger des applications, d’acheter dans la boutique et bien plus encore.

Il permet à l’entreprise d’acquérir de l’expérience avec son public et de fédérer une communauté autour d’une simple application Facebook.

• Comment embaucher grâce à Twitter : flightcentre

C’est l’agence de voyage basée à Sydney flightcentre.com, qui a eu l’idée de créer cette campagne de Social Media pour recruter. La compagnie a demandée aux candidats une lettre de motivation de 140 caractères, en disant pourquoi ils étaient parfaits pour flightcentre.

• Utiliser la localisation créative avec Shopkick

Shopkick permet à ses clients de gagner des points, des récompenses et des bons en se localisant, ils ont développé une application qui s’appel Signal Shopkick qui permet à ceux qui téléchargent l’application de recevoir des crédits commerciaux.

La société mène actuellement une promotion de « kick » et offre des kit de démarrage pour les nouvelles entreprises. Si vous êtes propriétaire d’un magasin vous pouvez donc utilisez cette technologie afin de promouvoir votre marque et acquérir de l’expérience.

• Site web pour campagne spécifique : Burger King

C’est en 2008 que Burger King souhaite promouvoir leur « Whopper Virgins« , ils ont créé un site web intitulé whoppervirgins.com où ont été publié des vidéos des tests de dégustation à travers le monde.

En utilisant un site avec un nom de domaine dédié, il est possible de promouvoir une campagne spécifique, sans oublier un liens vers votre site principal pour stimuler l’influence sur les deux sites.

Source

Vous avez du remarquer que Facebook a mis en place les possibilités « à la une » et « les plus récentes », les actualités ‘à la une’ sont filtrées par ce que l’on appelle le EdgeRank.

L’EdgeRank est l’algorithme Facebook qui détermine quelles sont les informations qui vont apparaître le plus dans les fils d’actualités. Les informations « à la une » sont sélectionnées les actualités les plus populaires.

Les utilisateurs avec une haute note EdgeRank sont plus susceptibles d’être dans les informations à la une, à l’inverse pour les utilisateurs ayant un faible EdgeRank, vous verrez moins leurs actualités sur votre mur.

Facebook prend tout ce qui est publié comme un objet (mises à jour, liens, photos, vidéos et tout ce qui peut être partagé sur Facebook), chaque objet reçoit un classement (EdgeRank), ce qui détermine les actualités qui seront mises en avant.

L’EdgeRank d’un objet est basé sur 3 facteurs qui sont l’affinité, l’interaction et l’actualité :

1. L’affinité : Ce score d’affinité est basé sur les interactions que vous avez avec un ami ou fan qui publie un objet. Plus il y a d’interaction et plus l’EdgeRank augmente, alors n’hésitez pas à liker, commenter et même regarder les photos et liens.
2. Le niveau d’interaction : Différents types d’interactions sont pondérés sur Facebook, les activités qui exigent un niveau plus élevé d’interaction obtiendra un score plus élevé. Par exemple commenter un objet vous permettra une meilleur note qu’un simple like.
3. L’actualité : La plupart des personnes ne veulent pas lire les anciennes nouvelles, donc plus l’actualité est récente plus elle a de chance d’apparaître dans le fil d’actualité.

Pour les entreprises ou autres qui cherchent à commercialiser, promouvoir ou simplement interagir sur Facebook, l’EdgeRank est primordiale. Voici donc 6 conseils qui vont vous permettre d’augmenter votre EdgeRank Facebook :

• Publier les objets qui favorisent l’interaction

Il est important que le contenu que vous allez publier attire les commentaires, il faut que vous encouragiez naturellement la discussion ou le like. Des objets tels que des jeux créatifs par exemple exigent une réponse et donc ouvre des possibilités d’interaction et de construction d’affinités avec les utilisateurs.

• Créer un forum

Vous avez sûrement remarqué comment du contenu engagé peut générer une tonne de commentaires. En effet les personnes aiment bien débattre et discuter sur des questions d’actualités politique ou sport par exemple (cela dépend de votre secteur). Votre page de fan doit devenir un lieu de discussion constructive avec des sujets récents.

• Mettre plus de vidéos et de photos

Les photographies et les vidéos se présentent sous forme de vignettes dans les actualités, rien qu’en raison de leur taille et l’interactivité, cela amène les utilisateurs à cliquer. Ajoutez un commentaire à la photo ou vidéo pour encourager les utilisateurs à ouvrir l’objet et à le commenter.

• Partager des liens

Les liens partagés nécessitent une interaction avec les utilisateurs qui cliquent sur le liens pour afficher l’objet. Si il est conseillé de partager du contenu à partir de votre site n’hésitez pas à promouvoir le contenu intéressant à partir d’autre sources.

• Conserver le contenu

Le flux Facebook est très rapide, donc si vous avez des objets qui ne reçoivent pas de réponse immédiate n’ayez pas peur et passez à autre chose. Si vous êtes sur que votre objet est bon, mais n’a pas reçu la réponse que vous souhaitiez, réorientez l’objet ou re-publiez le un autre moment.

• Demander aux utilisateurs de partager

N’ayez pas peur de demander aux utilisateurs de partager les objets, cela peut prendre du temps pour une page Facebook de gagner du terrain, alors tout ce que vous pouvez faire pour accélérer le processus est toujours bon à prendre.

D’ailleurs rejoignez nous dès maintenant sur Facebook en cliquant sur le liens ci-dessous

Source

Ce sont des questions, auxquelles un grand nombre d’entreprises ne peuvent pas donner de véritables réponses, et à ce titre Brian Solis tente de donner quelques pistes pour nous aider à gérer notre succès à long terme.

Brian Solis est le directeur de Pression Group, une importante firme de recherche et de conseil. Brian Solis est également l’auteur de « Engage! », un guide pour les entreprises à construire et à mesurer le succès dans le web social.

Pour Brian Solis, un grand nombre d’entreprises se focalisent trop sur le nombre de personnes qui les suivent, et en négligeant l’engagement, malheureusement cette technique est de courte durée et de mauvaise qualité.

Voici 14 pratiques pour créer un engagement social de qualité, et qui vont permettre de connaître un succès à long terme sur les réseaux sociaux :

1. Concevoir une stratégie efficace : en évaluant les différentes marques ainsi que des personnalités remarquables qui vont créer un suivi de valeur et appréciable.
2. Elaborer un cadre organisé en veillant à ce que sur chaque compte soit établit un rythme qui répond aux besoins de votre public.
3. Pour les missions et objectifs, il faut connaître le public que vous essayez d’atteindre, et concevoir les missions que vous pourrez communiquer dans chaque compte.
4. Elaborer un programme de rédaction en créant un programme éditorial qui répond aux divers besoins du consommateur social. Créer un contenu qui est à la fois attachant, pertinent et qui puisse être partagé.
5. Etablir un cadre d’écoute : Les meilleurs auditeurs réalisent les meilleurs conversations.
6. Etablir une conversation Workflow : il faut s’assurer qu’à l’intérieur de l’entreprise chaque responsable soit informé des conversations entre chaque canal, afin qu’ils puissent réagir en conséquence.
7. Créer un organigramme de décision clair et détaillé : Il va préciser les étapes, envisager toutes les situations possibles, et proposer les actions à mettre en place en pour chaque situation.
8. Les responsables des communautés devront suivre une formation continue pour rester à la pointe des réseaux sociaux, ainsi que pour posséder une maîtrise complète des enseignements.
9. Mettre en place un système de récompense permet d’encourager le travail de l’équipe.
10. Rédiger un guide de Social Media pour la marque qui présentera la personnalité de la marque, les caractéristique, les directives et toutes les formes de marketing qui doivent être mises en place. Elle nécessite une mise à jour régulièrement.
11. Composer les lignes directrices : Elaborer une politique de Social Media et si il existe déjà le mettre à jour avec les lois actuelles.
12. Etre utile aux clients et prospects : Les consommateurs attendent que les marques résolvent leurs problèmes. Répondre aux questions favorisera la fidélité.
13. Des études ont montré que le timing et le vocabulaire des tweets déterminaient la portée globale de l’engagement, il sont donc à choisir avec précision.
14. Surveiller la performance de chaque compte afin d’améliorer l’engagement et la stratégie de Social Media.

Source

Un des plus ancien média social est le bouche à oreille, Facebook fonctionne sur le principe similaire, et la page Facebook peut vous aider à réaliser cette action de web marketing.

• Remplissez en entier les détails du profil

C’est la première étape et il y a trop régulièrement des oublis dans cette partie, et pourtant c’est l’onglet qui permettra à vous futurs de vous connaître. En effet ce profil doit regrouper des informations importantes sur les différents services que vous proposez, vos contacts, la description de votre entreprise.

Il est également important de télécharger une image de profil agréable, il est en effet toujours plus appréciable d’avoir une image net et propre.

• Créez une page d’accueil personnalisée

Chaque personne qui a une Fan Page améliorera l’aspect global en créant une page personnalisée, cela va permettre à votre marque de faire une meilleure impression avec un aspect plus professionnel. C’est également une technique qui vous permettra de transmettre un message efficace à l’utilisateur, sur les avantages qu’il obtiendra si il devient fan avec votre page.

• Suggérez votre Fan Pages

Facebook a retiré la fonction « Recommander à des amis » pour les membres de la page, il est maintenant uniquement à l’administrateur la responsabilité de trouver des fans. Même si vous utilisez « Suggérer à un ami », vos amis ne vont pas recevoir de notification directe, ce qui rend les choses plus difficile pour vous. Mais heureusement il existe d’autres moyens pour croître le nombre de vos fans.

Vous pouvez par exemple utiliser la mise à jour, l’utilisation de cette fonction est une façon intelligente de suggérer votre page, en effet vos fans verront directement cette mise à jour sur leurs murs, et réalisera le bouche à oreille (ou le mur a mur) automatiquement.

Il vous est également possible d’utiliser la messagerie, votre Twitter, votre blog et tout votre réseau en général. Votre réseau déjà construit vous permettra d’atteindre rapidement un grand nombre de fans à coup sûr.

• Engagez vos fans

Le simple fait d’avoir des fans sur votre page Facebook ne suffit pas, il doit y avoir une interaction constante entre vos fans et vous. Le succès d’une page passe obligatoirement par cet engagement, et pour cela voici quelques conseils.

• Postez des informations interactives plutôt que des informations écrites
• Communiquez avec les utilisateurs actifs de votre page
• Rendez exclusif votre page par rapport à votre blog, site ou autre réseau social
• Toujours répondre aux fans
• Comptabilisez et transmettez les résultats à vos fans

• Lignes directrices à suivre

En tant qu’administrateur d’une page fan vous avez une part de responsabilité afin de pouvoir la gérer de manière efficace et éviter les ennuis avec Facebook. Alors suivez ces quelques conseils simples pour éviter les ennuis

• N’envoyez jamais un contenu abusif
• Ne postez jamais de mises à jour avec de contenus illicites
• Ne pas tag des personnes dans les images et mises à jour sans leur accord
• Ne pas automatiser les mises à jour

• Quelques idées pour faire grandir votre page

Quand on parle de faire grandir votre page ce n’est pas seulement pour augmenter le nombre de fans, mais également d’améliorer l’interaction entre les utilisateurs et vous. Voici quelques idées et conseils pour croître votre page

• La gestion du temps : Elle est très important et pour connaître la fréquence qui maximise l’engagement de vos fans, essayez différents timing et trouvez celui qui fonctionne le mieux pour vous
• Un concours Facebook : L’organisation d’un concours spécialement pour les fans Facebook est une bonne idée pour croître votre base de fans, la viralité va aider votre page.
• Récompensez vos fans : Il est primordiale pour vos fans de ses sentir valorisé pour leur participation active. Une récompense simple comme l’étiquetage de leur image sur votre mur permettra d’améliorer l’engagement de façon considérable.

Source

Le style minimaliste est une tendance prépondérante chez les designers, et qui restera longtemps en place vu son importance. Le principe est de créer un site (ici wordpress) simple mais agréable et dynamique, une combinaison qui plaît beaucoup aux designers, et encore plus aux visiteurs.

J’ai toujours entendu dire que la simplicité est dans la beauté, ici c’est vraiment le cas! il n’y a pas besoin de trop d’images, de trop de contenus ou de couleurs pour attirer l’attention de l’internaute.

Voici une sélection de thèmes wordpress minimalistes qui valent le détour et encore mieux qui sont gratuits

1. clean-blog-theme

2. monstic-creative-wordpress-theme

3. etech-theme

4. whitedeo-minimalist-wordpress-theme

5. bayer-theme

6. minimalist-office-wordpress-theme

7. Womack

8. Quest

9. ionas-magazine-theme

10. Lodge

11. Scale

13. highlighter-theme

14. Renown

Source

Fort de leurs différentes expériences ils ont décidé de créer le société Kynetix, en se spécialisant dans le développement en outsourcing sur les technologies PHP/MySQL et les indispensables du Web 2.0.

La société propose différents services tel que l’adaptation de sites existants, des services web sur-mesure, la réservation de nom, l’hébergement. Ces services applicables avec de nombreux CMS comme Joomla, Typo3, WordPress, Dupral, CMS Made Simple, osCommerce, TYPOlight et Plone

Cela va faire bientôt 5 ans qu’ils développent parallèlement une solution nouvelle de CMS 100% visuel (WYSIWYG). Ils ont donc développé Floowedit, c’est un CMS qui ne nécessite pas de connaissances en programmation pour y intégrer différents modules :

1. Un système d’édition visuelle et intuitif du site grâce à une technologie originale et innovante (WYSIWYG)
2. Technologie de site en prépublication : Vous pouvez modifier le site sans en affecter la version de production
3. Applications et modules plug and play : Nouveaux modules tels que galerie photo, formulaire, plan..
4. Intégration de modules en cloud : Contenus venant d’autres services sur Internet
5. Mise à jour : mise à jour automatisée du système et de tout le catalogue des nouveaux modules

Voici une vidéo de présentation de « Floowedit »

Vous pouvez retrouver Floowedit sur Facebook, sur le site Floowedit.com et sur kynetix.ch

L’idée de créer des versions optimisées pour iPad de nos blogs ou sites « titille » la majorité d’entrenous…

La sortie de Onswipe devrait donc intéresser les utilisateurs de WordPress.  Une fois, le navigateur détecté, le site renverra une interface différente pour les utilisateurs d’iPad.

Onswipe permet de changer la disposition de contenu en fonction de la façon dont vos visiteurs tiennent leur iPad.

Ils auront la possibilité de rajouter facilement une icone leur permettant un accès direct à votre blog. Un clic sur cette icone chargera directement votre blog, Onswipe vous permettra de présenter une écran de chargement pendant le chargement du site.

Onswipe propose aussi les fonctionnalités « classiques » de commentaires et de partage via Facebook, Twitter ou email.

Source : http://onswipe.com/wordpress/

Pour les photographes, il est important de pouvoir mettre à jour leur site web facilement et fréquemment.

WordPress est une plate-forme idéale pour ce genre de site web et propose grand nombre de designs. Le portfolio d’un photographe est souvent dans un style minimale pour maintenir l’accent sur les photographies, c’est pour cette raison que les thèmes WordPress sont parfaits pour les portfolios.

Voici une sélection avec un design minimale, crée spécialement pour les amoureux de la photographie

Carousel

Kin

Sideways

Delucide

Deep Focus

Landscape

Photobox

Aperture

Roundabout

L’Image

Source

Si vous êtes à la recherche d’un bon CMS, n’hésitez pas à utiliser WordPress, il est très pratique et gratuit. L’amélioration du design est l’un des éléments clés pour l’amélioration du trafic, voici donc, une sélection de magnifiques  sites sous WordPress histoire de vous donner des idées!

workawesome.com

cooperskids.com

dnawebagency.com

imaginariacreative.com

lojabirds.com

cottonseedoiltour.com

markforrester.co

uidigital.com

thepixel.com

notstupid.nl

Source

Cette Infographie retrace les 5 dernières années de Joomla, avec son histoire et avec quelques informations intéressantes :

• Joomla aujourd’hui c’est 72% des sites non commerciaux, plus de 5000 extensions pour plus de 2300 développeurs et plus de 3000 modules

• Le Forum Joomla c’est plus de 2 millions de messages, près de 500 000 sujets et plus de 405 000 membres

• Joomla dans le monde est transcrit dans 64 langues

Malgré toute la concurrence, Joomla est toujours autant utilisé, et on peut s’attendre encore à de beaux jours pour Joomla.

Source

Tout d’abord, le site l’adresse du site change elle passe de automne.ws à automne-cms.org. Ensuite la version 4.1 a bien avancé puisque la Beta 2 est disponible sur le Launchpad. A noter que le déploiement a commencé sur des sites en production et que donc la version 4.1 finale ne devrait plus tarder.

Enfin, un nouveau module de gestion des traductions vient d’être proposé à la Communauté, il va permettre de gérer les chaines de caractères utilisés dans d’autres modules et ainsi de faciliter les traductions d’Automne et de ses modules en plusieurs langues. Google Translate et l’import/export de fichiers de traductions (PO, XML, SQL, XLS) ont aussi été ajoutés.

Bref, tout ça avance bien alors n’hésitez pas à vous rendre sur le site de ce CMS prometteur et participer à sa communauté!

Merci à Frank de WS Interactive pour toutes ces infos en avant première!

Slodive.com nous propose une sélection des meilleurs thèmes pour vos sites sous WordPress.

• Genesis Framework permet de créer rapidement et facilement des sites wordpress avec de nombreux visuels classés par thèmes pour faciliter la recherche

• Blogfolio offre des options uniques de mises en pages. Il est conçu pour donner un maximum d’espace pour afficher votre travail, parfait pour les designers, photographes et autres artistes

• Nova : Son plus est sa page d’accueil, qui vous permet votre contenu en deux zones, un design simple mais qui lui permet d’être encore plus élégant.

• Deathlab : C’est un blog/portofolio, qui a été développé à destination des personnes recherchant un blog d’entreprise agréable et professionnel.

• estore : Solution élégante pour les personnes qui souhaitent créer une boutique en ligne. Ce thème offre également de nombreuses options d’intégrations.

• MyResume : Si vous cherchez un nouveau travail, rien de tel que ce thème pour vous promouvoir et créer une présence en ligne. MyResume est simple, facile à utiliser et vous permet de gérer avec qualité votre CV en ligne.

• Magnifizine : Thème élégant et moderne, il est conçu principalement pour les sites web de magazine avec de nombreuses fonctionnalités

Source : http://slodive.com/freebies/top-18-commercial-wordpress-themes/

Tout d’abord attention à l’abus de langage, on ne fait pas une mise à jour de la 1.5 à la 1.6 mais une migration. La subtilité a toute son importance car le processus n’est pas le même. Pour une mise à jour il suffit d’appliquer les nouveaux fichiers sur l’ancienne base, alors que dans le cadre d’une migration on passe d’un système à un autre.

Rassurez vous cependant si vous avez vécu la transition Joomla 1.0 vers Joomla 1.5, ce ne sera pas aussi complexe!

Joomla.org recommande l’utilisation d’une extension Joomla 1.5 pour réaliser la migration : jUpgrade. Ce composant s’utilise vraiment simplement car il s’occupe de la migration pour vous (n’oubliez pas de tout sauvegarder avant en utilisant Akeeba Backup par exemple).

Le passage à Joomla 1.6 vous donnera accès à la puissance de cette nouvelle version, cependant pas de panique Joomla 1.5 est ce que l’on appelle une « version avec un long support » (LTS), c’est à dire qu’elle continuera à recevoir des mises à jour de sécurité jusqu’à Avril 2012.

Une vidéo tutoriel (en anglais) très simple :

Ce CMS basé sur le couple PHP5/MySQL et respectant les normes du W3C (il permet notamment de mettre en place des sites accessibles de niveau bronze à argent), axe sa démarche sur un principe simple et qui va parler à de nombreuses personnes : la simplicité, notamment grâce à une administration transparente.

Comment Automne se distingue des autres CMS ?

• Une interface d’administration qui utilise des zones de création et de modification du contenu dans l’environnement graphique du site (via ExtJS notamment).
• Une plateforme de développement intégrée qui facilite la création de modules personnalisés.
• Une communauté d’intégrateurs soutenue par un éditeur de logiciel garantissant la fiabilité des développements.

Les points forts d’Automne :

La nouvelle version 4.1 est actuellement en Alpha mais elle se rapproche rapidement (lancement prévu pour mi février). Avec dans les cartons une refonte complète du portail actuel et un autre dédié à la communauté avec téléchargement de thèmes, extensions et modules; il semble donc qu’Automne soit prêt pour passer à la vitesse supérieure en lançant un projet ambitieux de développement de sa communauté! Je vous incite donc à aller tester ce CMS et suivre l’actualité des prochaines semaines qui s’annonce assez riche!

Automne est un CMS open-source (sous licence GNU/GPL) basé sur LAMP, disponible pour le moment en anglais et en français. Automne est une création française puisque l’on trouve derrière l’agence toulousaine WS Interactive.

On termine avec une petite vidéo de présentation :

Automne : CMS open-source
envoyé par Automne_CMS. – Vidéos des dernières découvertes scientifiques.

La Take Off tient à rompre cette mauvaise tradition et propose les 17 et 18 janvier prochain, à Euratechologies, une rencontre avec 30 des plus grands acteurs du web (dont Gregg Pollack et Geoff Schmidt entre autres).
Il est proposé aux développeurs, chefs de projet, directeurs techniques et professionnels de l’informatique de se réunir autour des experts de référence venus des Etats-Unis, de Paris, de Berlin, de Londres, ou encore de Rio.

Ce nouveau rendez-vous permettra d’avoir accès en avant-première aux innovations, aux tendances et, aux technologies qui seront incontournables dans le web de demain.

Conférences, workshops, meet & greet sont au programme. La Take off 2013 propose aussi une soirée dans la ville de Lille afin de faire plus ample connaissance avec les intervenants dans une ambiance décontractée.

Si cette conférence vous intéresse, vous trouverez plus d’information sur le site de la Take off.
Il est important d’encourager l’organisation d’évènements aussi exceptionnels, alors rejoignez-nous les 17 et 18 janvier !

Pour plus d’information, rendez-vous sur le site ou suivez l’actualité sur @takeoffconf

Rien de plus énervant lorsqu’on remplit un formulaire, que d’avoir à prouver que oui, on est bien un être conscient, et d’avoir à recopier ou calculer une saisie alphanumérique sans aucun intérêt avec notre demande :

Le CAPTCHA a 11 ans, et a été inventé par les chercheurs de l’Université Carnegie Mellon, aux Etats-Unis. Aujourd’hui, la technique de l’affichage d’image a évolué, pour proposer des solutions en 3D.

Devant ce gros carré inesthétique et franchement patibulaire, vous vous êtes parfois acharné pendant plusieurs minutes à recopier la suite de chiffres et lettres imbriqués et incompréhensibles, en respectant la casse, l’espace de séparation, en cliquant sur « Rafraîchir » (la suite de caractères ignobles), en écoutant le captcha en version audio…

Ou bien vous avez tenté de l’amadouer en :

• tapant F5 (et du coup en perdant votre saisie de formulaire)
• en allant directement dans le code source de la page voir si l’email destinataire ne s’y trouvait pas…

Hum, vous n’avez pas dû arriver à vos fins, et vous avez peut-être fini par… quitter la page ?

Quelques algorithmes actuels de CAPTCHA, lesquels ont tendance à se complexifier pour faire face aux avancées du déchiffrement automatique :

et même des CAPTCHA animés :

Mais on a gardé le meilleur pour la fin :

… Il faut être vraiment motivé, non ? Vous l’êtes certainement, mais vos internautes, un peu moins. Quand vous avez déployé des trésors d’énergie pour acquérir du trafic et faire baisser votre taux de rebond, autant ne pas louper la dernière étape de votre tunnel de conversion.

Après cette série de laideur et de maux de crâne, passons aux choses pratiques.

Alors oui, il s’agit d’éviter le spam (en tout cas issu d’envois automatisés de masse). Mais pour vous protéger des emails non sollicités tout en offrant à vos internautes une expérience efficace voire agréable, plusieurs solutions s’offrent à vous pour neutraliser l’étape obligée du CAPTCHA.

Il convient de garder à l’esprit quelques bonnes pratiques d’e-relation client (ou eCRM). Ce formulaire de vérification doit être :

• rapide (pas plus de 5 secondes)
• logique (n’obligez pas un internaute à réfléchir alors qu’il vient de rédiger sa demande)
• ludique (sollicitez le cortex adulescent de l’internaute pour qu’il réagisse positivement !)

et surtout, faire sens avec la thématique et le graphisme de votre site : garder de la cohérence. Si vous avez conçu un beau template, pourquoi iriez-vous gâcher les pages en insérant un bloc à la couleur et au format qui n’ont rien à voir ?

Les petits modules qui composent votre site doivent être travaillés selon une même charte graphique et fonctionnelle, et faire en sorte que vos internautes adhèrent à votre univers (qu’il s’agisse de ecommerce, de blog…).

Des exemples de bonnes pratiques :

• un CAPTCHA adapté à la thématique du site (ici bien-être) :

Les termes à saisir sont définis et compilés dans des fichiers de langues (fr / en / …).
Vous pouvez aussi personnaliser le message de rafraîchissement en créant une complicité avec l’internaute.

• un CAPTCHA presque enfantin, avec solution de reconnaissance d’image :

Les images et thèmes peuvent être complètement customisés selon vos besoins.

Le module pour Joomla ici : extension flexicontact

• un CAPTCHA minimaliste (mais quand même un peu mathématique

• un CAPTCHA avec un simple déplacement de curseur en drag & drop, en jQuery :

Le script ici : www.myjqueryplugins.com/QapTcha

• un CAPTCHA assembleur d’images, toujours en jQuery :

Plus d’infos ici : www.keycaptcha.com

En janvier dernier, Facebook avait mis en place la méthode de Social Authentification ; identifier vos amis via un panneau de profils à des moments-clés de votre navigation, histoire de vérifier que vous n’êtes ni un robot ni un hacker.

La solution est d’être créatif, et en phase avec votre public. Si vous vous adressez à une cible senior, vous n’allez pas lui demander d’écarquiller les yeux pour recopier des mots. Idem pour une cible « layette », inutile de leur demander des combinaisons mathématiques.

Si vous choisissez un CAPTCHA à rédiger, pourquoi ne pas proposer de courts slogans ou des termes commerciaux surtout si vous vendez des produits ou services sur le site, c’est un excellent moyen de permettre aux internautes de mémoriser votre marque puisqu’ils utilisent leur clavier pour saisir les mots… Mais attention à ne pas en abuser et lasser votre audience.

Avantage : monétisable pour un bloggeur si vous passez par une régie spécialisée en Ad Blindness, comme CAPTCHME, un petit nouveau (et français !) sur le marché depuis août dernier. Le webmarketing est partout !

www.captchme.com

Vous pouvez aussi faire parler d’eux vos internautes, en transformant cette saisie en véritable champ de qualification, donnée du champ que vous récupérerez bien sûr, via le plain text du formulaire et dans votre base de données.

En résumé, mettez à cette « barrière » un trait de complicité, une pincée de simplicité, une cuillerée d’inventivité, et vos internautes passeront le cap du formulaire avec succès.

Expérience d’un internaute qui résume bien l’expérience contact :
 » NB : les codes de sécurité sont très sympa, c’est un plaisir de les entrer !
Joy « 

Bon CAPTCHA-day !

Il existe deux méthodes, l’une via le javascript, en analysant l’objet « navigator », l’autre via le PHP. en analysant la variable globale $_SERVER['HTTP_USER_AGENT']. Une dernière méthode est possible grâce aux commentaires conditionnels mais n’a d’usage que sous Internet Explorer.

Afin de faciliter tout cela, voici une petite classe statique en PHP permettant d’effectuer de simples tests en fonction du nom du navigateur, ce qui évite de longs et fastidieux if elseif à n’en plus finir.

Au programme, vous pouvez détecter les principaux navigateurs de type IE (de la version 6 à 9), Firefox, Chrome, Safari, Opéra ainsi que les supports iPad, iPhone et iPod. Vous avez également la possibilité de faire un test sur un élément de votre choix.

Mise en pratique

Détecter un navigateur IE :

if( Detector::isIE() )
{
  $mocode pour IE…
}

Détecter un navigateur Chrome ou Firefox :

if( Detector::isChrome() || Detector::isFirefox() )
{
  $mocode pour Chrome ou Firefox…
}

Détecter un support iPad :

if( Detector::isIPad() )
{
  $mocode pour iPad…
}

Dans le cas ou vous souhaitez détecter la présence d’un attribut « Webkit », utilisez simplement :

if( Detector::is('Webkit') )
{
  $mocode pour Webkit…
}

Pour télécharger la librairie, c’est ici : neoweb-detector-class-0.3

Pourquoi pas utiliser une solution qui vous permette de définir un css par type de support ou de résolution? La solution vient d’un tout petit javascript (894 bytes en minifié) qui s’intitule : Adapt.js.

Il va s’occuper de sélectionner le bon css en fonction de la résolution de l’internaute avant le rendu de la page. La configuration est on ne peut plus simple :

  range: [
    '760px            = mobile.css',
    '760px  to 980px  = 720.css',
    '980px  to 1280px = 960.css',
    '1280px to 1600px = 1200.css',
    '1600px to 1920px = 1560.css',
    '1920px           = fluid.css'

Un fallback est aussi disponible pour les internautes ou supports n’acceptant pas javascript. C’est le css version mobile qui est proposé en premier. Tout ceci restant valide HTML5 (via l’utilisation de la balise <noscript>).

Tout ceci est disponible sous licence GPL et MIT via Github.

Le but de cette manipulation est de sécuriser l’accès à l’application à partir du serveur.

Bien sûr ce n’est pas une solution très élégante pour les utilisateurs, mais cela peut s’avérer très pratique lorsque vous souhaitez tester un site en production tout en le restreignant au grand public.

Voici un Tuto qui va vous aider à ajouter un htpasswd avec engineyard sous nginx, suivez le guide

• Renommer /data/ngingx/nginx.conf  en  /data/ngingx/keep.nginx.conf de façon à le préserver après mise à jour de l’environnement

mv  /data/ngingx/nginx.conf /data/ngingx/keep.nginx.conf

• Créer le lien symbolique de l’ancien fichier au nouveau

ln -nfs /data/nginx/keep.nginx.conf /data/nginx/nginx.conf

• Créer un dossier qui va contenir le fichier des utilisateurs autorisés

mkdir /data/nginx/conf

• Créer le fichier contenant l’utilisateur autorisé

htpasswd -bcd /data/nginx/conf/htpasswd username password

• Renommer les fichiers avec un .keep devant permet de les garder après mise à jour de l’environnement

mv /data/nginx/servers/appname.conf /data/nginx/servers/keep.appname.conf

• Ajouter ces lignes de codes indiquant le type d’authentification et le chemin vers le fichier des utilisateurs autorisés dans le fichier /nginx/servers/keep.appname.conf

location  /  {

auth_basic            « Restricted »;

auth_basic_user_file  conf/htpasswd;

passenger_enabled on;

}

• Enfin redémarrer le serveur

sudo /etc/init.d/nginx restart

Globalize

Avec Globalize, vous pourrez, sans difficulté :

• - Traduire du texte statique, plus intuitivement qu’avec I18n
• - Traduire des modèles entiers de votre application en une seule ligne de code, ou presque (ModelTranslations)
• - Ajouter vos traductions en base de données
• - Formater dates, nombres et monnaies
• - Configurer vos routes pour chaque locale

Pour vous familiariser avec ce remarquable outil et vous faire une idée plus précise de sa puissance, je vous pouvez consulter ce tutoriel step-by-step, qui vous fera l’adopter !

Voici donc une liste des 14 bon comportements minimum à avoir lors du développement de votre application:

1-) Ne croyez pas un utilisateur connecté, en effet la couche authentification à elle seule ne suffit pas, vous devez protéger votre application en implémentant aussi une couche d’autorisation permettant de filtrer l’accès à certaines parties de votre site selon le rôle de l’utilisateur.

2-) Prenez garde à l’assignement massif (mass assignments) ! Choisissez quels attributs seront accessibles à l’aide de attr_accessible de façon à affiner l’assignement.

3-) Rendez les attributs sensibles non-éditables grâce à attr_readonly de façon à conserver leur intégrité.

4-) Faites attention aux injections SQL, plus particulièrement si vous avez quelques lignes de SQL pur dans votre code.

5-) Empêchez l’upload de fichier exécutable.

6-) Filtrez les paramètres sensibles dans les logs.

7-) Utilisez protect_from_forgery et csrf_meta_tag afin d’éviter les attaques « Cross-Site Request Forgery » (exploitation de la confiance de l’application sur un navigateur)

8-)Si vous êtes sur Rails 2.* ou inférieur, utilisez le ‘h’ helper pour éviter les XSS (Cross-Site Scripting) attaques (exploitation de la confiance de l’application sur un utilisateur). Non nécessaire sous Rails 3, car c’est le comportement par défaut.

9-) Faites attention aux hijacks de session (usurpation de session utilisateur).

10-) Evitez d’utiliser les redirections sur les URLs fournis par les utilisateurs.

11-) Evitez d’utiliser les « user params » ou « content » dans la méthode send_file.

12-) Rendez les méthodes privées. (en dehors des actions

du controller).

13-) Vérifiez vos dépendances pour les mises à jours et patches de sécurités.

14-) Ne stockez pas vos mot de passes en clair dans la base de donnée.

source: http://www.railsinside.com/tips/486-14-bare-minimum-security-checks-before-releasing-a-rails-app.html

En effet, la « firme de Redmond » ayant fait le choix de privilégier le format H.264, IE9 ne supporte pas nativement le format ouvert.

A l’inverse, Google avait déclaré il y a plusieurs semaines ne plus supporter le format H.264. Suite à cette déclaration, Microsoft avait mis à disposition des internautes un plugin pour permettant de lire les vidéos H.264 dans Google Chrome.

Pour résumer :

• Chrome ne supporte plus le H.264 mais Microsoft propose ce plugin.
• Internet explorer ne supporte pas le WebM mais Google propose ce plugin.

mobl est donc un nouveau langage qui vise à améliorer la vitesse de développement d’applications mobile en utilisant toute la puissance du HTML5. Celui-ci se rapproche de la syntaxe javascript, alors c’est une bonne ou une mauvaise nouvelle, tout dépend de votre degré d’affection de la syntaxe JS!

L’avantage principal au delà de la légèreté du code et de sa spécialisation « dev mobile », consiste en son intégration facile de widgets javascript ainsi que la possibilité de gérer des applications offline puisque celles-ci ne nécessitent pas forcément de serveur backend (les données sont stockeées dans l’appli). Pour voir toutes les fonctionnalités.

Le mieux est de jeter un oeil aux tutoriels disponibles ou au screencast.

Tout ceci est proposé gratuitement et sous licence libre MIT. mobl est une création du néerlandais Zef Hemel.

Xeo CSS est donc un éditeur en ligne qui vous permet de gérer du HTML et du CSS. L’interface est claire et efficace avec une fonctionnalité de « preview » très utile. Le gros point fort de cet outil est le support du CSS3 ainsi que quelques options agréables de formattage.

C’est gratuit et proposé par Xeoscript alors pourquoi se priver? Le tout est développé sous Cappuccino pour info.