Skip to content

Instantly share code, notes, and snippets.

View 0gust1's full-sized avatar
🔥

Augustin C. 0gust1

🔥
  • France
View GitHub Profile

Réponse à @Saint_loup – https://twitter.com/Saint_loup/status/910627517719072768

Coté front-end, "bien" faire un site web ecommerce sous forme d'une SPA full JS pose des défis très critiques (webperf / accessibilité / seo – mais aussi staffing, organisationels, etc...) qui sont déjà très bien assurés nativement par une approche plus classique (pages HTML/CSS "statiques" bien écrites, dynamisées par une couche de JS bien écrit).

Certes, c'est possible de résoudre certaines choses en "full JS", avec du rendu coté serveur (approche en voque chez les "pure players" – qui ont un SI peu "épais"). Mais de même : nouveaux défis backend, il faut tout changer et ré-écrire coté serveur (sur pas mal de parties qui contiennent de la logique métier).

L'approche "classique" est d'avantage retro-compatible et futur-compatible :

  • rien n'interdit d'y "saupoudrer" du preact ou de vueJS, par exemple)
  • tu n'es pas coincé lorsque ton super framework sur lequel tu as tout basé (et que tu auras bien customisé) devient
@0gust1
0gust1 / gist:b252199770fb5bed0caa0ede2282b12d
Last active February 6, 2017 14:12
Permaculture App ?
@0gust1
0gust1 / corpus.txt
Last active January 26, 2016 08:51
Markov haiku generator
premier jour de l’An
je pense à la solitude
des soirées d’automne
les fleurs de quel arbre
impossible de savoir
mais un tel parfum !
au milieu du champ
et libre de toute chose
@0gust1
0gust1 / luminance melt.glsl
Last active March 10, 2017 19:28 — forked from glslioadmin/TEMPLATE.glsl
GLSL.io Transition (v1)
#ifdef GL_ES
precision highp float;
#endif
uniform sampler2D from, to;
uniform float progress;
uniform vec2 resolution;
//My own first transition — based on crosshatch code (from pthrasher), using simplex noise formula (copied and pasted)
//-> cooler with high contrasted images (isolated dark subject on light background f.e.)
//TODO : try to rebase it on DoomTransition (from zeh)?
@0gust1
0gust1 / test.elm
Last active January 21, 2016 01:00
module MyTodoApp where
import Html exposing (..)
import Html.Events exposing (..)
import Html.Attributes exposing (..)
import Signal exposing (..)
import StartApp.Simple as StartApp
type alias Model =
{ title: String, tasks: List Task, newTaskTitle: String, newTaskContent: String, uid : Int}
@0gust1
0gust1 / index.md
Last active August 29, 2015 14:16
Comment sauver "en texte simple" les URLs de ses onglets ouverts ?

#Comment sauver "en texte simple" les URLs de ses onglets ouverts ?

Scénario :

J'utilise le même ordi pour le travail et le perso. Au cours de mes pérégrinations sur le web, je moissonne des liens, à lire plus tard, que j'ouvre dans différents onglets d'une même fenêtre de navigateur (ma "fenêtre de veille").

Au bout de quelques jours, il n'est pas rare que je me retrouve avec plusieurs dizaines d'onglets dans cette fenêtre. Il arrive un moment où je commence à faire le ménage, et je supprime les onglets pas intéressants. Ainsi, à la fin, il ne me reste les onglets que je veux conserver, synthétisant la veille de plusieurs jours. Je peux ainsi commencer à "consolider" : poster certains liens sur twitter ou autre plate-forme, faire un post reprenant les choses notables et ainsi de suite.

Je cherchais donc un moyen d'exporter "d'un coup" les URLs de tous les onglets d'une fenêtre, dans un simple format texte (facilement exploitable dans plein de contextes différents).

@0gust1
0gust1 / gist:260638bd34a434e7f3dd
Last active September 16, 2023 16:49
Footnotes to sidenote, and maybe links to sidenotes ?
/**
* Generate sidenotes using footnotes from Multimarkdown generated content
* Idea and principle borrowed from Adrew Clark : http://acdlite.github.io/jquery.sidenotes/ and https://github.com/acdlite/jquery.sidenotes
*
* This script : - gather footnotes in the passed container selector
* - insert the sidenotes in the current text, according to screen size :
* - on big screens insert the sidenote *before* the anchor
* - on medium screens, insert the sidenote *after* the anchor
@0gust1
0gust1 / index.md
Last active August 29, 2015 14:14
Developpeurs front-end / webdesigner / integrateurs

Quelques notes autour d'une discussion démarrée sur twitteret du billet de @STPo :

Quelques petites choses me questionnent dans l'évolutions de nos métiers et de notre travail quotidien :

  1. La non-considération des compétences "non techniques" des intégrateurs
  2. La montée en puissance de Javascript dans le le front-end et l'arrivée de profils "développeurs"

Je vois pas mal de dévelopeurs se mettre aux "front-end". AngularJS, par exemple est très marketé "Java". Hors, on en arrive à des situations du genre "toi tu es dev front, j'imagine que faire de l'intégration ça t'intéresse pas" wtf ?!, ou "le webdesign, c'est du pipeau, un bootstrap, 3 plugins jQuery et c'est réglé"

Constat :

Attention, manque encore, coté JS, la gestion du focus pour la nav clavier,
et peut être d'autres trucs :)
HTML :
<span class="combo-box" tabindex="0" role="listbox">
<span class="default-action">Sélectionner...</span>
<i aria-hidden="true" class="ico-arrow-down"></i>
<select>

Faire du site statique simplement ?

Contexte :

Des outils (très) simples pour du statique manquent (et me plairaient bien car suis non-expert en la matière). https://twitter.com/emmanuelc/status/543025073226256385

Outil simple : adapté à une utilisation relativement particulière. Masquer la complexité du code, donc faire des choix et restreindre ce qui est possible.