Vidéos

Mardi 15 octobre 2019 est un grand jour. Je suis passé sur Catalina, j’ai donc abandonné le 32bits, et ma vieille suite Adobe CS5…

Mais avec quoi remplacer DreamWeaver, Flash, Bridge, Fireworks, Illustrator, InDesign, Photoshop, Première, Acrobat???

De nombreux outils et services sont disponibles depuis quelques années déjà dans nos navigateurs, que nous ignorons parfois. Nous les appelons couramment les API du HTML5 (mais c’est principalement du Javascript).

Cette nouvelle série de Vidéos sur YouTube ambitionne d’expérimenter ces API, de vous les faire découvrir…

L’objectif d’un Framework CSS est de fournir une collection de classes prêtes à l’emploi, facilitant le démarrage d’un projet web ou mobile.

Il en existe tellement, certains très répandus d’autres un peu moins, qu’une petite étude comparative ne me parait pas inutile…

J’en ai retenu 9, sélection fort incomplète mais qui permet toutefois d’y voir un peu plus clair.

Si la réalisation d’un jeu de l’oie pour enfant se fait facilement au crayon (avec l’enfant), Inkscape peut vous aider à le faire de façon plus rigoureuse, et très facilement grâce à la fonction « Motif le long d’un chemin ».

D’ailleurs, pourquoi ne pas envisager de ne faire que la piste, et laisser l’enfant la colorier?

Petit tour des CSS, côté programmation. On y parle de sélecteurs (before, after, lang…) et de fonctions (counter, attr, calc…). Et bien sur des variables, des medias queries.

Avec quelques petits coeurs en Bonus!

A la découverte du format SVG et de son utilisation dans une page web.

Au programme: intégration, viewbox, dessin, groupe, animation, interaction, DOM (css, javascript)…

Canvas est la balise qui permet, à l’aide de JavaScript, de programmer des dessins, des animations.

Petit tour: mise en place, rectangles, chemins, courbes de Bézier, arc de cercles, textes, images, transformations…

Souvent demandé, voici un petit tuto de prise en main de Netbeans.

On y aborde: l’interface, quelques avantages par rapport à un « simple » éditeur de texte (fut-il sublime dans le principe…), la notion de projet, y compris la mise en ligne intégrée.

Qui n’a pas rêvé de se simplifier la vie d’intégrateur html/css en automatisant les tâches répétitives?

SASS est la solution!

Petit tutoriel vidéo, d’une heure environ, sur SASS en français.

Le Markdown est un langage de balisage léger, utilisé par de nombreuses plateformes (GitHub / BitBucket) entre autre pour les fichiers README.md ou les Wiki documentant vos projets…

Petit tour rapide, plein de *, de _ et de #