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

 

Mist. GraphX

@mist_
//
RSS: Mist. GraphX
tous les messages de Mist. GraphX
0 | 25 | 50
  • @reka
    Phil Reka docs & archives @reka CC BY-NC-SA 14/06/2018
    3
    @mist_
    @gastlag
    @gillesm
    3

    Être belle : un choix ou un devoir ?

    ▻https://www.franceculture.fr/conferences/reunion-des-musees-nationaux-grand-palais/etre-belle-un-choix-ou-un-devoir

    https://cdn.radiofrance.fr/s3/cruiser-production/2018/06/9bca05c5-6d51-4224-815a-0c0f67cc72a0/738_gettyimages-700712359.jpg

    Réunion des musées nationaux-Grand Palais
    Conférences
    Être belle : un choix ou un devoir ?
    01.09.2017 (mis à jour le 13/06/2018 à 12:09)

    Jusqu’où allons-nous pour avoir un corps attractif et désirable ? Quels stratagèmes utilisons-nous pour le transformer selon les diktats d’une société qui n’aime que la beauté et la jeunesse ? Les femmes ne semblent pas vraiment libres dans cette quête de perfection.

    #beauté #standard #tu_es_belle

    Phil Reka docs & archives @reka CC BY-NC-SA
    • @mad_meg
      mad meg @mad_meg CC BY 14/06/2018

      « le mâle brut et barbu n’est en fait qu’un playboy fardé et déguisé » ...
      « ne croyons pas que seules les femmes sont concernées par cette stigmatisation » ....

      Pour la spécificité de la notion de beauté associé à la féminité ; ►https://antisexisme.net/2016/01/02/impuissance-01

      #masculinisme #homophobie #misogynie #virilisme #inversion_patriarcale #androcentisme #invisibilisation #femmes #virtuel #sexisme #male_tears #parisianisme

      mad meg @mad_meg CC BY
    • @mist_
      Mist. GraphX @mist_ 14/06/2018

      #bonnnenuit

      Mist. GraphX @mist_
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 11/06/2018
    2
    @kent1
    @mist_
    2

    Et maintenant tu vas devoir gérer le responsive jusqu’à des tailles d’écran ridiculement ridicules : Designing Web Content for watchOS
    ▻https://developer.apple.com/videos/play/wwdc2018/239

    Nan, en vrai, la montre fait d’office comme si son écran avait 320 pixels de large (comme un smartphone). Mais si tu veux désactiver cet automatisme et carrément dessiner un rendu ultra-rikiki qui cible la montre, il faut intégrer ça :

    <meta name="disabled-adaptations" content="watch">
    <meta name="viewport" content="width=device-width">
    ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 11/06/2018

      Et au passage, ils explicitent que le « reader » de Safari (qui n’affiche que le « texte de l’article » d’une page Web) fonctionne avec la balise <article> et les itemprop title, subheading, author, et pubdate.

      Ensuite ils suggèrent d’utiliser <em>, <strong>, <blockquote> ainsi que <figure> et <figcaption> pour les images.

      Ça indique d’utiliser les meta Opengraph (og:image, og:title) pour les prévisualisations dans Messages.

      ARNO* @arno ART LIBRE
    • @mist_
      Mist. GraphX @mist_ 11/06/2018

      Et dans deux tailles :

      272 x 340 pixels (38 mm)
      312 x 390 pixels (42 mm)

      ▻https://support.apple.com/kb/sp766?locale=fr_FR

      Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 9/06/2018
    3
    @rastapopoulos
    @mukt
    @monolecte
    3

    Don’t Use My Grid System (or any others)
    ▻https://noti.st/mirisuzanne/DDJo3H

    https://on.notist.cloud/slides/ext/large-b975b5b4c1b9c897.png

    #css#layout#grid

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 1/06/2018

    Native Function Chaining in JavaScript. What We Can Learn From jQuery.

    ▻https://medium.com/@saginadir/native-function-chaining-in-javascript-what-we-can-learn-from-jquery-3b42d5d

    #javascript#design-pattern

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 31/05/2018
    3
    @kent1
    @sandburg
    @tofulm
    3

    Pour savoir ce qu’on peut exactement utiliser en ES6 suivant les versions de node.js.

    Avec lien vers la spec et exemple de code au survol, ça fait un bon mémo.

    Node.js ES2015/ES6, ES2016 and ES2017 support

    ▻https://node.green

    #node#ECMAscript

    Mist. GraphX @mist_
    • @sandburg
      Sandburg @sandburg CC BY-SA 31/05/2018

      Pour moi, comparatif es6 es7 et petits éléments d’es8 ▻https://www.quora.com/What-features-will-be-in-ES7-and-ES8

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 30/05/2018
    1
    @tofulm
    1

    Outil de grille écrit en css pur utilise calc, utilisant flexbox, en extra support ie11/10
    ultra léger, regarder le code pour rire

    idée a intégrer dans une dist

    Flexy - CSS Framework
    ▻https://vladocar.github.io/flexy

    https://vladocar.github.io/flexy/images/icon.png

    #flex#css#grille

    Mist. GraphX @mist_
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 30/05/2018

      Sur IE11 :-)

      https://www.partagerfichier.fr/download/2018-05-30-08-58-09_ie11flexycss.jpg

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @mist_
      Mist. GraphX @mist_ 30/05/2018

      ça float un peut, comme on dit ^^ et encore c’est pas IE11 qui gère le moins bien flexbox , il a pas fait de test ou quoi ^^

      Mist. GraphX @mist_
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 21/05/2018
    11
    @biggrizzly
    @mad_meg
    @la_feuille
    @odilon
    @vanderling
    @sandburg
    @7h36
    @palestine___________
    @fredlm
    @mist_
    @parpaing
    11

    Vous ne nous écraserez pas
    ▻https://reporterre.net/Vous-ne-nous-ecraserez-pas

    https://reporterre.net/IMG/arton14779.jpg

    Au total, environ 40 habitats sur les quelque 100 que comptait la Zad ont été détruits ou murés, et leurs occupants chassés. En termes monétaires, l’opération a coûté 300.000 € par jour selon une estimation de journalistes de France Inter : environ 100.000 € pour chaque cabane ou habitat détruit !

    Ce qui s’est passé est la plus importante opération de « maintien de l’ordre » engagée depuis 1968. Avec, pour la première fois depuis encore beaucoup plus longtemps, l’emploi de moyens militaires, confirmant l’analyse que la guerre civile est engagée à bruit plus ou moins bas.

    Le plus impressionnant, et qui apparaîtra nettement avec le recul du temps, est que cette force démesurée a été déployée pour mater quelque… trois cents personnes, qui se revendiquaient paysans, boulangers, brasseurs, charpentiers… ou rien du tout. Quelle menace justifiait-elle une si invraisemblable disproportion des forces ?

    L’enjeu apparent était de faire croire que « l’ordre républicain » — une invention de la novlangue macronienne — était « de retour », de satisfaire l’envie de vengeance de tous ceux qui rêvaient d’un aéroport à Notre-Dame-des-Landes, de tenter de persuader tous les mouvements sociaux — réprimés par ailleurs — que l’État des riches ne lâcherait rien, d’affirmer la position autoritaire de M. Macron.

    #zad #répression #maintien_de_l'ordre #police

    RastaPopoulos @rastapopoulos CC BY-NC
    • @nestor
      nestor @nestor 21/05/2018

      avec les petits blancs , le pouvoir ne met pas des gants ! cqfd ou pas !

      nestor @nestor
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 15/05/2018

    20 ans de Jahmazonia

    26 mai – 27 mai
    du 26 mai à 12:00 au 27 mai à 18:00

    longny au perche

    Je joue avec svem roots la bas, si vous êtes dans le coin , faites moi signe on boira un rhum ;-)

    #reggea#roots#Ska#concert

    ▻https://www.facebook.com/events/182610915811612

    https://scontent-cdg2-1.xx.fbcdn.net/v/t31.0-8/29749579_10216835516426574_5580460133278248230_o.jpg?_nc_cat=0&oh=da1a82d250b5a8dfe1fb9af5c6468ff5&oe=5B7E6947

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/05/2018

      Un peu loin du chez oim de maintenant, vers ma normandie, je boirais un rhum à ta santé de loin.

      #musique #reggae #festival (je le connaissais pas pourtant à pile 1h au sud de chez oim à Bernay)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 12/05/2018
    4
    @rastapopoulos
    @spip
    @cy_altern
    @tofulm
    4

    Retour d’experience sur le developement d’un éditeur rich text, axé rédaction digital, pour le NYT.
    manipulation DOM, Utilise ProseMirror, intéressant pour la structuration des blocs imbriqués de contenu…

    Building a Text Editor for a Digital-First Newsroom

    ▻https://open.nytimes.com/building-a-text-editor-for-a-digital-first-newsroom-f1cb8367fc21

    #editeur#richtext

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 13/05/2018

      ►https://seenthis.net/messages/693664

      #prosemirror

      C’est exactement ce qu’il faut et que j’attends depuis des années, même après que Wikipedia ait codé son éditeur wysiwyg mais qui enregistre en une autre syntaxe après (càd ça ne produit pas du html). Sauf que wikimedia l’a codé que pour eux, pas en lib générique.

      Or là Prosemirror est vraiment une lib générique qui montre à l’utilisateur un éditeur #wysiwyg MAIS qui produit un format pivot intermédiaire en JSON, de données structurées, qui peut donc ensuite être utilisé pour produire n’importe quoi, et alors enregistrer en SPIP en Markdown ou n’importe quoi d’autre…

      This is the future !

      #idée_pour_SPIP

      RastaPopoulos @rastapopoulos CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 13/05/2018

      Le site officiel du « moteur » sous ce projet : ProseMinor
      ►http://prosemirror.net

      Et pour en rajouter une couche sur les possibilités de ProseMinor vis à vis des fonctionnalités d’édition de SPIP : ▻https://prosemirror.net/examples/dino
      qui donne un exemple d’intégration d’un nouvel objet éditorial (ici un dinosaure) tout à fait similaire aux modèles SPIP...

      #json #ProseMirror #éditeur #SPIP #WYSIWYG

      cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 14/05/2018
      @rastapopoulos

      @rastapopoulos paye ton ticket ? (tant que core.spip.net tourne toujours ^^)

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/05/2018

      J’avais fait un ticket sur le développement d’un éditeur basé sur CodeMirror déjà, mais pour faire du WYSIWYM donc. Là c’est une autre piste du coup. Donc autre ticket… ou bien transformation du précédent en complétant pour présenter les deux pistes (et peut-être même que les deux pourraient être bien à la fois, car quand on a un éditeur WYSIWYG, il faut toujours avoir aussi un éditeur de source en parallèle, et alors autant qu’il soit WYISWYM tant qu’à faire…)

      ►https://core.spip.net/issues/3720

      RastaPopoulos @rastapopoulos CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 22/02/2022
      @rastapopoulos

      le ticket de @rastapopoulos est maintenant ici : ▻https://git.spip.net/spip/porte_plume/issues/3720

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 3/05/2018
    7
    @severo
    @rastapopoulos
    @mukt
    @kent1
    @mist_
    @cy_altern
    @tofulm
    7

    healthchecks.io - Monitor Cron Jobs. Get #Notified When Your #Cron Jobs Fail
    ▻https://healthchecks.io

    Make a HTTP GET request to this address from your cron job, daemon, script or long running task. When this address is not requested for a set time period, you will get alerted. Below are snippets that are ready to be copy/pasted into your own scripts.

    https://healthchecks.io/static/img/my_checks.png https://healthchecks.io/static/img/period_grace.png https://healthchecks.io/static/img/cron.png https://healthchecks.io/static/img/channels.png

    sources dispo ici : ▻https://github.com/healthchecks/healthchecks
    une instance ouverte par ici : ▻https://ping.hostux.info

    b_b @b_b PUBLIC DOMAIN
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 3/05/2018

      Icinga2 est conçu pour faire la même chose. C’est même la base de la supervision :-D
      Cependant, pour les cron, c’est parfois « overkill » d’ajouter un appel curl à la suite du traitement... mais c’est la solution, c’est certain !

      BigGrizzly @biggrizzly CC BY-NC-SA
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 3/05/2018
    3
    @rastapopoulos
    @mukt
    @cy_altern
    3

    Priority Guides : A Content-First Alternative to Wireframes · An A List Apart Article
    ►http://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes

    http://alistapart.com/d/priority-guides.jpg

    #wireframes#webdesign#prototyping#methodology

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 5/05/2018

      C’est intéressant même si je ne suis pas d’accord avec le démarrage de sa réflexion sur le faire qu’un wireframe c’est forcément un dessin statique (et donc dans son argumentation pas responsive etc).

      Du coup c’est déjà un peu ce qu’on fait, puisqu’on commence par mettre des blocs de contenu (faux ou plus précis suivant ce qu’on connait comme détails à ce moment) dans du HTML. Puis on style ce HTML en bloc que l’on place petit à petit. On pourrait aller plus loin et vraiment commencer par TOUT mettre en détail et faire valider cette liste de choses à placer dans un ordre de priorité, puis le styler une fois que c’est validé seulement.

      Mais du coup ses documents de priorités il continue de les faire en pixels, alors qu’on peut parfaitement les faire en HTML directement (et donc au départ c’est mobile first tant qu’on n’a rien stylé oui mais on PEUT les styler ensuite, ce qui n’est pas possible avec un truc statique).

      Bref, ça va dans le bon sens, mais je pense qu’il faut continuer à améliorer dans la voix de partir directement sur le HTML, jamais depuis un outil statique : aussi puissant qu’ils peuvent être (sketch etc), je trouve que c’est obsolète, des outils du passé, pour la majorité des cas.

      #conception #web #prototype #design #maquette #méthodologie #bonnes_pratiques

      RastaPopoulos @rastapopoulos CC BY-NC
    • @mist_
      Mist. GraphX @mist_ 6/05/2018

      Alors je suis tout à fait d’accord, je viens encore d’en faire les frais ^^ Les outils comme sketch ou autre enferme dans une reflexion « pixel perfect » qui effectivement viens du print ou tout du moins tendrait a y ressembler.

      Le problème c’est aussi les gens qui utilisent le logiciel. Je retrouve les mêmes erreurs de conception de document, identiques a quand je faisais de la production et que j’executais les doc des directeurs artistique (ex 30 couleurs aucune dans le même format).

      On récolte donc des protos, conçues par des gens qui n’on jamais intégré ou conscience du markup, ni des implications de leurs choix graphiques.

      En exemple le plus courrant, des titres qui change de place suivant le mode mobile, mais change de bloc container : on se retrouve a dupliquer le code, a masquer en aria-hidden pour pas que les lecteurs vocaux double… bref moi j’aime pas et généralement on peut faire sans …

      Ce sont des méthodes ou type de réflexion, qui vont a l’encontre du progressive enhancement, et du mobile first.

      La en tout cas ce concept est intéressant car on pense la page en fonction du contenu réel : ce qui est totalement l’inverse des méthodes les plus couramment employées, encore largement tirés du print, sauf que l’ont à enlevé des étapes comme le calibrage ^^, et que maintenant on nous envoie le contenu quand le travail est fini, on marche à l’envers.

      Il y’a quelques années, j’avais été intéressé, par un projet Project Hub lancé par Brad Frost (Atomic Design methodology) : ▻https://github.com/bradfrost/project-hub. En fait l’idée est de constatent garder le fil avec le client en le poussant a participer (genre Agile) . Je pense que l’implication, le suivi, le déroulement devrait faire partie d’un seul outil ou chaque intervenant à accès aux infos, a la timeline, des notifications rappels, guideline, …

      Dans un outil qui gérerait l’ensemble de la progression, l’exemple cité dans l’article peut effectivement permettre au SEO, marketeux de faire leur sauce en parallèle de l’intégrateur, sans interférer avec la partie purement dev.
      Je pense que réfléchir parallèlement ainsi pourrait éviter pas mal de problème pour ceux qui sont en fin de chaine, et surtout amener à se poser les bonnes questions sans penser QUE cosmétique mais contenu. Certainement un gain de temps aussi quand on travaille a plusieurs intervenants, …

      Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 18/04/2018
    1
    @rastapopoulos
    1

    Et un de plus, …

    avantage d’être autonome, embarque ses mixins pour les media-queries,
    simple et leger, avec cards, et tout les composant de base ui (button, progress, …)

    Mustard UI · A CSS framework that actually looks good.
    ▻https://mustard-ui.com

    https://mustard-ui.com/wp-content/uploads/2018/04/mustard-ui-image.png

    #UI#css#framework#scss

    Mist. GraphX @mist_
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 18/04/2018
    8
    @spip
    @mist_
    @fil
    @lluc
    @rastapopoulos
    @7h36
    @monolecte
    @kent1
    8
    @fil

    Front Matter | Jekyll

    ▻https://jekyllrb.com/docs/frontmatter

    The front matter is where Jekyll starts to get really cool. Any file that contains a YAML front matter block will be processed by Jekyll as a special file. The front matter must be the first thing in the file and must take the form of valid YAML set between triple-dashed lines.Between these triple-dashed lines, you can set predefined variables (see below for a reference) or even create custom ones of your own.

    Une « norme » pour décrire les metas d’un contenu stocké à plat dans un fichier markdown qui pourrait servir pour le vieux serpent de mer de #SPIP si cher à @fil :)

    ---
    layout: default.hbs
    title: Early humans discovered...
    description: Lots of things, because they were early humans.
    date: 2013-07-04
    categories:
    - anthropology
    - unibrows
    - various wooly animals
    tags:
    - rocks
    - wheel
    - 30 inch wooden rims
    published: false
    ---

    via ▻https://vuepress.vuejs.org/guide/markdown.html#yaml-front-matter

    b_b @b_b PUBLIC DOMAIN
    • @james
      James @james PUBLIC DOMAIN 20/04/2018

      ►https://sculpin.io utilise à peu près le même formalisme et c’est en #PHP ;-)

      James @james PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 20/04/2018
      @james

      @james cool, merci pour le lien :)

      b_b @b_b PUBLIC DOMAIN
    • @james
      James @james PUBLIC DOMAIN 20/04/2018

      J’ai plein d’idées qui fourmillent dans ma tête maintenant, c’est terrible ...

      James @james PUBLIC DOMAIN
    • @touti
      vide @touti 20/04/2018

      #plook

      vide @touti
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 15/04/2018
    4
    @jeanmarie
    @spip
    @mist_
    @kent1
    4
    @jeanmarie

    Tutoriel : Afficher sur une carte GIS des points dont on n’a que l’adresse

    Afficher sur une carte des points dont on n’a que l’adresse.

    ▻https://contrib.spip.net/GIS-JSON-CSV-et-boucle-DATA

    #spip_blog thx @jeanmarie ;)

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 10/04/2018
    6
    @renyonparis
    @rastapopoulos
    @mukt
    @baroug
    @gblin
    @typo
    6

    Design Better Forms – UX Collective
    ▻https://uxdesign.cc/design-better-forms-96fadca0f49c

    https://cdn-images-1.medium.com/max/1200/1*VvQeOFsY57NJxtZmKyRnHA.jpeg

    form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.

    Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)

    #css#UX#forms#webdesign

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/04/2018

      #conception #web #ergonomie #interface #formulaires

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 22/03/2018
    1
    @rastapopoulos
    1

    Liste des alternatives aux produits Adobe, et multi-plateforme (Linux,Mac,Windows).

    On y retrouve les grands classiques (scribus, inkscape, …), mais pas que , notamment en video, ou en alternatives a AfterEffect, … bref de nouveaux jouets ^^

    Open Design : Freeware tools for Designers – UX Planet
    ▻https://uxplanet.org/open-design-freeware-tools-for-designers-f7bdde99f2e0

    https://cdn-images-1.medium.com/max/1200/1*vx4OLoRuBxE1VZ7rRp0MLg.jpeg

    #design#applications#libre#opensource#multiplateformes

    • #Adobe
    Mist. GraphX @mist_
    • @aris
      aris  @aris CC BY-SA 22/03/2018

      Intéressant... Mais Scribus n’est malheureusement pas une alternative crédible à InDesign

      aris  @aris CC BY-SA
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 20/03/2018
    2
    @james
    @02myseenthis01
    2

    Programmation en binôme — Wikipédia
    ▻https://fr.wikipedia.org/wiki/Programmation_en_bin%C3%B4me

    Tout seul c’est dur à mettre en pratique, mais ça semble évident …

    #Coding#agile#methodology

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/03/2018

      #extreme_programming #pair_programming #bonne_pratique #informatique #développement

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 20/03/2018
    1
    @rastapopoulos
    1

    Exemple de comment gérer l’accessibilité, nom pas en bridant TOUT les utilisateurs, mais en s’adaptant à tous :

    ▻https://hugogiraudel.com/2018/03/19/implementing-a-reduced-motion-mode

    Une liste de retours d’accessibilité par différents types d’utilisateur-trice-s (étonné de voir que meme l’humour peut en déranger certain-e-s , … )

    Accessibility feedback from Twitter
    ▻https://hugogiraudel.com/2017/07/02/accessibility-feedback

    #accessibilité#UX#

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 14/03/2018

    Elegant patterns in modern JavaScript : Ice Factory – freeCodeCamp

    ▻https://medium.freecodecamp.org/elegant-patterns-in-modern-javascript-ice-factory-4161859a0eee

    Présentation d’un design pattern javascript. L’auteur commence sont article par une présentation assez intéressante des classes en ES6 et leurs « failles », ou différences notoires avec leur équivalent dans d’autres languages.
    Notamment l’immutabilité …

    “new and this [in JavaScript] are some kind of unintuitive, weird, cloud rainbow trap.”

    Mattias Petter Johansson

    le design pattern proposé est une amélioration/évolution de contructor proposé par Douglas Crockford…

    très ludique, bien expliqué…

    #javascript#designpattern

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 14/03/2018
    1
    @sandburg
    1

    The Twelve-Factor App

    ►https://12factor.net/fr

    Ce document fait la synthèse de toutes nos expériences et observations sur une large variété d’applications software-as-a-service.

    La méthodologie 12 facteurs peut être appliquée à des applications écrites dans tout langage de programmation, et qui utilisent tout type de services externes (base de données, file, cache mémoire, etc.)

    #SAS#programmation#logiciel

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 13/03/2018

    Carrer Blog : 1 Line CSS Framework
    ▻http://www.vcarrer.com/2018/03/1-line-css-framework.html

    you can make CSS grid layout only with one line of code.

    tellement évident …

    #css#layout#gridsystem

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 12/03/2018

    Responsive Components: a Solution to the Container Queries Problem — Philip Walton
    ▻https://philipwalton.com/articles/responsive-components-a-solution-to-the-container-queries-problem

    This article describes a strategy for using modern web technologies to build responsive components: DOM elements that can update their style and layout in response to changes in the size of their container.

    #css#webdesign#container-queries#responsive

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/03/2018

      Mouais pas aussi cool que ce que je pensais à la base.

      Ça oblige à définir des breakpoints dans le JS en plus en doublon. Et ça oblige aussi à mettre dans le HTML lui-même les éléments qu’on veut observer pour leur rajouter des classes suivant les breakpoints. Du coup impossible de changer de thème sans changer le HTML (chose que l’on cherche à éviter au maximum).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @mist_
      Mist. GraphX @mist_ 13/03/2018

      En fait c’est une version/vision du problème…

      ça fait quelques temps que je suis ce sujet et y’a pas mal de tendances, celle ci est un exemple… certainement que ça sent plus les habitudes de quelqu’un qui fait des applis mobiles et bosse avec React, du coup le html est plus marqué de toute façon…

      Dans les autres tendances et stratégies sur le meme sujet :

      Elements queries :

      ►https://elementqueries.com

      Le draft de la spec proposée :

      ▻https://tomhodgins.github.io/element-queries-spec/element-queries.html

      Un petit tour d’horizon du sujet et de la problématique :

      ▻https://www.sitepoint.com/responsive-css-patterns-without-media-queries

      Un polifyll, intérressant (regarder le src/resizeSensor.js) car a la différence de l’autre on utilise css

      ▻https://github.com/marcj/css-element-queries

      Après synchroniser le js et le css … c’est un peut pour ça que j’ai regardé pour l’insertion des variables dans scss.php, après ne pas y avoir touché depuis 5ans ^^ c’est carrément le but…

      Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 2/03/2018

    Un ptit exercice du matin ^^ Coder sans if …
    très intéressant surtout pour les techniques utilisées par l’auteur, la méthode d’aborder « le problème »…

    Coding Tip : Try to Code Without If-statements – Samer Buna – Medium
    ▻https://medium.com/@samerbuna/coding-tip-try-to-code-without-if-statements-d06799eed231

    #javascript#coding

    Mist. GraphX @mist_
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 2/03/2018

      On pourrait aussi parler de #design_patterns : il propose de pré-calculer les résultats, plutôt que d’écrire l’algorithme qui permet justement de calculer le résultat.

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 2/03/2018

      C’est le concept de monade (qu’on trouve dans les langages fonctionnels )

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 1/03/2018
    3
    @rastapopoulos
    @mukt
    @tofulm
    3

    Une collection de css gradients, qui pourrait être interessante quand on a pas de visuel dans une cover, un encart, histoire de juste jouer avec un font et une typo …

    Cool Background Gradients | Eggradients.com
    ▻http://www.eggradients.club

    https://uploads-ssl.webflow.com/5a9423a3f702750001758d4f/5a96d60f3358fb0001c5f6d0_Cool-Background-Gradients-compressor.png

    #css#gradients#integration#covers

    Mist. GraphX @mist_
    Écrire un commentaire
  • @mist_
    Mist. GraphX @mist_ 28/02/2018
    1
    @aurelie
    1

    Accessibilité des tableaux responsives, et impact sur la lecture vocale de l’utilisation des propriétés css flex ou grid pour la ré-organisation des cellules.

    Tables, CSS Display Properties, and ARIA | Adrian Roselli
    ▻http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html

    http://adrianroselli.com/wp-content/uploads/2018/02/ARIA-flex-table_generated_thumb-150x150.png

    #css#flex#grid#ARIA

    Mist. GraphX @mist_
    Écrire un commentaire
