Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #h
  • #ht
RSS: #html

#html

  • #html5
  • #html11
  • #html_game
  • #html_css_tutorial_training_clevermarks
  • #html2print
  • #html/css/js
  • #htmlentities
  • #html-minifier
  • #htmlspecialchars
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 625
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 5/03/2021
    3
    @jeanmarie
    @monolecte
    @tofulm
    3

    HTML Sectioning Elements : ARIA Landmarks Example
    ▻https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html

    Correspondance des attributs HTML « role » avec les balises de sectionnement (main, nav, header, footer, aside)

    #HTML5 #role #attribut_html #balise_sectionnement #aria

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @monolecte
    Agnès Maillard @monolecte CC BY-NC-SA 2/03/2021
    3
    @rastapopoulos
    @biggrizzly
    @marcimat
    3

    Dans les recoins de la double page (Paged.js à la maison, saison 2) | Polylogue
    ▻https://polylogue.org/apres-la-page-la-double-page

    XML est très intéressant, mais s’articule avec des outils d’écriture (traitement de texte, notamment). Or on ne peut faire abstraction de l’aspiration à sortir des traitements de texte, de la multiplication d’outils alternatifs. Inspiré par le html et aussi par les langages de balisage léger, comme Markdown (qui permet de constituer une structure simple de html standard sans avoir à subir visuellement le code, et a été créé pour faciliter l’écriture, ce qu’on appelle le flow, d’un blogueur), je me suis demandé si on ne pourrait pas utiliser le flux html + css pour faire le livre, mais également, pour proposer des modalités d’écriture et d’inclusion de l’auteur et du designer dans un processus éditorial.

    Il ne s’agit pas d’automatiser la mise en page, c’est un point sur lequel j’insiste, car les flux html + css ont tendance à faire fantasmer certains éditeurs qui se disent qu’ils vont pouvoir automatiser d’avantage, voire se passer de compositeur. À eux je souhaite bonne chance, surtout s’ils sont un minimum exigeants sur la qualité de composition. Non, c’est une autre manière de composer, tout comme markdown offre une autre manière d’écrire que Word, l’idée restant de fournir au compositeur une palette suffisamment complète pour lui permettre de bien travailler. Les gens, leurs savoir-faire ont toute leur place, et il s’agit plutôt de leur proposer une palette alternative suffisamment complète pour qu’ils et elles puissent s’exprimer.

    Agnès Maillard @monolecte CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/03/2021

      #intégration #web #livre #print #CSS #HTML #composition #édition #PAO #paged.js (je me souviens jamais des tags que je mets pour la PAO en mode web CSS, ya plusieurs seens là dessus déjà)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 2/03/2021

      Je suis comme toi  : #Web_design  ?

      Agnès Maillard @monolecte CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/03/2021

      J’avais bien mis tous les bons, manquait juste #impression :)
      Cf :
      ►https://seenthis.net/messages/742687
      ►https://seenthis.net/messages/734575

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 22/02/2021
    7
    @02myseenthis01
    @jeanmarie
    @monolecte
    @ericw
    @bouts
    @7h36
    @alexcorp
    7
    @drbouvierleduc @smellup

    artf/grapesjs : Free and Open source Web Builder Framework. Next generation tool for building templates without coding
    ▻https://github.com/artf/grapesjs

    Un framework de templating par interface, mais autonome, pas propre à un CMS (comme Gutemberg ou autre). Ça peut servir à faire un CMS complet. Mais ça pourrait servir à faire aussi juste un logiciel de maquettage rapide aussi, mais… qui produit du HTML/CSS responsive du coup. Comme Bootstrap Studio, sauf que c’est en web et libre là… (vraiment ça fait tout pareil que bootstrap studio quasiment).

    Peu aussi être inspirant pour les systèmes de blocs configurables, d’interface pour construire une page par blocs.

    GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates.

    https://camo.githubusercontent.com/5dfc304c04a6cc50240d2afb6288f79e1a15afa5c9a04ca65aeb344e18f39153/687474703a2f2f6772617065736a732e636f6d2f696d672f6772617065736a732d66726f6e742d706167652d6d2e6a7067#.jpg

    #template #maquette #interface #blocs #HTML #CSS #responsive
    ping @drbouvierleduc @smellup

    RastaPopoulos @rastapopoulos CC BY-NC
    • @alexcorp
      alexcorp @alexcorp CC BY-NC 23/02/2021

      Super outil, complètement personnalisable et qu’on peut utiliser pour plein de situations. On est en train de le mettre en place dans une appli web pour la partie éditoriale/marketing, comme ça on va contenter nos collègues qui sont habitués au confort de Wordpress (Gutemberg donc), qui est super bien foutu à ce niveau.

      alexcorp @alexcorp CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/02/2021

      merci pour le retour :)

      bon ça reste que pour enregistrer du HTML directement… il me semble que dans son genre Gutemberg fait mieux (même si très lié à WP donc difficile d’utiliser ailleurs) : ça sérialise des paramètres, qu’eux mettent à plat avec leur format (des commentaires HTML avec du JSON) mais qu’on pourrait parfaitement décider d’enregistrer comme on veut + des styles CSS générés (avec un id unique pour chaque bloc). Et du coup ça peut possiblement générer autre chose que du HTML ou ça peut être personnaliser (si jamais pour un bloc ayant tel sens, on voudrait que ce soit pas « div » mais « section » ou « blockquote » un autre jour ou dans tel autre contexte qu’une page web).

      Enfin bon c’est très intéressant à creuser quand même. Ne serait-ce que pour faire du maquettage rapide (mais est-ce qu’il existe un vrai logiciel qui utilise déjà cette lib pour faire ça ? ou même pour éditer des pages en général tout court, que ce soit maquette ou vraie page… un frontpage moderne en webapp quoi)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @alexcorp
      alexcorp @alexcorp CC BY-NC 23/02/2021

      Oui le souci de Gutemberg c’est qu’il faut sortir de wordpress. On a cherché plusieurs outils pour faire le même taf (sans tout redévelopper) et GrapesJS est ce qu’on a trouvé de mieux, même si c’est pas tout à fait ce pour quoi il est prévu à la base. On a adapté ça avec notre CSS custom et donc en quelques instants on peut construire une page assez librement tout en étant contraint par notre design system.

      Pour le maquettage pur sinon, il y a Penpot qui vient de sortir : ►https://penpot.app

      alexcorp @alexcorp CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/02/2021

      oui déjà signalé ici :) ►https://seenthis.net/messages/900030

      Mais justement Penpot ne produit PAS du HTML CSS responsive mais des SVG, de l’image… Alors que c’est tout l’intérêt de maquetter directement en HTML, c’est de base responsive, mobile first, etc. (ce que fait Bootstrap Studio, mais dans un soft pas libre, et pas collaboratif, pas non plus versionnable avec git, etc)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @alexcorp
      alexcorp @alexcorp CC BY-NC 23/02/2021

      Clairement oui, le but premier de GrapesJS c’est de pouvoir maquetter directement en HTML+CSS, après je l’ai pas utilisé dans cette optique et je sais pas ce que ça vaut par rapport à Bootstrap Studio (pas utilisé non plus).

      alexcorp @alexcorp CC BY-NC
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 9/02/2021
    2
    @monolecte
    @spip
    2

    #HTML5UP Spectral v2 pour #SPIP

    (ré-)Adaptation pour SPIP du squelette « Spectral » de html5up

    ▻https://contrib.spip.net/HTML5UP-Spectral-v2

    https://pbs.twimg.com/media/EtxWzmgWYAIbTQC.jpg https://pbs.twimg.com/media/EtxW0sUXEAEvERy.jpg

    #SPIP_blog #intégration

    jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 9/02/2021

      merci pour le tag :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 17/01/2021
    3
    @spip
    @monolecte
    @vlentz
    3

    #HTML5up Escape Velocity pour #SPIP

    Adaptation pour SPIP du squelette « ESCAPE VELOCITY » de html5up

    ▻https://contrib.spip.net/HTML5up-Escape-Velocity

    https://contrib.spip.net/IMG/jpg/screenshot_2020-10-14_escape_velocity_by_html5_up.jpg https://contrib.spip.net/IMG/jpg/screenshot_2020-10-14_no_sidebar_-_escape_velocity_by_html5_up.jpg

    #SPIP_blog #intégration

    jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/01/2021

      merci pour le tag mignon :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 3/12/2020
    2
    @rastapopoulos
    @baroug
    2

    Tous les articles sur le Calendrier de l’Avent du Web sont très bien mais celui sur les formulaires est parfait, et devrait être lu par tous les développeurs Web :

    ▻https://www.24joursdeweb.fr/2020/l-homme-qui-hululait-a-l-oreille-des-formulaires

    #HTML #formulaire #contrôle_des_données_en_entrée

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/12/2020

      #ergonomie #conception #web #UX

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 19/09/2020
    6
    @02myseenthis01
    @biggrizzly
    @grommeleur
    @gblin
    @touti
    @7h36
    6

    Une de ces bien belles histoires dont la Silicon Valley a le secret.

    ▻https://www.franceinter.fr/emissions/histoires-economiques/histoires-economiques-17-septembre-2020

    J’espère qu’Hollywood en fera un film.

    #Nikola

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @stephane
      Stéphane Bortzmeyer @stephane CC BY-SA 19/09/2020

      Les gens qui font de l’#HTML apprécieront ces déclarations du patron de Nikola « The entire infotainment system is a HTML 5 super computer," Milton said. "That’s the standard language for computer programmers around the world, so using it let’s us build our own chips. And HTML 5 is very secure. »

      ▻https://www.truckinginfo.com/330475/whats-behind-the-grille-of-the-new-nikola-hydrogen-electric-truck

      Stéphane Bortzmeyer @stephane CC BY-SA
    • @touti
      touti @touti 19/09/2020

      #mdr
      #supercherie

      A l’été, Nikola valait près de 30 milliards d’euros : plus que Ford, que Hyundai, que Fiat Chrysler. Beaucoup plus que PSA ou Renault ! Avec une particularité : elle n’avait encore produit aucun véhicule. Seulement deux prototypes de camion à l’hydrogène. C’était juste une promesse.

      touti @touti
    Écrire un commentaire

  • @framasoft
    Framasoft.org @framasoft CC BY 24/08/2020
    7
    @biggrizzly
    @monolecte
    @stephane
    @touti
    @7h36
    @sombre
    @alexcorp
    7

    Pour une page #Web qui dure 10 ans ?
    ▻https://framablog.org/2020/08/24/pour-une-page-web-qui-dure-10-ans

    Des #pages web légères et moins gourmandes en ressources, du « low-tech » c’est plus écologique probablement, mais c’est aussi une des conditions pour rendre durables des #contenus qui ont une fâcheuse tendance à se volatiliser… Jeff Huang est professeur d’informatique et … Lire la suite­­

    #Autonomie_numérique #archivage #CSS #HTML #Images #marque-pages #pérennité #URL

    Framasoft.org @framasoft CC BY
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 24/08/2020

      Où je découvre GoAccess... va falloir aller tester ça... sur SeenThis par exemple ? :-)
      ▻https://goaccess.io

      GoAccess is an open source real-time web log analyzer and interactive viewer that runs in a terminal in *nix systems or through your browser.

      It provides fast and valuable HTTP statistics for system administrators that require a visual server report on the fly.

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @touti
      touti @touti 24/08/2020

      #plook
      découvert cet été que des amis modifient toujours un site qui date de 2004 sans que ça casse (cms basic et sans bdd). Je me souviens d’une formation web au siècle dernier ou le prof sans méchanceté se disait toutefois perplexe devant la pauvreté des contenus. Et de fait, si on code pour le web, les mises à jour de sécurité, le suivi technique, la concurrence et la course à la nouveauté technologique ont contribué à épuiser la créativité politique du début du web.
      Je ne parle évidemment pas des industries de clic à égo.

      touti @touti
    Écrire un commentaire

  • @oanth_rss
    oAnth_RSS @oanth_rss CC BY 9/06/2020

    BigBlueBotton (▻http://docs.bigbluebutton.org)
    ▻https://diasp.eu/p/10726317

    BigBlueBotton

    #BigBlueBotton is an #OpenSource web conferencing system for online #learning.

    A valid alternative to ms #teams, google #hangouts, ms #skype, #zoom, ...

    #BigBlueButton is an #HTML5 based #web #application

    We stated above that #BigBlueButton extends many of its core features to focus on enabling the instructor to engage students. There are four main use cases for engagement: 1. #Tutoring/ virtual #office hours 1. Flipped #classroom 1. Group #collaboration 1. Full online classes

    If you are an instructor, BigBlueButton helps you engage students with: 1. Multi-user #whiteboard 1. Break out #rooms 1. #Chat (public and private) 1. #Polling 1. Shared #notes 1. #Emojis

    Tutorial Videos: ▻https://bigbluebutton.org/html5 Server installation: (...)

    oAnth_RSS @oanth_rss CC BY
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 5/06/2020
    2
    @cy_altern
    @rastapopoulos
    2

    CUBE #CSS - Piccalilli
    ▻https://piccalil.li/blog/cube-css

    https://piccalil.li/images/social-share/cube-css.png

    In this article, I’m going to tell you about how I like to write CSS, which I think could help a lot of folks—at least I hope so—because I’ve used this approach, or an earlier iteration of this approach, to power massive websites, tiny blogs, mobile apps and even intranet software! This #methodology has roots in both huge projects that service millions of people all the way down to small websites and starter kits, thanks to its flexibility. This Flexibility has also enabled CUBE CSS to work in both very old and very new codebases.

    The focus of the methodology is utilising the power of CSS and the web platform as a whole, with some added controls and structures that help to keep things a bit more maintainable and predictable. The end-goal is shipping as little CSS as possible—leaning heavily into progressive enhancement and modern techniques. I hope by the end of the article, it’ll help you to re-think how maybe you write CSS in the future.

    What is CUBE CSS?

    CUBE stands for Composition Utility Block Exception, and CSS stands for, y’know, CSS (Cascading Style Sheets). As mentioned before, the CUBE methodology is very much an extension of good ol’ CSS, rather than a reinvention. This mantra is very seriously maintained too, as the cascade and inheritance particularity play a big role.

    This isn’t a heavily documented, complex methodology. Well, not now, anyway. It’s more of a concept method of organising CSS just enough to not pull to far away from the “classic” way of writing it. Really, it’s more of a thinking structure.

    I’ve been all the way down the micro-optimisation rabbit hole and been down the “let’s build a library of skeletal components for all projects” (this almost never brings any benefit). On the opposite end of the scale, I’ve done all globals with direct HTML tag styling, too. Any method is extremely valid for your context and if this is how you write your CSS, keep doing what works for you and your team. All I would recommend is keeping other team’s contexts and caveats in mind before you recommend your way as absolute.

    #BEM_alternative

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 9/06/2020

      #intégration #web #html #css #méthodologie

      2-3 trucs que j’ai trouvé intéressant :
      – séparer la notion de composition (layout quoi), cela dit il ne donne aucun exemple de code et de comment l’appliquer, et au final pour moi c’est un peu comme un « module »/block particulier, dont on ne connait pas les éléments intérieurs (BEM permet sans aucun problème d’avoir des blocks dans des blocks, donc par exemple avoir un block « card » dans un block « colonnes_3 » …)
      – le fait de ranger les classes CSS dans le HTML lui-même, à la fois dans un ordre logique ET le plus important avec un séparateur, qui sera parfaitement ignoré par HTML (je trouve ça pas mal avec juste pipe | c’est léger et ça fait bien le job)
      – le fait de mettre les variantes dans des data- du HTML… ce qui les rend plus facile d’accès au JS aussi… bon j’ai trouvé ça intéressant mais ça reste à voir, si vraiment utile par rapport à des classes de variante en plus…

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 30/04/2020
    1
    @spip
    1

    HTML5UP Hyperspace V3 pour #spip

    Adaptation pour SPIP du squelette « Hyperspace » de #html5up

    ▻https://contrib.spip.net/HTML5UP-Hyperspace-V3-5240

    https://contrib.spip.net/IMG/png/screenshot_2020-02-22_hyperspace_by_html5_up_1_.png https://contrib.spip.net/IMG/png/screenshot_2020-02-22_generic_-_hyperspace_by_html5_up.png

    #spip_blog #intégration

    jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 22/04/2020
    1
    @spip
    1

    HTML5UP Forty pour #SPIP

    Adaptation pour SPIP du squelette « FORTY » de #html5up

    ▻https://contrib.spip.net/HTML5UP-Forty

    https://contrib.spip.net/IMG/jpg/screenshot_2020-01-28_forty_by_html5_up.jpg https://contrib.spip.net/IMG/jpg/screenshot_2020-01-28_landing_-_forty_by_html5_up.jpg https://contrib.spip.net/IMG/png/screenshot_2020-01-28_generic_-_forty_by_html5_up.png

    #spip_blog #intégration

    jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 22/04/2020

      (y) et merci pour le tag du blog :)

      b_b @b_b PUBLIC DOMAIN
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 23/04/2020
      @seenthis @spip

      @seenthis j’ai l’impression que @spip ne repartage plus automatiquement les #spip, me trompe-je ?

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 23/04/2020
      @jeanmarie

      @jeanmarie une fois de plus le compte a eu son flux RSS coupé au bout de 6 mois, et la personne derrière son email (je ne donnerai pas de nom) n’a pas réagi...

      b_b @b_b PUBLIC DOMAIN
    • @spip
      SPIP @spip 3/05/2020

      des noms des noms !

      SPIP @spip
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/05/2020
      @spip

      @spip tu vois très bien de qui je parle :p

      b_b @b_b PUBLIC DOMAIN
    • @spip
      SPIP @spip 3/05/2020

      la caisse de bière je la livre au bout du monde ?

      SPIP @spip
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 3/05/2020

      On se cale pour le jour de la livraison ? Je suis pas loin :)

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/05/2020

      Je n’ai pas changé d’adreeeeeeesse :D

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @tofulm
    tofulm @tofulm 14/04/2020

    ▻http://html5pattern.com
    #regex #pattern #html5

    tofulm @tofulm
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 26/03/2020
    2
    @jeanmarie
    @monolecte
    2
    @tofulm

    5 VSCode Quick Tips to Boost Your HTML Writing - By Felipe Augusto Rosa
    ▻https://hackernoon.com/5-vscode-quick-tips-to-boost-your-html-writing-uw943yx6?source=rss

    Quelques optimisation/astuces de VSCodium pour faciliter l’écriture du HTML : sélection, commentaires, tag wrapping et emmet
    Pour emmet voir aussi :
    – la doc : ▻https://docs.emmet.io
    – la cheat-sheet : ▻https://docs.emmet.io/cheat-sheet

    merci @tofulm !

    #vscodium #astuce #emmet #html #web_dev

    cy_altern @cy_altern CC BY-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 26/03/2020
      @b_b

      Poke @b_b ;)

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 27/03/2020
      @jeanmarie

      @jeanmarie ouep j’en ai lu quelques uns de ces articles «X super tips to boost your...» ;)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @olange
    Olivier Lange @olange CC BY-SA 20/03/2020

    « Recreating The Arduino Pushbutton Using SVG And ‹lit-element› » by Uri Shaked, 20.01.2020
    ▻https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg

    #webComponents #svg #html #usability #accessibility #aria #article

    Cet article est truffé d’astuces et il adresse richement l’utilisation de lit-html et lit-element pour créer un composant SVG, bien fichu et accessible qui plus est.

    Pardonnez-moi, oui, je m’intéresse parfois à ces extremum de technicalité (si vous me passez encore ce néo-anglicisme de mon cru) et arcanes du web. J’adore les technologies du web en fait, suis accro.

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 30/01/2020

    STRONG, B, I, EM : quelle balise utiliser et pourquoi ? - Alsacreations
    ▻https://www.alsacreations.com/article/lire/552-strong-b-em-i-quelle-balise-utiliser-et-pourquoi.html

    Mémo pour l’utilisation des balises inline : mise en évidence et/ou présentation

    #sémantique #balise #html

    cy_altern @cy_altern CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 30/01/2020

      C’est un maronnier ce sujet. Latex a sa réponse, 6 mois après l’UX a sa réponse, 6 mois après la PAO a sa réponse ... et on boucle.

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 22/01/2020

    Éléments HTML5 de structure - romy.tetue.net
    ▻http://romy.tetue.net/elements-html-5-de-structure

    Le mémo de romy.tetue.net pour l’organisation de la structure d’une page en HTML5
    Sur les imbrications section/article voir aussi : ▻https://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html
    Sur la structuration implicite du plan des éléments de la page généré par ces balises, voir : ▻https://developer.mozilla.org/fr/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document

    #html5 #layout #structure #section #article

    cy_altern @cy_altern CC BY-SA
    • @tetue
      tetue @tetue CC BY 23/01/2020

      Sans oublier <main> (à la place de <div id="content">) qui a été ajouté à la spec HTML5 ultérieurement.

      tetue @tetue CC BY
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 24/01/2020

      merci pour la précision !

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 13/12/2019
    3
    @tofulm
    @jeanmarie
    @severo
    3

    Responsive Images : comprendre srcset et sizes - Alsacreations
    ▻https://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html

    Images responsives : les attributs srcset et size de la balise <img> pour utilisation de multiples source et taille pour une image
    Voir aussi : ▻https://developer.mozilla.org/fr/docs/Apprendre/HTML/Comment/Ajouter_des_images_adaptatives_%C3%A0_une_page_web

    #srcset #size #img #image #responsive #adaptive_image #HTML5 #CSS

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 17/09/2019
    8
    @arno
    @cy_altern
    @rastapopoulos
    @mukt
    @biggrizzly
    @7h36
    @jeanmarie
    @tofulm
    8

    Can I email… Support tables for #HTML and #CSS in #emails
    ▻https://www.caniemail.com

    https://www.caniemail.com/assets/images/og.png

    A site that offers support info on more than 50 HTML and CSS features tested across 25 email clients.

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 17/09/2019

      #intégration

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @klaus
    klaus++ @klaus 25/08/2019
    1
    @cy_altern
    1

    The “One HTML Page Challenge”, a great example of view-source culture / Boing Boing
    ►https://boingboing.net/2019/08/23/the-one-html-page-challenge.html

    When I was interviewing developers for my latest book Coders, all the ones who grew up during the late 90s and early 00s web talked about how powerful view-source was in teaching themselves to code and make stuff online.

    But web development these days has grown byzantine in its complexity; if newbie is trying to learn, view-source is liable to just cough up a slurry of incomprehensible, minified javascript. It closes off the easy onramps that existed back in the earlier days of the web.

    So, projects like this one-page challenge are awesome, because the whole goal is to encourage the writing of web-site code that’s more legible and tractable.

    #programmation #développement #HTML #Javascript #CSS #éducation

    klaus++ @klaus
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 26/08/2019

      le site du challenge : ▻https://onehtmlpagechallenge.com

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 20/07/2019
    1
    @spip
    1

    Paradigm Shift (#HTML5up)

    Squelette « one page » adapté du thème Paradigm Shift de HTML5 UP pour #SPIP

    ▻https://contrib.spip.net/Paradigm-Shift-HTML5up

    Attention : contrib en chantier

    https://contrib.spip.net/IMG/png/screenshot_2019-06-22_paradigm_shift_by_html5_up.png

    #spip_blog

    jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 22/06/2019
    2
    @jeanmarie
    @tofulm
    2

    How to Section Your HTML
    ▻https://css-tricks.com/how-to-section-your-html

    https://css-tricks.com/wp-content/uploads/2019/06/rectangle-pattern.png

    The sectioning elements in #HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.

    #documentation

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 5/06/2019
    1
    @spip
    1

    Solid State (HTML5up)

    Squelette adapté du thème Solid State de #HTML5_UP

    ▻https://contrib.spip.net/Solid-State-HTML5up

    https://contrib.spip.net/IMG/jpg/accueil-9.jpg

    #spip #spip_blog #intégration #web

    jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 5/06/2019

      (y) et merci pour le tag du blog :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 17/05/2019
    2
    @kent1
    @suske
    2

    “I charged $18,000 for a Static HTML Page ... and got away with it.” A tale of #corporate_bureaucracy.

    ▻https://idiallo.com/blog/18000-dollars-static-web-page

    #HTML #Web_development #freelance

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @touti
      touti @touti 17/05/2019

      C’est tellement ça. Actuellement sur une refonte qui devait durer 3 mois maximum tel que planifié dans le contrat. Le client n’a rien fait pour son site depuis 8 mois malgré indications et conseils pour le soutenir dans sa réécriture. Son mail reçu hier pour demander ce qu’il doit faire en priorité me laisse bouche bée.
      #exploitation #travail_du_web

      touti @touti
    Écrire un commentaire

  • @tofulm
    tofulm @tofulm 20/04/2019
    2
    @cy_altern
    @monolecte
    2

    Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
    ▻https://frontendmasters.com/books/front-end-handbook/2019

    • #HTML
    tofulm @tofulm
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 20/04/2019

      #javascript #html #css #frontend #formation

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 625

Thèmes liés

  • #intégration
  • #html
  • #web
  • #css
  • technology: html
  • #css
  • technology: html
  • #javascript
  • #html5
  • #html5
  • #responsive
  • #spip
  • programminglanguage: html
  • #print
  • #spip_blog
  • #impression
  • programminglanguage: javascript
  • #conception
  • #web-development
  • #grid
  • #accessibilité
  • #cms
  • #markdown
  • #git
  • #ergonomie
  • #ux
  • #web_design
  • #aria
  • #javascript
  • #image
  • #sémantique
  • #web_dev
  • #spip
  • #documentation
  • #web
  • #édition
  • #web-design
  • #programming
  • #article
  • #app