Ouvrir le menu principal

MacGeneration

Recherche

Scarlet : un nouvel outil de design pour les sites web

Nicolas Furno

mercredi 17 juin 2015 à 10:55 • 11

Logiciels

La majorité des designers qui travaillent sur l’interface d’un site internet utilisent Photoshop ou un outil équivalent. Ces logiciels fonctionnent parfaitement dans cette optique, mais ils n’ont pas été conçus pour le web. Ils nécessitent parfois plus de travail pour générer le bon format nécessaire sur le web, et ils ne tiennent pas compte des fonctions offertes par les navigateurs modernes, comme les animations en CSS3.

Scarlet est un nouveau logiciel de Macaw, entreprise qui avait créé un éditeur du site web du même nom (lire : Macaw, un éditeur de sites qui produit un code propre). Ce dernier va devenir Indigo pour former une gamme complète : Scarlet se charge de design et peut générer le code final d’un site, son prédécesseur est plutôt dédié à la création de prototypes. À l’arrivée, l’un comme l’autre peuvent produire du code prêt à être mis en ligne, mais ce nouveau venu fait bien mieux en matière de design.

Cliquer pour agrandir

Son interface est assez proche dans l’esprit de tous les autres logiciels de traitement d’images ou de design, avec une barre latérale qui concentre l’essentiel des contrôles. On peut organiser les éléments qui composent chaque page web avec des calques, mais Scarlet a aussi quelques avantages a faire valoir. Chaque calque, par exemple, correspond en fait à une classe ou à un identifiant de la page web. Tout est géré en CSS, avec des animations qui exploitent les dernières avancées en la matière.

Par ailleurs, Scarlet intègre en son sein la gestion des largeurs différentes et propose une interface spécifique aux media-queries. De quoi faciliter les designs qui changent en fonction de l’appareil utilisé pour afficher le site, puisque l’on peut visualiser le rendu sur n’importe quelle taille en un clic. On peut aussi compter sur une représentation de la « profondeur » de la page en trois dimensions. Quand vous superposez des éléments, un mode permet de les afficher les uns sur les autres sur le côté, et ainsi d’accéder plus rapidement à un objet à l’arrière-plan.

Scarlet se présente comme un éditeur WYSIWYG, mais derrière l’interface, tout se fait en HTML, CSS3 et JS. Et ses concepteurs préviennent : on peut l’utiliser sans coder, mais cet outil est fait pour simplifier la création du site et mieux vaut connaître un minimum les langages utilisés. D’ailleurs, on a accès à tout moment au code sous-jacent et on peut le modifier librement. Mieux, le logiciel peut ouvrir n’importe quelle page existante et la modifier ensuite avec ses propres outils.

Le dernier logiciel de Macaw n’est pas encore commercialisé, mais on peut s’inscrire sur le site officiel pour recevoir un mail quand Scarlet sera disponible. Son prix n’est pas connu, mais à titre indicatif, l’éditeur vendait son précédent logiciel 179 $ et on peut compter sur un prix tout aussi élevé. Si vous aviez une licence de Macaw Indigo, vous aurez une réduction pour ce nouveau venu, qui sera d’abord disponible uniquement sur OS X, mais que l’on pourra aussi utiliser à terme sur Windows.

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Google : NotebookLM génère des podcasts en français à partir de vos documents

30/04/2025 à 16:24

• 14


Raycast arrive sur l’iPhone, essentiellement pour les fonctions liées à l’IA

30/04/2025 à 15:06

• 2


French Days : CyberGhost, le meilleur VPN pour Mac à 2,03 € par mois (et franchement, vous auriez tort de vous en priver) 📍

30/04/2025 à 13:47

• 0


Free Pro passe à 8 Gb/s en symétrique pour tous les clients, mêmes les anciens

30/04/2025 à 13:30

• 17


Voler une voiture ? Jamais ! Utiliser une police sans autorisation sur des DVD ? Toujours

30/04/2025 à 12:34

• 36


Starlink offre l'antenne dans certains pays si vous vous engagez pour un an

30/04/2025 à 11:45

• 47


B&You ajoute des frais de résiliation sur tous ses forfaits

30/04/2025 à 11:28

• 60


Un prix canon sur les iPad Air M3 : 530 € (-189 €) ! L'iPad Pro M4 à 899,99 € !

30/04/2025 à 09:00

• 13


Synology : la liste des disques durs compatibles avec sa nouvelle gamme de NAS est encore vide

30/04/2025 à 08:22

• 42


Tim Cook attendrait des « bras robotisés » pour produire l’iPhone aux États-Unis, selon le gouvernement américain

30/04/2025 à 07:48

• 29


MacBook Air M4 : la chute des prix se poursuit sur ce nouvel incontournable 🆕

30/04/2025 à 07:02

• 43


Encore un problème technique sur l’offre B&You Pure fibre : les 8 Gbit/s normalement de retour

29/04/2025 à 21:00

• 15


IBAN, nom, adresse, sites de plus en plus crédibles : méfiez-vous du phishing

29/04/2025 à 19:30

• 38


Orange TV sur Apple TV : l’opérateur élargit l’accès gratuit à son service… un peu trop

29/04/2025 à 18:39

• 25


Amazon n'affichera pas sur son site le coût des droits de douane de l'administration Trump 🆕

29/04/2025 à 16:54

• 8


Les Mac Pro Intel, des boîtes aux lettres majuscules

29/04/2025 à 15:15

• 24