#dév_&_code

Créer un #organigramme en #html et #CSS
▻http://www.soon7.com/developpements/creer-un-organigramme-en-html-et-css

Afin de réaliser un organigramme (Organization #chart en anglais), plusieurs solutions sont disponibles : Une solution élégante et responsive, en css : ▻http://codepen.io/siiron/pen/aLkdE Une solution basée sur #jquery, plutôt bien faite : ▻https://github.com/caprica/jquery-orgchart Voir les démos : ▻http://www.capricasoftware.co.uk/projects/jquery-orgchart/demos.html un exemple pour du share point : ▻https://github.com/Aymkdn/OrgChart-JS-Sharepoint Il existe même une solution proposée par Google : ▻https://developers.google.com/chart/interactive/docs/gallery/orgchart Ces solution […]

#Dév_&_Code #organization_chart

#Prestashop passe en version 1.6
▻http://www.soon7.com/developpements/prestashop-passe-en-version-1-6

Nous y voilà ! Après des mois de travail intense en étroite collaboration avec la communauté, la version 1.6 est là et n’attend plus que vous ! Votre succès en ligne est à portée de clic en téléchargeant la meilleure version en date de #prestashop. Petit tour d’horizon des nouveautés et améliorations de la v1.6 […]

#Dév_&_Code #Ecommerce #opensource

Découvrez les nouveautés de la nouvelle version de Foundation 5.2
▻http://www.soon7.com/developpements/decouvrez-les-nouveautes-de-la-nouvelle-version-de-foundation-5-2

Foundation, framework responsive vient de passer en version 5.2. Plusieurs bugs ont bien été évidemment corrigés, et de nouvelles fonctionnalités ont été ajoutées : Equalizer : Pour avoir des blocs de même hauteur, quel que soit le contenu à l’intérieur ▻http://foundation.zurb.com/docs/components/equalizer.html Range Slider : Possibilité de le configurer fluide ou par échelon, de le […]

#Dév_&_Code

Comment intégrer en #embed un #channel #Youtube sur son site #web ?
▻http://www.soon7.com/developpements/comment-integrer-en-embed-un-channel-youtube-sur-son-site-web

Youtube permet de facilement visionner et partager en ligne de la vidéo. Généralement, on peut utiliser le code embed pour une vidéo en particulier, ou encore une playslit définie. Exemple de code embed d’une playliste #youtube, pensez à remplacer “votreChannelID” par l’identifiant de votre channel. [crayon-530cdfcc1e737740887769/] Code embed de playlist en iframe : [crayon-530cdfcc1e743081722039/] Mais […]

#Dév_&_Code

Besoin d’inspiration pour un design d’interface #Web ?
▻http://www.soon7.com/developpements/besoin-dinspiration-pour-un-design-dinterface-web

Lors du design d’application, site mobile ou encore site internet, l’ergonomie et l’aspect visuel est un point très important. Pour imaginer tout type d’élément d’interface, vous pouvez utiliser le moteur #ui Cloud, qui vous permet de chercher dans une base de données impressionnante d’exemples comme un style formulaire, de boutons, de navigation, etc. Vous […]

#Dév_&_Code #Graphisme #css3 #html5 #interface #ux_design #webdesign

#Google explique pourquoi il n’y aura pas de bouton “Couper le #son” dans les onglets de #chrome
▻http://www.soon7.com/developpements/google-explique-pourquoi-il-ny-aura-pas-de-bouton-mute-dans-les-onglets-de-ch

Google a rajouté dans chrome des icônes dans les onglets indiquant par exemple quel onglet produit un son (vidéo, audio, etc), ou encore lequel utilise une webcam ou diffuse de la télé. Ce qui est plutôt pratique pour trouver par exemple lequel des 15 onglets ouverts diffuse la musique que vous souhaitez arrêter, mais pour […]

#Dév_&_Code #mute #Vidéo

Submergé par l’information 2.0
▻http://www.soon7.com/developpements/submerge-par-linformation-2-0

Selon une étude réalisée par Mindjet en mars 2012, les travailleurs français éprouvent de grandes difficultés à gérer au quotidien les informations qu’ils reçoivent.

#Dév_&_Code #infographie #information #travail

#Flash est-il mort par rapport à Html5 & CSS 3 ?
▻http://www.soon7.com/e-marketing/ce-quon-a-envie-de-dire-aux-flasheurs-en-2014

Je suis tombé sur ce petit dessin qui m’a bien fait marrer concernant Flash. Beaucoup de personnes (et souvent des personnes n’y ayant jamais touché) ont déclaré que “Flash c’est une technologie morte passke y’a html5&CéhesshesseTroa qui sont là”© Ces “grands gourous” souvent n’y captent rien, et ne font que remâcher des éléments entendus à […]

#Dév_&_Code #E-marketing

Afficher avec #Spip la dernière vidéo d’un #channel #Youtube
▻http://www.soon7.com/developpements/afficher-avec-spip-la-derniere-video-dun-channel-youtube

Etape 1 : récupérer le flux Le flux lié à votre channel #youtube est de la forme : [crayon-52d9869634005078031968/] Pour trouver l’id de votre channel, connectez vous sur votre channel, et en haut vous aurez une url de la forme : ▻http://www.youtube.com/channel/ID_DE_VOTRE_CHANNEL  Etape 2 : Boucler avec la boucle DATA de #Spip On […]

#Dév_&_Code #reponsive

Comment retrouver le #fanpage ID d’une page #facebook ?
▻http://www.soon7.com/e-marketing/comment-retrouver-le-fanpage-id-dune-page-facebook

Vous avez déjà renommé votre page facebook, mais quelques mois après vous avez besoin du facebook id de cette page ? Il existe plusieurs moyens de le retrouver, en voici une très simple, cet out il en ligne : ▻http://findmyfacebookid.com il vous suffit de rentrer l’url de la page ou du profil et hop, l’id […]

#Dév_&_Code #E-marketing #facebook_app #fan_page

#ie8 demeure le #navigateur le plus utilisé selon NetMarketShare
▻http://www.soon7.com/developpements/ie8-demeure-le-navigateur-le-plus-utilise-selon-netmarketshare

Comme il en a l’habitude, le cabinet NetMarketShare livre ses statistiques mensuelles sur les parts de marché de navigateurs. Toutes éditions confondues, #ie se hisse au sommet de la pyramide avec 57,91% de parts de marché. Dans le détail, IE11 enregistre une forte croissance en passant de 3,27% à 10,42%. Bien qu’en légère baisse (-1,10 […]

#Dév_&_Code #Internet_Explorer

#erreur de #droit avec #photoshop #cs_6 “Impossible d’ouvrir un fichier de travail car le fichier est verrouillé”
▻http://www.soon7.com/developpements/erreur-de-droit-avec-photoshop-cs-6-64bits-impossible-douvrir-un-fichier-de-t

Voici un petit souci sous photshop cs6 64 bites qui m’a fait m’arracher mes cheveux ! En résumé, Photoshop ne se lance pas et vous affiche le message d’erreur suivant : Pas la peine de se lancer dans des droits des fichiers des derniers fichiers ouverts, c’est une fausse piste (qui m’a fait perdre […]

#Dév_&_Code #windows

les tribulations d’un adapteur DVI-D vers VGA en Martinique
▻http://www.soon7.com/developpements/les-tribulations-dun-adapteur-dvi-d-vers-vga-en-martinique

Avec l’achat d’une nouvelle carte graphique, je me suis retrouvé avec un port DVI que je ne connaissais pas, un port DVI-D. Pour moi il s’agissait de 2 ports DIV-A, et je fus fort dépourvu lorsque la bise fut venue lorsqu’il fallut brancher un deuxième écran, celui ci ayant la particularité d’être en VGA. Je […]

#Dév_&_Code

des colonnes avec la même hauteur avec le #framework #foundation
▻http://www.soon7.com/developpements/des-colonnes-avec-la-meme-hauteur-avec-le-framework-foundation

Foundation est un framework #CSS vraiment performant permettant de créer des interfaces fonctionnelles et responsives, que vous pouvez découvrir ici : ►http://foundation.zurb.com Lorsque vous créez vos différentes colonnes en utilisant la grid, il se peut que vous ayez besoin à un moment donné que une 2 ou plusieurs colonnes aient la même hauteur. Voici une solution […]

#Dév_&_Code

Freewall : plugin jquery pour réaliser un site en “Dynamic #grid Layouts”
▻http://www.soon7.com/developpements/freewall-plugin-jquery-pour-realiser-un-site-en-dynamic-grid-layouts

Freewal est un plugin jquery assez impressionnant permettant de créer des mises en pages de type block qui se réarrangent automatiquement (un peu comme #pinterest ou #metro) en utilisant des animations #css3. Ceci permet donc de faire des mises en page reponsive en fonction de vos besoin. Vous pouvez le customiser selon vos besoins : […]

#Dév_&_Code #responsive

Ghostery : une #extension pour se débarrasser des trackers et protéger votre vie privée
▻http://www.soon7.com/developpements/ghostery-une-extension-pour-se-debarraser-des-trackers

Chaque fois que vous êtes sur Internet, des scripts sont utilisés permettant de de vous tracker (statistiques, pubs déjà vues, etc). Ghostery est une extension gratuite pour votre #navigateur vous permettant de bloquer tout ou partie de ces scripts qui collectent ces informations. Ce plugin est pratique également pour pouvoir débugger. Ghostery est disponible pour la […]

#Dév_&_Code #tracking

Mighty #slider : un slider payant mais qui mérite le détour
▻http://www.soon7.com/e-marketing/mighty-slider-un-slider-payant-mais-qui-merite-le-detour

Je n’ai pas pour habitude de parler des éléments #premium (payant) qu’on trouve sur le net, mais ce slider m’a tout simplement scotché. MightySlider est un plugin jquery premium (c’est à dire payant) disposant de tout ce dont vous avez besoin pour avoir un slider phénoménal sur votre site. Il fonctionne très bien en mode […]

#Dév_&_Code #E-marketing #js #responsive

#svgénération : galerie et générateur de #motif en SVG pour le background de vos sites
▻http://www.soon7.com/developpements/svgeneration-galerie-et-generateur-de-motif-en-svg-pour-le-background-de-vos-

SVG est un format facilement modifiable, qui peut être redimensionné sans perte, et qui fonctionne pour la plupart des navigateurs récents (Vadé Rétro Interet explorus), approximativement 85% de vos visiteurs. Pour bien le mettre en plus lisez bien ce qui est expliqué ici SVGeneration est un site vous permettant d’utiliser et d’éditer des motifs créés […]

#Dév_&_Code #backgroud #pattern

QSnap : Prendre une capture d’image du site facilement
▻http://www.soon7.com/e-marketing/qsnap-prendre-une-capture-dimage-du-site-facilement

La capture d’écran (ou screenshots) est une opération banale pour tout ceux qui travaillent dans le domaine du web ou de l’informatique : recherches graphiques, lors de zonings, échange avec les collègues, comparer 2 versions, etc. Il existe déjà plein d’extension pour vos navigateurs favoris permettant de gérer cela, mais aujourd’hui je vous présente plus […]

#Dév_&_Code #E-marketing #capture_d'écran #navigateur #screenshot

Ink : Un #framework CSS pour des emails #responsive
▻http://www.soon7.com/developpements/ink-un-framework-css-pour-des-emails-responsive

Aujourd’hui, les emails peuvent être lus sur un desktop, sur une tablette ou depuis un smartphone. Pour les sites webs, plusieurs frameworks ont été créés et permettent de répondre à ce besoin (comme par exemple Bootstrap ou Foundation), mais pour les mails différentes techniques existaient à droite à gauche. Les créatures de Foundation, #zurb, ont […]

#Dév_&_Code #Web #email

Glide.js : un #slider léger, responsive et touch-friendly !
▻http://www.soon7.com/developpements/glide-js-un-slider-leger-responsive-et-touch-friendly

Glide.js est un petit slider très sympathique, jugez-par vous même : - Léger : environ 4,5 Kb compressé - Transition #css3 ultra rapides (avec fallback en #javascript pour les anciens navigateurs) - Responsive - fonctionne sur tablettes et smartphones - API avec callbacks - Gère les événements Swipe - Flèches et bulles de navigation - […]

#Dév_&_Code

Comment mettre une #image à la Une par défaut dans #Wordpress ?
▻http://www.soon7.com/developpements/comment-mettre-une-image-a-la-une-par-defaut-dans-wordpress

WordPress est un super outil de blogging, et bien plus. Il vous permet de rajouter à votre posts des images, et notamment d’en choisir une comme étant “l’image à la Une” (ou featured) qui servira de “logo”, de “vignette” à votre post dans votre thème. Sauf que le fait de désigner une image comme étant […]

#Dév_&_Code #wp