Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.
Dreamweaver gratuit
Un aperçu de la prochaine version de Dreamweaver (Next Generation)
17 avril 2013 | Posté par caroder à 14:20
La prochaine version de Dreamweaver doit sortir le 6 mai prochain. Une grande modification est à attendre de cette évolution : il s'agit de la suppression de tout ce qui concerne "les liaisons, les comportements de serveur, les composants et les bases de données, ainsi que Spry et la vérification de la compatibilité du navigateur" (dixit le blog d'Adobe), ce qui n'est pas mince, convenons-en ! Adobe promet néanmoins que ces fonctionnels seront disponibles en tant qu'extensions (payantes ?).
Cette nouvelle version est résolument orientée responsive design et CSS, bref tout ce qui concerne la mobilité (tablettes et téléphones mobiles). Dreamweaver ne fait ainsi qu'accompagner la spécialisation toujours plus grande des métiers du web et il est loin le temps où les développeurs, les integrateurs et les websigners travaillaient sur peu ou prou les mêmes outils.
Je me permets de conseiller à tout ceux qui utilisent Dreamweaver non pas uniquement dans sa dimension webdesign mais dans sa dimension développement de différer leur mise à jour tant que l'impact sur de précédents developpements PHP ne sera pas élucidé.
La vidéo de présentation ci-dessous est en anglais.
Un mail, pour quoi faire ?
18 mars 2013 | Posté par caroder à 20:07
Ce matin, j'ai reçu un mail.
En général, quand on me contacte via ce blog, c'est pour me remercier du travail (et j'y suis sensible), pour me proposer d'écrire un livre (sur les choses techniques et sérieuses que j'aborde ici et que je n'ai pas le temps de réitérer alors que je consacre ma plume désormais à l'humour. Si vous êtes intéressé et éditeur, contactez-moi, je vous dirais où me lire), voire pour me demander des explications sur telle ou telle ligne de code. Mais je dois avouer que les râleurs ne sont pas légion. D'autant que j'estime avoir fait un travail gracieux (dans tous les sens du terme) pour le bien de tous, dans un esprit (sans doute un peu naïf mais, que voulez-vous, on ne se refait pas...) de partage et d'entraide.
Bref, ce matin je découvre ceci dans mon courrier électronique :
De: xxxxxxxx@monfai.com
Sujet: votre blog
Message:
voici mon point de vue concernant votre blog, comme tous on s'y perd ! le bon vieux site web avait au moins l'avantage que le lecteur pouvait suivre un plan facile d'accés.
Enfin... la partie tuto newletter : on n'y comprend rien sauf pour les ténors du php et des tables de données.
Dommage pour nous autres les débutants
Bon, ben voilà, prends toi ça dans les gencives, connasse...
Tout ceci me ramène quelques années en arrière quand j'animais un site qui fournissait un service totalement gratuit à moult sociétés commerciales (qui se faisaient ainsi de confortables marges sur notre dos). Parfois, un sous-fifre (oui, en général, les n+1, +2 et plus si affinités, sont d'une courtoisie extrême) se permettait de nous appeler pour râler sur la qualité du service, voire de nous engueuler carrément. Ces esprits simples, la plupart du temps, se croyaient dans une classique relation client/prestataire.
Il se trouve par ailleurs que nous avions un monopole de fait concernant ce service, puisque contrairement à nos concurrents nous étions gratuits. Nous les avions donc, sous ma houlette, proprement et méthodiquement laminés, les mois et les années passant.
Et quand il se trouvait que j'avais un de ces fâcheux au téléphone, je lui disait toujours : "Je ne suis pas votre fournisseur, vous, en revanche, vous êtes mon obligé."
Ainsi donc, chère Paola qui avez écrit ce mail, je me permettrais de vous rappeler, à l'instar de Philippe Néricault Destouches, que la critique est aisée et l'art est difficile.
8 superbes thèmes Wordpress gratuits pour 2013
26 décembre 2012 | Posté par caroder à 13:49
C'est la fin de 2012, il est temps de faire le bilan de ce qu'on a pu trouver de mieux en matière de design de blog pour Wordpress. Ce qui ressort de cette année passée, c'est avant tout le développement du responsive webdesign et l'utilisation acquise de HTML5/CSS3. Ainsi la plupart des thèmes ci-dessous répondent à ce cahier des charges (bien que je ne me sois pas interdit de sélectionner deux thèmes qui n'y répondent pas).
Enjoy !
gRID! un thème pour portfolio
Ce thème est gratuit après paiement avec un tweet...
Global News, pour un blog d'infos
NB : Ce thème date de mi-2010, il n'est ni HTML5, ni reponsive design et en plus il ne passe pas la validation du W3C. Que vient-il faire ici me direz-vous: c'est simple, le design est au cordeau pour un blog type "presse" en ligne. Plus pour une éventuelle inspiration que pour une mise en production.
Respo, design minimaliste à l'efficacité maximum
Un slider est inclus dans ce thème multi-usage.
Simple Corp, pour un small business
Ce thème contient par défaut un formulaire de contact.
zeeBizzCard, le thème carte de visite
Convient parfaitement pour des travailleurs indépendants, micro-business et artistes. A noter : ce thème est disponible sur Wordpress.org
Patus, responsive et SEO-friendly
Ce thème offre la possibilité de changer de couleur, d'installer des boutons sociaux, offre un système de management de publicités et est optimisé pour les moteurs de recherche.
Suburbia, le thème à tout faire
Un design assez suisse pour ce thème SEO friendly.
Last but not least, Balita pour du e-commerce
Nécessite impérativement l'utilisation du plugin E-Commerce. Comprend un slider produits en home, le custom shopping cart, le zoom produit, les multiples photos pour un produit, la suggestion d'achats et l'intégration d'une partie blog. HTML5 et CSS3. Thème recommandé par Smashing Magazine.
Dreamweaver CS6 : grid system 960 et web fontes...
07 mai 2012 | Posté par caroder à 18:23
C'est aujourd'hui qu'Adobe commence à commercialiser la dernière version de Dreamweaver, la CS6 (en anglais seulement à ce jour). Qu'on se le dise, cette version intègre ce qui étaient encore des extensions ou des techniques déjà moultement utilisées par les développeurs depuis bien longtemps mais dans sa philosophie, elle ne fait que consacrer cette évolution inéluctable du web : la nécessité d'être multi plates-formes (smartphones, tablettes et ordinateurs) via le 960 grid system et l'utilisation sécurisée de fontes "exotiques".
Vous pouvez découvrir les possibilités du 960 gris system via la vidéo tutorial ci-dessous (en anglais. Attention : réservé aux personnes maîtrisant bien cette langue, le formateur ayant un problème aux cordes vocales) :
Si vous souhaitez utiliser cette technique du 960 grid system dont j'ai parlé ici, sachez qu'il existe une extension permettant de faire peu ou prou la même chose (tout en ne bénéficiant pas du même confort de développement que dans la CS6 !).
Pour ce qui concerne l'utilisation de web font, je publierai prochainement un tutorial sur l'utilisation de cette technique très facile à mettre en oeuvre.
Des thèmes Wordpress beaux et gratuits
20 mars 2012 | Posté par caroder à 15:51
Voici longtemps que je ne vous avais pas fait part de mes trouvailles de thèmes Wordpress sur le web. Je vous recommande le site Towfiqi qui propose des designs simples et beaux (ce qui dans mon esprit va de pair) avec néanmoins de quoi animer votre homepage (via des sliders JQuery). Tous les thèmes sont compatibles avec la version 3.0 du CMS.
A noter néanmoins : si vous ne comptez pas sur des photos de grande qualité pour illustrer votre blog, passez votre chemin car ces webdesigns misent une bonne partie de leur équilibre graphique dessus.
Mon design préféré est "Amphion Lite" (capture ci-dessous)...
Site e-commerce : intégrer un système de paiement par Paypal
09 mars 2012 | Posté par caroder à 13:23
Voici un vidéo tutorial qui vous expliquera comment intégrer via Dreamweaver un système de paiement en ligne Paypal avec détail du panier.
Un pop-up JQuery avec Dreamweaver (obscurcissement Lightbox)
30 janvier 2012 | Posté par caroder à 18:20
Voici un tutorial vidéo extrêmement utile pour ceux qui souhaiterait installer une lightbox JQuery à leur site. Dans l'exemple présenté, il s'agit d'une lightbox pour une gallerie images mais, avec un peu d'imagination et de code, ceci peut s'adapter à n'importe quelle autre type de lightbox (texte, formulaire, etc.).
Ce tutorial est en anglais mais assez facile à comprendre car bien illustré.
Partie 1
Partie 2
Il est à noter que ce tutorial fait exactement la même chose que l'extension Lightbox de Andres Cayon mais que ce tutorial vous permettra de comprendre la philosophie de cette librairie JQuery et donc d'adapter totalement la lightbox à vos besoins.
Rappel : sur le site Biglib, vous pouvez lire gratuitement des livres que des internautes acceptent de donner sans contrepartie :-)
500 000 visiteurs uniques...
19 janvier 2012 | Posté par caroder à 17:13
Il y a des chiffres symboliques et je pense que celui-ci en est un.
Lorsque j'ai écrit mon premier billet le 28 février 2007, il y a beaucoup de choses que je n'avais pas imaginées et surtout pas que cinq ans plus tard, je pourrais écrire que 500 000 personnes soient venues consulter ces pages si peu "grand public" sur un sujet qui me paraissait intéresser, au mieux, quelques centaines de personnes.
J'ai démarré ce travail parce que j'avais moi-même besoin d'un lieu où répertorier mes trouvailles sur le net concernant le logiciel Dreamweaver. Etant donné le mal que je me donnais pour dénicher certaines infos, il m'a immédiatement paru pertinent de partager et faire profiter à tous de mes recherches. De fil en aiguille, j'ai écrit mes propres tutoriaux en fonction de mes problématiques personnelles et aussi souvent parce que je n'avais rien trouvé de convaincant sur le sujet.
Bref, ce qui m'a guidé ici, c'est la volonté d'être simplement utile aux autres.
Je voulais aussi remercier plus particulièrement Jean-Pierre, avec lequel j'ai souvent échangé au cours de ces années. Je ne saurais trop vous conseiller, si vous ne le faites déjà, de consulter ses formidables tutoriaux sur le site ASP-PHP.net.
Enfin, je termine par une petite auto-promo en vous rappelant l'existence de Biglib, la plate forme de dons et d'échanges de livres l'occasion et mon compte Twitter qui brasse avant tout des sujets "réseaux sociaux" et "webmarketing".
Merci à tous !
960 Grid System, une extension pour webdesigner rigoureux
17 janvier 2012 | Posté par caroder à 09:30
Le système de grille ("Grid System") est un concept hérité des temps lointains de la presse au marbre (c'est tout dire !) où la mise en page était contrainte par la technique. Le gabarit des pages faisait la loi de la première à la dernière (page) et les graphistes qui ont travaillé aux temps héroïques de la "compo" en gardent un souvenir ému (mais néanmoins douloureux parfois). Rigide par nature, ce système est néanmoins totalement adapté aux problématiques des sites magazines auxquels il permet de ne pas verser dans un joyeux foutoir contre-productif et repoussoir à lecteurs.
Le principe est très simple : une page est divisée en unités minimales de colonnes (séparées par un espace blanc et correspondant à un minima de caractères permettant la lisibilité) qui peuvent être réunies aux besoins. Une image valant mieux que mille discours, voici ce que ce gabarit invisible rend quand on le donne à voir (exemple de mise en page magazine/rapport annuel) :
Ce système, si utile sur le papier (et permettant en outre d'obtenir de jolis gris typographique), a été transposé depuis quelques années déjà dans la "mise en page" des sites magazines et de nombres blogs Wordpress.
DMXZone propose une extension Dreamweaver gratuite permettant de créer vos propres designs de site dans une largeur de 960px (sorte de nombre d'or du Grid System).
Vous pouvez télécharger cette extension ici : http://www.dmxzone.com/go?18032
Commun.it, le nouvel outil indispensable de gestion de votre compte Twitter ?
08 novembre 2011 | Posté par caroder à 09:55
Il est réellement vrai que Commun.it est un outil trop très puissant...
Tellement, qu'il ferait presque craindre que la "magie" Twitter s'évanouisse (celle des rencontres accidentelles entre deux comptes qui n'ont rien à voir et beaucoup à se dire, peu importe leur nombre de followers respectifs). Son efficacité ravira certainement les community managers exigeants puisqu'il se propose rien moins que de donner (dans une interface ultra-ergonomique) les Twittos les plus influents de votre communauté avec lesquels vous êtes en position d'engager ou continuer la conversation le plus naturellement.
Commun.it ne contente pas de vous donner une compréhension de votre communauté Twitter, il combine l'analyse de votre compte à des fonctionnalités de client Twitter (mentions, DM). Pour faire rapide, on dira que c'est une plateforme de marketing relationnel qui aide les entreprises à construire des relations fructueuses personnelles via Twitter.
Commun.it fait le focus sur les relations qui vous rapporterons la plus grande plus-value (amis de la poésie...). Contrairement à Klout, il ne donne aucune métrique mais il vous indique qui sont vos prescripteurs, les partisans et les "relations à cultiver".
Une image valant des centaines de mots, voici une vidéo qui vous donnera un aperçu de l'outil :
Commun.it véhicule une vision totalement utilitariste de votre communauté, vous l'avez compris. Mais finalement, quand on est une marque, pourquoi pas ?!
Enfin l'outil est encore en beta test et ça se voit. Il propose par exemple de suivre un compte inactif depuis plusieurs mois... Il reste donc du travail sur les algorithmes.
Commun.it est donc un outil Twitter avec une approche CRM très marquée. Marketeurs (poètes, humanistes et idéalistes, passez votre chemin vous allez déprimer !), si vous le souhaitez, Commun.it ma donné 20 invitations pour découvrir vous aussi cet outil. Merci de me contacter sur mon fil Twitter (par DM) ou par mail via ce blog.
