• avenoel.org
  • Forum
  • [Thème] Thème Avenoel Vaporwave / Win98

    • Topic : « [Thème] Thème Avenoel Vaporwave / Win98 »

    Liste des sujets
    Avatar de PingouinAigri PingouinAigri
    Posté le 04/01/2018 à 18:20:59
    Citation de Belz3buth
    Putain les gars c'est grave lourd c'est mon thème préféré c'est sur oOOo :frog: :owi: . Et l'animation css est pas mal mais ont irais pas trop dans le vaporwave et on sortirai du w98 non?
    EDIT : Oui nan c'est trop bien en faite :frog:
    EDIT2 : Si t'as moyen de mettre ça sur stylus pour que ça mette à jour tout seul :3

    Au pire on peut faire deux thèmes :
    - Un thème orienté win98 - original vaporwave avec des tons pastel, soit le thème de SourcilDeFillon
    - Un autre thème vapo plutôt typé retrowave avec une palette orientée vers les couleurs néons et dessins vectoriels dans ce genre là https://image.noelshack.com/minis/2018/01/4/1515085956-011de437460181-57413c93f16a4.png

    Quitte à partager des features entre les 2, ça fait vivre et étoffe le fofo en attendant de pouvoir pourquoi pas les intégrer directement (ou avoir la possibilité de le faire) dans la v3.
    Avatar de SourcilDeFillon SourcilDeFillon
    Posté le 04/01/2018 à 18:27:18
    Citation de PingouinAigri
    Citation de Belz3buth
    Putain les gars c'est grave lourd c'est mon thème préféré c'est sur oOOo :frog: :owi: . Et l'animation css est pas mal mais ont irais pas trop dans le vaporwave et on sortirai du w98 non?
    EDIT : Oui nan c'est trop bien en faite :frog:
    EDIT2 : Si t'as moyen de mettre ça sur stylus pour que ça mette à jour tout seul :3
    Au pire on peut faire deux thèmes :
    - Un thème orienté win98 - original vaporwave avec des tons pastel, soit le thème de SourcilDeFillon
    - Un autre thème vapo plutôt typé retrowave avec une palette orientée vers les couleurs néons et dessins vectoriels dans ce genre là https://image.noelshack.com/minis/2018/01/4/1515085956-011de437460181-57413c93f16a4.png
    Quitte à partager des features entre les 2, ça fait vivre et étoffe le fofo en attendant de pouvoir pourquoi pas les intégrer directement (ou avoir la possibilité de le faire) dans la v3.

    El famoso synthwave theme

    Meme si la vaporwave et la synthwave ont énormément de points communs, là dessus graphiquement ça va hautement diverger
    Alors que la vapor prone la simplicité, une certaine esthétique sans fioritures, en synthwave il va falloir mettre mass polices différentes, des couleurs néon ultra flashy, des border-radius de partout, des box-shadow et text-shadow de partout. Y'a vraiment moyen de faire des trucs syper cool avec box-shadow :oui:
    Avatar de SourcilDeFillon SourcilDeFillon
    Posté le 04/01/2018 à 18:31:25
    Le thème win98 c'était aussi un peu par nostalgie. Quand j'étais petit, je n'ai que très peu connu cet OS et mes parents avaient vite acheté un nouveau PC sous XP. Windows 98 ca m'effrayait, c'était moche alors que XP à côté c'était le futur. C'était vraiment une période où internet s'était déjà bien développé, mais les acteurs étaient différents : IE6 le cauchemar des web-devs était ultra répandu ; les wizz sur MSN ; les skyblogs... Il y avait un coté plus artisanal au web.
    Win98, pour moi, c'est la période d'encore avant, celle que je n'ai pas trop connue, intrigante. Je trouvais l'esthétique ultra moche à l'époque. Faire ce thème c'était aussi l'occasion de redécouvrir des fonctions CSS désuètes : les grosses border "inset" et "outset" qui donnent un effet 3D, c'est tellement kitsch et dépassé ! Mais on tire une forme de plaisir à essayer de s'adapter à cette esthétique :hap: Ca change des interfaces toutes nuageuses, épurées, responsives à 2000% dont on est envahi aujourd'hui. C'est moche, mais il y a de l'épaisseur, un côté physique : la fenêtre ressemble à une vraie fenêtre
    Avatar de Danger Danger
    Posté le 04/01/2018 à 18:35:42
    Ça serait cool le style retro ouais.

    J'ai fait un petit script pour retirer le menu doublon à droite et tout mettre en haut mais bon il est valable pour n'importe quel thème. Par contre pour l'ajouter faut avoir installé ton style avec Tanpermonkey ou autre pour rajouter du JS.

    https://jsfiddle.net/r5uqaa1L/3/
    Apercite https://jsfiddle.net/r5uqaa1L/3/


    Par contre j'ai pas fait la classe active des nouveaux boutons.


    Bon là y a pas vraiment de fond mais si y a un thème retro c'est bien d'avoir un peu d'espace.

    https://i.imgur.com/cdyG3K0s.jpg
    #1418845
    Avatar de PingouinAigri PingouinAigri
    Posté le 04/01/2018 à 18:36:54
    Citation de SourcilDeFillon
    Citation de PingouinAigri
    Citation de Belz3buth
    Putain les gars c'est grave lourd c'est mon thème préféré c'est sur oOOo :frog: :owi: . Et l'animation css est pas mal mais ont irais pas trop dans le vaporwave et on sortirai du w98 non?
    EDIT : Oui nan c'est trop bien en faite :frog:
    EDIT2 : Si t'as moyen de mettre ça sur stylus pour que ça mette à jour tout seul :3
    Au pire on peut faire deux thèmes :
    - Un thème orienté win98 - original vaporwave avec des tons pastel, soit le thème de SourcilDeFillon
    - Un autre thème vapo plutôt typé retrowave avec une palette orientée vers les couleurs néons et dessins vectoriels dans ce genre là https://image.noelshack.com/minis/2018/01/4/1515085956-011de437460181-57413c93f16a4.png
    Quitte à partager des features entre les 2, ça fait vivre et étoffe le fofo en attendant de pouvoir pourquoi pas les intégrer directement (ou avoir la possibilité de le faire) dans la v3.
    El famoso synthwave theme
    Meme si la vaporwave et la synthwave ont énormément de points communs, là dessus graphiquement ça va hautement diverger
    Alors que la vapor prone la simplicité, une certaine esthétique sans fioritures, en synthwave il va falloir mettre mass polices différentes, des couleurs néon ultra flashy, des border-radius de partout, des box-shadow et text-shadow de partout. Y'a vraiment moyen de faire des trucs syper cool avec box-shadow :oui:

    Pour le thème synthwave, si j'ai du temps libre je vais essayer d'en faire un.

    J'aime bien le style synth, mais je connaissais pas trop les différences avec la vaporwave (niveau musical c'est le bordel tout le monde se revendique vaporwave mais les styles divergent à mort [du "running in the 90s" slowpitché à du Kavinsky like au truc typés install Macintosh...]).

    Sinon j'ai réussi à mettre des scanlines en full sur tout le site et en fait ça gène vraiment niveau lisibilité, vaut mieux le garder sur le body e tlaisser les fenêtres lisses au dessus.
    Avatar de SourcilDeFillon SourcilDeFillon
    Posté le 04/01/2018 à 18:39:00
    Citation de Danger
    Ça serait cool le style retro ouais.
    J'ai fait un petit script pour retirer le menu doublon à droite et tout mettre en haut mais bon il est valable pour n'importe quel thème. Par contre pour l'ajouter faut avoir installé ton style avec Tanpermonkey ou autre pour rajouter du JS.
    https://jsfiddle.net/r5uqaa1L/3/
    Apercite https://jsfiddle.net/r5uqaa1L/3/

    Par contre j'ai pas fait la classe active des nouveaux boutons.
    Bon là y a pas vraiment de fond mais si y a un thème retro c'est bien d'avoir un peu d'espace.


    Le menu doublon ? celui qui genere la double bordure ? :(
    J'y connais rien du tout en JS j'avoue que je comprends pas tout là :hap:
    Et normalement les thèmes c'est pas indépendants des scripts ? (genre utiliser stylus pour les styles et tampermonkhey pour les scripts js ?)
    Avatar de Danger Danger
    Posté le 04/01/2018 à 18:41:28
    Citation de SourcilDeFillon
    Citation de Danger
    Ça serait cool le style retro ouais.
    J'ai fait un petit script pour retirer le menu doublon à droite et tout mettre en haut mais bon il est valable pour n'importe quel thème. Par contre pour l'ajouter faut avoir installé ton style avec Tanpermonkey ou autre pour rajouter du JS.
    https://jsfiddle.net/r5uqaa1L/3/
    Apercite https://jsfiddle.net/r5uqaa1L/3/

    Par contre j'ai pas fait la classe active des nouveaux boutons.
    Bon là y a pas vraiment de fond mais si y a un thème retro c'est bien d'avoir un peu d'espace.
    Le menu doublon ? celui qui genere la double bordure ? :(
    J'y connais rien du tout en JS j'avoue que je comprends pas tout là :hap:
    Et normalement les thèmes c'est pas indépendants des scripts ? (genre utiliser stylus pour les styles et tampermonkhey pour les scripts js ?)

    Ouais celui en haut à droite moche de base qui met deux fois certaines choses...

    Ben dans un sens oui mais tu peux aussi mettre ton css dans une variable JS.

    Si tu veux essayer tu vas sur ton lien stylish, tu cliques sur "install as userscript" (en ayant Tampermonkey avant évidemment) et à la fin tu rajoutes le bout de JS que tu veux dans une fonction.
    #1418928
    Avatar de SourcilDeFillon SourcilDeFillon
    Posté le 04/01/2018 à 18:43:14
    Vaporwave c'est assez flottant, des sons samplés (il me semble)
    Assez minimaliste, des sons smooth



    De la bonne synthwave je dirais qu'il y a plutot pas mal de synthé, ca peut aller vers l'épique un peu, et des sons plus riches en harmoniques

    :rire:
    Avatar de PingouinAigri PingouinAigri
    Posté le 04/01/2018 à 18:48:12
    Merci quai.

    Ouais les thèmes sont censés être pur CSS.
    Les scripts JS c'est de la surcharge pour augmenter les possibilités du site web.
    Je pense qu'il faudrait rester simple, et n'utiliser les scripts que pour l'ajout de fonctionnalités plutôt que l'agencement, ça risque de devoir être la merde à maintenir sinon.
    Faudrait voir avec Dev si il serait possible de ré-arranger les layout du fofo via les paramètres utilisateurs par exemple, dans le cadre de la V3.
    Avatar de Belz3buth Belz3buth
    Posté le 04/01/2018 à 18:56:03
    Du coup merci pour le stylus les clés. Je switcherai en fonction de mon humeur entre les deux. Je viens d'installer le stylus on vois les petits touches ajoutées ça fait plaisir :D
    Avatar de PingouinAigri PingouinAigri
    Posté le 04/01/2018 à 20:56:21
    Citation de Perturbator
    Y a des kheys qui sont chaud pour faire un syle synthwave?

    Je suis en train d'en faire un.
    Je voulais faire un effet de parallax mais le site ne s'y prête pas, j'ai juste mis pour l'instant les scanlines et les néons des quais sur les borders
    Liste des sujets