Le domaine du Web est désormais un secteur plus ouvert et concurrentiel que les autres. Adobe et Microsoft, malgré leurs efforts, ne sont pas les seuls à proposer des solutions logicielles efficaces. Profitez-en certaines sont encore gratuites, même si personne ne sait combien de temps elles le resteront…
logiciels
HTML et CSS
Quelques logiciels complémentaires capables de compléter Dreamweaver pour certaines options qu'il ne prend pas en charge ( l'animation JS, le prototypage ) ou le remplacer pour certaines tâches. Parfois pour une question de coût, parfois pour une question d'efficacité.
-
dreamweaver
éditeur HTML
Éditeur de code HTML et CSS, et plus si affinités, intégré à la suite Adobe. L'outil s'est modernisé et allégé avec l'intégration de Brackets comme base du logiciel. Intégration en natif d'EMMET, l'outil d'aide à la création de code.
-
brackets
éditeur HTML
Logiciel Open Source d'édition de code HTML et CSS et plus si besoin, racheté par Adobe pour moderniser le code de Dreamweaver. Adobe a fini par arrêter son soutien au projet. Brackets ne fonctionne donc plus, mais…
-
phoenix
éditeur HTML
Nouvelle version de Brackets libérée des contraintes Adobe. Outil gratuit multi plateformes d'édition de code HTML et CSS, développé et disponible en ligne. À suivre…
-
atom
éditeur HTML
Logiciel gratuit multi plateforme et multi langages racheté par Microsoft. Si vous avez accès à d'anciennes versions gardez-les précieuseent sur votre disque dur.
-
visual studio
éditeur HTML
Logiciel d'édition de code HTML et CSS de Microsoft, gratuit dans sa version basique. Microsoft vient d'annoncer, suite à plusieurs licenciements, la fin du développement de la version Mac pour fin 2024.
-
komodo edit
éditeur HTML
Logiciels d'édition de code, gratuit dans sa version EDIT basique destinée au HTML et aux CSS. Multi plateformes. Fonction d'aperçu intégrée.
-
blue griffon
éditeur HTML
Logiciel d'édition de code HTML et CSS de la fondation Mozilla, éditrice de Firefox. L'outil multi plateformes est payant pour utiliser les fonctions d'édition ePub. Interface en 64bits.
-
nova
éditeur HTML
Logiciel Mac payant d'édition de code HTML et CSS. Version modernisée de CODA. Outil puissant de codage; Une version iPad existe en complément.
-
solis
visualiseur
Logiciel Mac payant de visulaisation des pages Web responsive avec un éditeur intégré pour corriger le code HTML et CSS et en créer si vous voulez. Capable d'être couplé avec la plupart des éditeurs HTML.
-
pingendo
éditeur Bootstrap
Logiciel WYSIWYG de création Web basé sur BOOTSTRAP, bibliothèque CSS Open Source de Twitter destinée à unifier le développement des sites. Le version 4 est payante et permet d'éditer du code.
-
site designer
éditeur Bootstrap
Logiciel payant WYSIWYG basé sur BOOTSTRAP et les fonctions GRID et FLEX. Permet d'éditer le code HTML et CSS ou de travailler uniquement visuellement. On peut enrichir le soft avec des modules additionnels.
-
blocs
éditeur Bootstrap
Logiciel Mac et iPad payant basé sur BOOTSTRAP pour créer des sites et en éditer le code et enrichir le contenu avec des modules additionnels pour créer des templates WordPress ou gérer du e-commerce.
-
xd
prototypage
Logiciel multiplateformes de prototypage de la suite ADOBE. Outil simple si on connaît Illustrator et qu'on a des notions de création Web. Pratique pour s'initier sans acheter un autre logiciel. Désormais disparu…
-
figma
prototypage
Logiciel multiplateformes de prototypage, racheté par ADOBE pour 20 milliards de dollars. La version de base est gratuite, sinon il faut s'abonner. Une version prochaine prévoit de convertir le design en code et ajouter des modules…
-
sketch
prototypage
Le premier outil de prototypage à être sorti sur Mac pour les développeurs et les designeurs Web qui ne voulaient pas subir la complexité inutile de Photoshop au quotidien. Il offre des passerelles avec d'autres outils.
-
invision
prototypage
Outil en ligne de protypage avec des services gratuits ou payants. Le site publie aussi des aides au design. Il existe des passerelles avec d'autres outils et des options de collaboration sur le Cloud.
-
color
nuanciers
Outil de création en ligne d'ADOBE de gammes de couleurs pour des différents designs. Compatibilité des fichiers générés avec les logiciels de la suite. Color existe aussi dans beaucoup de logicels de la suite.
-
video converter
vidéo
Logiciel multiplateforme gratuit pour convertir tout type de vidéos dans des formats compatbiles avec les standards du Web. À vous de générer le code HTML pour les utiliser…
-
exhibeo
galerie JS
Logiciel Mac de création de galeries d'images et de carrousels plus ou moins complexes en JavaScript, intégrables dans les pages Web.
-
hype
animation JS
Logiciel Mac de création d'animations, de pages ou de WebApp avec JavaScript et HTML5. Il existe une version simple et une version Pro qui gère les interactions avec les écrans tactiles et le responsive design.
liens utiles
techniques Web
Des liens utiles pour se faciliter la création des codes HTML et CSS, pour mieux comprendre les interactions entre HTML et CSS et faciliter la création d'éléments plus complexes à gérer tels les dégradés de couleur, les polices ou les styles de caractère.
-
screen size
tailles des écrans
Site référençant les résolutions des différents écrans d'ordinateurs, de téléphones ou de tablettes. Essentiel pour ceux qui veulent gérer les fonctions Responsive de leur site.
-
can i use
règles usage CSS
Site référençant toutes les balises HTML et les fonctions CSS anciennes, actuelles ou à venir et de définir si leur usage est approprié ou non. Outil pour vérifier l'usage et la pertience d'une fonction.
-
HTML5 please
règles usage HTML
Site référençant l'utilisation de certaines balises HTML et certaines fonctions CSS à problème. Site avec une gestion plus graphique et efficace que le précédent.
-
CSS références
règles utilisation CSS
Site qui référence spécifiquement les fonctions CSS et qui propose des exemples de leur utilisation dans différentes situations.
-
ultimate CSS
générateur dégradés
Outil en ligne pour répondre simplement à la complexité de créaton des dégradés de couleurs sur le Web. Interface graphique proche des outils Microsoft et génération du code CSS à intégrer.
-
CSS3 factory
générateur dégradés
Outil en ligne pour répondre simplement à la complexité de créaton des dégradés de couleurs sur le Web. Interface graphique proche des outils Adobe et génération du code CSS à intégrer.
-
subtle patterns
générateur motifs
Bibliothèque gratuite de motifs au format PNG à intégrer avec "backgroung-image". Vous pouvez en voir des exemples en situation dans les différentes pages de Mood Design. Ils peuvent aussi servir d'inspiration à vos propres créations.
-
colour lovers
générateur motifs
Oups
Le lien ne fonctionne pas pour le moment. Si cela contiue, la référence sera enlevée du site. -
tartan maker
générateur tissus
Outil en ligne pour créer des motifs de tissus répétitifs et générer le fichier PNG à intégrer dans les pages Web.
-
stripes
générateur rayures
Outil en ligne pour créer des motifs à rayures répétitifs et générer le fichier PNG à intégrer dans les pages Web.
-
CSS triangle
générateur triangles
Outil en ligne pour créer des triangles et en générer le code CSS à intégrer dans vos pages Web.
-
favicon cc
générateur favicons
Outil en ligne pour dessiner au pixel à l'aide d'une grille des Favicons pour les pages Web.
-
web designer
google design
Outil multiplateforme Google pour générer des animations et de l'interactivité sur les pages Web. Destiné au départ à créer des animations pour les bandeaux de publicité.
-
google fonts
polices caractères
Site pour accéder gratuitement et utiliser les désormais 1562 polices Google, en famille nombreuse, solitaire, avec ou sans variables.
-
cloud convert
convertisseur fichiers
Site d'aide à la conversion de fichiers de tout type vers des formats compatibles Web.
liens utiles
prototypage
Des liens vers différents outils plus ou moins complexes, plus ou moins anciens et plus ou moins chers destinés essentiellement au protoytypage de pages Web ou d'applications. Vous pourrez ainsi vous faire une idée de la complexité des solutions proposées aux professionnels du monde du design Web.
-
html5 up
modèles HTML
Modèles de pages et de sites en HTML 5, CSS3 et adaptés au responsive. Personnalisables et gratuits.
-
craft
soft plugin
Outil de prototypage de INVISION adapté en plugin pour Photoshop et autres logiciels de retouches photo. Même s'il ne remplace pas un logiciel dédié, l'outil améliore les capacités de Photoshop en la matière.
-
axure
prototypage
Très ancien outil de prototypage toujours présent sur le marché. Dédié aux structures de design professionnelles. Nombreuses fonctionnalités dont la possibilité de partage en groupe. Payant.
-
sketch sheets
modèles pages
Modèles de "devices" à intégrer dans vos créations pour présenter vos designs sur différents modèles de téléphones, tablettes ou ordinateurs. 38Mo à charger en une fois. Formats Sketch, PDF et PNG. Gratuit.
-
marvel
prototypage
Outil de prototypage proche de la logique et des principes de FIGMA. Gratuit et payant pour le travail et le partage en équipe.
-
ud cube
gammes couleurs
Outil de création de gammes de couleurs à partir d'une roue chromatique ou à l'aide de valeurs numériques. Nombreuses options de gestion et de présentation. Exportation des gammes obtenues en ico pour Photoshop ou Illustrator.
-
solar system
exemple CSS
Exemple d'une utilisation poussée des CSS3 et de JavaScript avec la reproduction de notre système solaire animé et interactif. Très belle réalisation ludique.
-
hot gloo
prototypage
Outil de prototypage en ligne à être apparu rapidement quand l'ergonomie et le design ont commencé à poindre leur nez. Ses tarifs actuels le destine désormais plutôt aux entreprises.
-
mockflow
prototypage
Ancien outil de prototypage en ligne à être apparu rapidement quand l'ergonomie et le design ont commencé à poindre leur nez. Large palette de tarifs allant de la solution gratuite à celle adaptée aux entreprises.
-
indigo
prototypage
Infragistic est un acteur ancien du domaine du prototypage. Indigo crée des ponts entre le prototypage et le codage d'applications. Génère du code à partir du design. Tarfis en rapport avec ce qu'il propose.
-
balsamiq
prototypage
Autre acteur ancien du domaine ayant commencé avec des application sur iPad. Interface un peu ancienne qui peut plaire. Tarifs variables mais plus aucune solution gratuite.
-
justinmind
prototypage
Outil de prototypage en ligne à être apparu rapidement quand l'ergonomie et le design ont commencé à poindre leur nez. Tarifs raisonnables en plus d'une version gratuite.
-
excalidraw
prototypage
Mocking Bird ayant disparu vive cette nouvelle possibilité de prototypage gratuit en ligne. Il y a même des fonctions basiques de partage collaboratif.
-
UX pin
prototypage
Outil en ligne pour le prototypage de sites et d'applications, conseils de design et d'ergonomie.
-
ui stencils
prototypage
Des accessoires pour ceux qui veulent faire à la main les choses du web, pour que la pensée se libère des contraintes engendrées par les écrans.
-
velocitey
souvenir
Plugin de prototypage pour les versions de Photoshop CS. La version CC a rendu le plugin obsolète sans option le remplaçant. Gratuit.
Le lien ne s'ouvre plus depuis cet été.
liens utiles
CMS mailing
Voici un choix de quelques CMS pour créer des blogs, des sites ou faire du eCommerce et quelques outils de mailing parmi la multitude d'outils proposés sur le marché. Quoi que sera votre choix en la matière, avoir de solides connaissances en HTML et en CSS sera un plus indéniable. Pour aller plus loin, il vous faudra apprende le PHP.
-
ghost
CMS
Ancien plugin de WordPress basé sur Node-JS plutôt que PHP et utilisant le Markdown à la place des bases de données. Interface administrateur très performante. Puissant et ergonomique. Payant.
-
grav
CMS
Outil Markdown pour gérer le contenu sans bases de données. Basé sur PHP. Evolutions constantes. Nombreux thèmes et plugins. Installeur et interface administrateur simple. Gratuit.
-
october
CMS
CMS désormais basé sur la technologie Laravel PHP. Permet d'accéder au HTML pour modifier les pages. Installation plus complexe, donc plus orienté développeur. Version gratuite et payante.
-
typo3
CMS
CMS qui évolue plus vers une solution BtoB destiné aux entreprises. Orienté developpeurs et budgets entreprises. Payant.
-
word press
CMS
Le CMS dominant basé sur PHP et les bases de données. Beaucoup de thèmes et plugins pas toujours compatibles ensemble. Nécessite des connaissances HTML, CSS et PHP. Gratuit et payant.
-
drupal
CMS
CMS représentant le haut de gamme des CMS. Très complet en termes de fonctionnalités. Nécessite de très bonnes connaissances en PHP. Orienté développeur. Ne pas mettre entre toutes les mains. Gratuit.
-
joomla
CMS
CMS très en vogue il y a 15 ans. Il a aidé au développement des CMS, mais pas d'autonomie réelle sans connaissance PHP et HTML. Basé sur PHP et bses de données. Pas testé depuis longtemps. Gratuit.
-
WIX
CMS
Solution en ligne de création de sites Web par glisser-déposer. Fausse simplicité apparente, dépendance élevée à la marque. Payant avec de nombreuses formules.
-
dotclear
CMS
Le concurrent français de WordPress. Autonomie de création liée avec sa connaissance de PHP. Orienté développeur. Gratuit.
-
pico
CMS
Un des premiers CMS basé sur le Markdown pour les contenus. De nombreux thèmes et plugins. Peu d'évolution. Installation compliquée. Gratuit.
-
anchor
CMS
Outil sorti en 2011, pas d'évolution depuis 2016. Permet de comparer l'évolution des thèmes graphiques depuis 2011… Gratuit..
-
jekyll
CMS
Autre CMS ancien ayant introduit l'utilisation du Markdown. Orienté développeur avec PHP. Installation par ligne de code. Gratuit.
-
monstra
CMS
J'avoue avoir un peu oublié ce CMS que j'avais testé il y a longtemps, mais il existe toujours. Gratuit.
-
fork
CMS
Autre CMS que j'ai oublié, mais lui aussi existe toujours et a été mis à jour en août 2023. Gratuit.
-
mailchimp
mailing
Outil CRM en ligne de création de newsletters et de "mailing". Interface simple, la complexité liée aux nombres de contacts de votre base client. Tarfis variables.
-
sendi blue
mailing
Outil CRM de publication de newsletters et de mailing. Changement de nom (Brevo) pour indiquer changement de performances.
-
mail design365
mailing
Logiciel pour faire des emailings. Peut créer des modèles et se connecter aux comptes des CRM leadeurs du marché. Abonnement.
-
email designer
mailing
Logiciel pour créer des formulaires HTML. Génère le code à réutiliser dans une page. Utilise ses propores serveurs ou votre adresse Web pour la mise en ligne.
-
magento
ecommerce
L'outil ultime des CMS destiné au commerce en ligne. Il vient d'être racheté par Adobe (Adobe Commerce). Orienté développeur non débutant.
-
presta shop
ecommerce
Solution CMS d'e-Commerce qui adopte la technique du Glisser-Déposer. Plusieurs formules dont une gratuite.
-
shopify
ecommerce
Solution CMS d'e-Commerce plutôt simple si vous n'avez pas des milliers de références à gérer. Attention, payant avec abonnements multiples.
-
SPIP
CMS
Très ancien CMS. L'interface administrateur complexe, faible ergonomie, plutôt orienté developpeur. Mises à jour régulières. Gratuit.
-
publii
CMS
Logiciel Mac et PC d'édition de sites statiques avec CMS. Nombreuses options intégrées au fur et à mesure du développement. Gratuit.
-
leeflets
souvenir
CMS ancien disponible uniquement sur GitHub. Révolutionnaire en permettant d'éditer le contenu directement dans la page. Pas de mise à jour depuis 10 ans.
-
dropplets
souvenir
CMS ancien disponible uniquement sur GitHub. Révolutionnaire en permettant d'éditer le contenu directement dans la page. Mise à jour pour s'adapter aux nouvelles versions PHP.