jeudi 29 juin 2017

Brisez la glace en cas de nécessité !




Nouvelle rubrique sur « L’eusses-tu cru », le matériel de dessin - vitrine en cours d'aménagement !


Le papier étude


Par sa transparence, il s'apparente au papier calque, mais garde un avantage important, il est moins abbrasif pour le crayon. Il existe en deux variantes :
  • Papier spécial feutres, le papier marker, les encres ne le traversent pas;
  • Papier d’étude, le papier layout, essentiellement pour le crayon, accepte aussi certains feutres et les pinceaux.

Les blocs Daler-Rowney

Marker Pad
50 sheets 70gsm. Extra white, non-bleed paper designed for work with all types of marker pens. Coated to give streak-free large area coverage. Excellent transparency.
– A4  Code 403 425 400
– A3  Code 403 425 300
– A2  Code 403 425 200

Layout Pad
80 sheets 45gsm. Daler-Rowney Layout paper is a crisp lightweight illustration paper suitable for pencil and pen and ink artwork. A good practice paper for marker pen and calligraphy artists.
– A4  Code 403 030 400
– A3  Code 403 030 300
– A2  Code 403 030 200


D'autres marques existent, comme l'ancien Marker Pad Schoellershammer, mais il est souvent remplacé par des marques génériques. Les prix varient beaucoup et je vous invite à faire de nouvelles recherches sur internet et dans les magasins Beaux Arts.



Le papier technique Schoellershammer Duria / Durex glatt

Papier pour les plumes et grattage. Faute de site du fabricant, quelques adresses glanées avec Google :

http://www.oz-international.com/catalogue/dessin-graphisme/papiers-graphiques/papiers-techniques-schoellershammer/

https://www.amazon.fr/Marque-schoellershammer-duria-bloc-notes-feuilles/dp/B0040XKIVE/ref=sr_1_1?ie=UTF8&qid=1495107094&sr=8-1&keywords=schoellershammer









à suivre…

lundi 26 juin 2017

Le tableau, chef-d’œuvre du HTML !





Récapitulons !