0 | 25 | 50
  • @reka
    14/06/2018
    Mist. GraphX a répondu à Phil Reka docs & archives
    #bonnnenuit
  • @arno
    11/06/2018
    Mist. GraphX a répondu à ARNO*
    Et dans deux tailles : 272 x 340 pixels (38 mm) 312 x 390 pixels (42 mm) support.apple.com/…
  • @arno
    6/06/2018
    Mist. GraphX a répondu à ARNO*
    Salut, c’est un petit bug de flexbox, on peut le contourner en utilisant ::after sur le dernier (...)
  • @mist_
    30/05/2018
    Mist. GraphX a commenté son propre message
    ça float un peut, comme on dit ^^ et encore c’est pas IE11 qui gère le moins bien flexbox , il a (...)
  • @mist_
    6/05/2018
    Mist. GraphX a commenté son propre message
    Alors je suis tout à fait d’accord, je viens encore d’en faire les frais ^^ Les outils comme (...)
  • @mist_
    13/03/2018
    Mist. GraphX a commenté son propre message
    En fait c’est une version/vision du problème… ça fait quelques temps que je suis ce sujet et y’a (...)
  • @mist_
    22/02/2018
    Mist. GraphX a commenté son propre message
    merci ;-)
  • @b_b
    21/02/2018
    Mist. GraphX a répondu à b_b
    +1 => les styles le sont
  • @b_b
    21/02/2018
    Mist. GraphX a répondu à b_b
    et le plug spip est ici github.com/misterg…
  • @b_b
    21/02/2018
    Mist. GraphX a répondu à b_b
    Dans le même genre, j’avais fait celui la l’année dernière quand j’ai refait mon cv ^^ (...)

abonnements 9

@reka
@arno
@fil
@rastapopoulos
@b_b
@thibnton
@anarsonore
@oliacid

abonné⋅es 17

@reka
@fil
@rastapopoulos
@seenthis
@klaus
@sandburg
@moderne
@thibnton
@anarsonore
@homlett
@kent1
@podcasts
@oliacid
@bce_106_6
@tout_va_tres
@fr06
@metroet_

thèmes fréquemment utilisés

  • #css
  • #SPIP
  • #webdesign
  • #layout
  • #grid
  • #javascript
  • #flex
  • #methodology
  • City:Paris
  • #wireframes
  • #spip_blog
  • #UX
  • ProgrammingLanguage:JavaScript
Propriété intellectuelle Recommandations API