Avec « Savez-vous parler le web, à la mode de chez nous ? » (https://l-eusses-tu-cru.blogspot.fr/2017/06/savez-vous-parler-le-web-la-mode-de.html), nous avons survolé le langage HTML. C’est un langage de balises, chaque élément qui le constitue (avec quelques exceptions), se retrouve entre une balise ouvrante et une fermante.




Conteneurs génériques et blocs sémantiques


La mise en page de type web, s’apparente à la mise en page papier. Pour organiser et structurer une page web, nous avons besoin de conteneurs. Le plus courant est le paragraphe <p>…</p>, nous l’avons déjà rencontré dans notre article précédent.
Si le paragraphe, comme contenu, est une section de texte en prose (https://fr.wikipedia.org/wiki/Paragraphe), avec des attributs de fonte, de taille, couleur, de graisse, de mise en exergue, il est aussi un conteneur, un bloc, qui a des dimensions, une couleur de fond, ou une image de fond, un contour avec épaisseur et couleur, un espace de retrait du texte vers l’intérieur, ou contraire à l’extérieur, pour repousser un texte qui l’habille, il peut avoir une ombre etc.  Il est aussi le plus petit des conteneurs de type bloc, il ne peut contenir un autre bloc, (en principe, nous reviendrons…) Par contre, il peut inclure un autre conteneur de type en ligne,  aux caractéristiques différentes du reste du contenu du paragraphe, c’est le span, <span>…</span>.

Un autre conteneur générique est le div, <div>…</div>. Il est de type bloc, car c’est un groupe de blocs, de paragraphes, ou d’autres div. Avec le HTML 5, le bloc div doit servir en dernier recours, les blocs génériques sont remplacés par des blocs sémantiques :

  • L’article <article>…</article>
  • L’aparté <aside>…</aside>
  • La section <section>…</section>
  • La navigation <nav>…</nav> qui regroupe les liens de navigation (le menu)
  • L’entête <header>…</header>
  • Le pied de page <footer>…</footer>



Les tableaux


En dehors de ces blocs il en existe un particulier et ancien, le tableau <table>…</table>. À l’origine du HTML, il servait à présenter simplement des données sous forme de tableau, d’une manière plus flexible que le texte brut.

Le tableau est balisé par <table>…</table>, à l’intérieur nous trouvons des rangées <tr>…</tr>, qui contiennent des cellules, des datas <td>…</td>. D’autres balises complètent depuis le tableau, comme caption, pour le légender :


<table align="center" cellpadding="25" cellspacing="10" style="background: white;">
  <caption>
    <div style="background: red; color: white; padding: 5px;">
      <strong>Titre de mon beau tableau</strong>
    </div>
  </caption>
  <tbody>
    <tr>
      <td style="background: MistyRose;">case 1</td>
      <td style="background: Lavender;">case 2</td>
      <td style="background: Gainsboro;">case 3</td>
    </tr>
    <tr>
      <td style="background: lime;">case 4</td>
      <td style="background: AquaMarine;">case 5</td>
      <td style="background: Silver;">case 6</td>
    </tr>
    <tr>
      <td style="background: Silver;">case 7</td>
      <td style="background: pink;">case 8</td>
      <td style="background: Gold;">case 9</td>
    </tr>
    <tr>
      <td style="background: Aqua;">case 10</td>
      <td style="background: Plum;">case 11</td>
      <td style="background: lime;">case 12</td>
    </tr>
  </tbody>
</table>



Voici le résultat de ce fragment de code HTML, interprété par un navigateur. Un titre, des strips avec des cases, on dirait bien une bande dessinée :


Titre de mon beau tableau
case 1 case 2 case 3
case 4 case 5 case 6
case 7 case 8 case 9
case 10 case 11 case 12


Tableaux et mise en page

Pendant longtemps au cours de son histoire, le tableau HTML a montré des possibilité de mise en page. Cette possibilité est bannie aujourd’hui par la recommandation HTML5 : les tableaux ne doivent pas être utilisés comme des moyens de mise en page.






À suivre, le HTML s’habille avec style…

jeudi 22 juin 2017

Oskar Fischinger




Oskar Fischinger


Oskar Fischinger, né le 22 juin 1900 à Gelnhausen (Hesse) et mort le 31 janvier 1967 à Los Angeles (Californie), est un peintre et un réalisateur de cinéma d'animation allemand.
Il réalise notamment dans les années 1920 et 1930 des films abstraits d'animation en volume à base de pâte à modeler. Avec Fantasia, Walt Disney s'inspire en partie de son travail.

























Dracula, enfin du moderne !




Une série Dracula par les créateurs de Sherlock

Par Corentin Palanchini et Clément Cuyer — 20 juin 2017

Les créateurs de "Sherlock", Mark Gatiss et Steven Moffat, développent une série sur le personnage de Dracula, suivant le même "format" que le show du détective du 221B Baker Street.
Après les maux de Sherlock Holmes, les pulsions de Dracula ! Selon Variety (http://variety.com/2017/tv/news/sherlock-team-reuniting-for-dracula-series-1202472312/), Mark Gatiss et Steven Moffat développent une série basée sur le roman de Bram Stoker publié en 1897. Le personnage du célèbre comte Dracula, vampire notoire, a été interprété de nombreuses fois au cinéma.




mardi 20 juin 2017

Sans queue, ni tête…




Transplantation de tête : « Il est peu probable que le patient survive »

Elena Sender | Le 19.05.2017

La première transplantation de tête aura-elle lieu en décembre 2017 ? C’est en tout cas l’annonce tonitruante qu’a faite le neurochirurgien italien Sergio Canavero sur son tout nouveau site web (https://www.ooom.com/digital/sergio-canavero/) qui assure sa promotion. Il affirme que l’intervention sera pratiquée par son confrère chinois Ren Xiaoping de l’Université médicale de Harbin (Chine) qui rendrait publique la procédure d’ici deux mois (donc à l'été 2017). Est-ce réaliste et surtout raisonnable en l’état actuel des connaissances ?






Cinq fois Asimov, c’est du génie !




Les cinq commandements d’Isaac Asimov pour trouver une idée géniale

Robin Prudent | 21 octobre 2014

En 1959, l’écrivain de science-fiction Isaac Asimov avait participé à des recherches collectives à propos d’un bouclier antimissile pour l’armée américaine. C’est son ami, le scientifique Arthur Obermayer, qui l’avait invité à se joindre à des sessions de réflexions autour du projet militaire de l’Agence pour les projets de recherche avancée de défense (Darpa).






Rakka oats oats oats, de la bonne SF !




Rakka, le nouveau court SF de Neill Blompkamp, est à voir ici !

Charles Martin | 15/06/2017

Le cinéaste Neill Blomkamp (District 9, Elysium, Chappie) vient de dévoiler le tout premier "épisode" de son Oats Studios. Un court métrage de 20 minutes, intitulé Rakka, avec Sigourney Weaver en vedette, que vous pouvez voir gratuitement ci-dessous.
L'histoire se déroule en 2020. La Terre a été envahie par d'affreux aliens, des lézards géants, capables de contrôler l'esprit humain. Ils construisent aussi d'énormes tours, qui ont vocation à changer l'atmosphère de la planète, provoquant des catastrophes et rendant l'air de plus en plus irrespirable pour l'Homme. La résistance s'organise tant bien que mal...







vendredi 16 juin 2017

Savez-vous parler le web*, à la mode de chez nous ?




*Web - World Wide Web


Le World Wide Web (WWW), littéralement la « toile (d’araignée) mondiale », communément appelé le Web, et parfois la Toile, est un système hypertexte public fonctionnant sur Internet. Le Web permet de consulter, avec un navigateur, des pages accessibles sur des sites. L’image de la toile d’araignée vient des hyperliens qui lient les pages web entre elles.



HTML - HyperText Markup Language


HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l’hypertexte (https://fr.m.wikipedia.org/wiki/Hypertexte). Un hypertexte est un document ou un ensemble de documents contenant des section liées entre elles par des hyperliens (comme celui-ci https://fr.wikipedia.org/wiki/Hyperlien).


Structure d'un document HTML


Un document html est organisé à l’aide de balises ouvrantes (<html>, <head>, <body>) et de balises fermantes (</html>, </head>, </body>), qui indiquent où commencent et finissent chaque élément, comme l’élément document html (ou racine), l’élément d’en-tête, ou l’élément corps du document.

Lire plus sur les éléments html https://fr.wikipedia.org/wiki/Élément_HTML

Balises du document html, de l’en-tête et du corps du document

Voici à quoi ressemble un document html très simple :


<!DOCTYPE html><!--Note explicative, qui n’est pas lue par le navigateur et qui indique une déclaration du type de document de la page html-->

<html>

  <head>
    <title>Le HTML à la mode de chez nous</title><!--Titre dans la barre du navigateur-->
    <meta charset="utf-8" /><!--Encodage des caractères pour toutes les langues-->
  </head>

  <body>
  HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l'hypertexte.
    <p>Un <a href="https://fr.m.wikipedia.org/wiki/Hypertexte">hypertexte</a> est un document ou un ensemble de documents contenant des unités d'information liées entre elles par des hyperliens.
    </p>
  </body>

</html>



Vous remarquez qu’il contient d’autres éléments, comme le titre du document, qui est affiché dans la barre haute de la page du navigateur (<title> et </title>), le paragraphe, qui organise le corps du texte (<p> et </p>) et l’hyperlien, qui permet de sauter à une autre section, ou un autre document (<a> et </a>). Il y a une balise meta auto-fermante (<meta />), celle-ci indique un encodage des caractères qui permet d’écrire un texte avec des accents, dans presque toutes les langues. Enfin, la balise commentaire (<!--note explicative-->), elle n’est pas affiché par le navigateur et sert de repère pour ceux qui fabriquent les documents html.

Vous pouvez copier et coller le texte inscrit dans le pavé gris clair au dessus dans un nouveau document au format texte brut (.txt, https://fr.wikipedia.org/wiki/Fichier_texte). Vous changez ensuite l’extension .txt en .htm, ou .html et vous l’ouvrez avec un navigateur.

Dans le navigateur votre page devrait avoir pour titre « Le HTML à la mode de chez nous » et afficher :


HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l'hypertexte.
Un hypertexte est un document ou un ensemble de documents contenant des unités d'information liées entre elles par des hyperliens.



Des questions, avant de revenir et d’aller plus loin ?



à suivre…
Les tableaux, quand le html fait de la BD !


jeudi 15 juin 2017

5th Scream




Concours Adobe

Les Trésors cachés de la créativité.

Du 15 juin (aujourd'hui donc) au 14 juillet, Adobe organise un concours, mais pas n'importe lequel. En effet, en collaboration avec le musée Munch d'Oslo et le célèbre créateur de brosses Photoshop Kyle T. Webster, Adobe a créé une réplique digitale de sept pinceaux originaux de Munch avant de les mettre à la disposition des utilisateurs de Photoshop du monde entier. Oui oui vous avez bien lu, les VRAIS pinceaux de Munch numérisés pour vous.


Gif, gif, hurrah !




Le gif a 30 ans, son histoire résumée en 30 gifs

Gregory Rozieres | 15/06/2017

Le 15 juin 1987, il y a 30 ans tout juste, CompuServe dévoilait un nouveau format de fichier d'image : le gif https://www.w3.org/Graphics/GIF/spec-gif87.txt. Évidemment, à l'époque, la société ne pensait pas que ce bête système de compression permettant d'échanger des images par internet allait s'ériger en base de la culture web.







mercredi 14 juin 2017

Creepy, py, hurrah !




“Creepy” : Kiyoshi Kurosawa nous terrifie avec brio

Samuel Douhaire | 14/06/2017

Grièvement blessé lors d'une prise d'otages dans un commissariat, l'inspecteur Takakura a quitté la police pour devenir professeur de criminologie, spécialisé dans les meurtres en série. Alors que ses anciens collègues viennent le consulter dans le cadre d'une enquête sur des disparitions, sa femme fait la connaissance de leurs nouveaux voisins : une jeune fille un peu craintive et son père, un petit bonhomme maladroit, aux plaisanteries douteuses et aux réactions bizarres...







lundi 12 juin 2017

Jamais deux sans trois, Pif sot !







Les bêtises d'Hercule - et de deux !




Bientôt, chaque "like" sur Facebook vous coûtera 10 centimes

Louis San | 24/11/2016

Ça a marché, vous avez cliqué ! Autant vous prévenir tout de suite, le titre de cet article est 100% faux. Pourtant, ça ne l'empêcherait sans doute pas d'être abondamment partagé sur les réseaux sociaux. Après l'élection de Donald Trump, une polémique a éclaté sur l'influence des informations fantaisistes circulant en ligne. "Je pense qu'il est à la Maison Blanche à cause de moi", s'est ainsi flagellé Paul Horner, 38 ans, créateur de faux sites d'information. Il pense avoir influencé l'opinion de millions d'Américains avec ses articles inventés de toutes pièces et relayés sur les réseaux sociaux.






Les bêtises d'Hercule




Acheté dans un vide-grenier pour 10 livres, un diamant est finalement vendu aux enchères 657 000 livres


Il est surnommé le "Tenner", du nom du billet de 10 livres au Royaume-Uni. Un diamant de 26,27 carats a été adjugé pour la somme de 656 750 livres (756 576 euros), lors d'une vente aux enchères organisée par Sotheby's à Londres. Or, ce diamant avait d'abord été acheté 10 livres (11,50 euros) dans un vide-grenier, pendant les années 1980, rapporte The Guardian (en anglais https://www.theguardian.com/uk-news/2017/jun/07/diamond-ring-bought-for-10-at-car-boot-sale-goes-for-657000), mercredi 7 juin.





Pluie de saint Guy, c'est tout l'an qui rit


https://fr.m.wikipedia.org/wiki/12_juin#Traditions_et_superstitions


Guy Lebleu : journaliste à Radio Luxembourg

Henri Filippini | 10 juin 2017


Il n’y a pas si longtemps, Radio Luxembourg (aujourd’hui RTL) comptait 10 millions d’auditeurs qui écoutaient, l’oreille rivée au poste de radio, les informations de la mi-journée. Dès son premier numéro, l’hebdomadaire Pilote fit appel aux journalistes et animateurs de la station luxembourgeoise. De là à imaginer un journaliste fictif parcourant le monde il n’y avait qu’un pas, allègrement franchi par le génial scénariste Jean-Michel Charlier !



Guy Lebleu naît en octobre 1961, dans les pages de l’hebdomadaire Pilote. Reporter débutant, il travaille aux côtés des véritables journalistes de l’émission d’information de Radio Luxembourg : « Dix millions d’auditeurs » (d’où le titre d’origine de la série « Allô ! D.M.A »). Jean-Michel Charlier, rédacteur en chef de Pilote et déjà auteur de plusieurs séries (« Le Démon des Caraïbes », « Michel Tanguy »), crée ce personnage dans l’esprit du « Marc Dacier » qu’il a imaginé peu avant pour Spirou. Au dessin, Raymond Poïvet : l’un des plus grands créateurs d’après-guerre (« Les Pionniers de l’Espérance ») campe l’intrépide journaliste : voir Raymond Poïvet (1ère partie http://bdzoom.com/54303/patrimoine/raymond-poivet-1ere-partie/) et Raymond Poïvet (2ème partie http://bdzoom.com/54634/patrimoine/raymond-poivet-2eme-partie/).




« Guy Lebleu T3 : Les Pirates de la nuit » par Raymond Poïvet et Jean-Michel Charlier
Éditions Fordis Patrimoine — www.fordisbooksandpictures.fr — (23 €) — EAN : 9 791 095 720 027



mardi 6 juin 2017

Les pipoles du jour




Les jumeaux de George et Amal Clooney sont nés

06/06/2017

George Clooney et son épouse Amal sont parents depuis ce 6 juin. Ils sont les parents de jumeaux, selon une information de E Online, relayée par d'autres médias américains dont le très influent TMZ.
« Ce matin, Amal et George Clooney ont accueilli Ella et Alexander Clooney dans leur vie. Ella, Alexander et Amal sont en pleine forme et heureux. George est encore sous sédatif et devrait récupérer d'ici quelques jours », a plaisanté un porte-parole de George Clooney.







La suite, le 28 juin, dans Pif Gadget…