Wordt het niet eens tijd voor verbeterde smileys?

[True]

D4NG3R schreef op dinsdag 17 oktober 2023 @ 11:26:
In m'n custom CSS heb ik ook bijgewerkt, ook die keek voorheen een beetje opzij:

[Afbeelding]

[Afbeelding]

Versie in mijn CSS:
[Afbeelding]

Uiteindelijk /mierrenneukmodus hoor, ik vind verreweg de meeste nieuwe vectormapped varianten goed geslaagd.

offtopic:
Ik snap het gebruik van CSS voor smileys niet zo goed. Jij ziet ze anders en gebruikt ze waar je ze passend vindt, maar hoe wordt dat door anderen gezien die die smileys niet zo zien zoals jij? Ik snap dat je van mening bent dat de oude/schuin wegkijkende leuker zijn (daar ben ik het met je eens), maar dan gebruik je ze enkel en alleen voor jezelf, zonder echt toegevoegde waarde. Aannemend dat je je eigen post niet vier keer doorleest na het posten?

[D4NG3R]

True schreef op dinsdag 17 oktober 2023 @ 11:34:
[...]

offtopic:
Ik snap het gebruik van CSS voor smileys niet zo goed. Jij ziet ze anders en gebruikt ze waar je ze passend vindt, maar hoe wordt dat door anderen gezien die die smileys niet zo zien zoals jij? Ik snap dat je van mening bent dat de oude/schuin wegkijkende leuker zijn (daar ben ik het met je eens), maar dan gebruik je ze enkel en alleen voor jezelf, zonder echt toegevoegde waarde. Aannemend dat je je eigen post niet vier keer doorleest na het posten?

offtopic:
Om exact dezelfde reden als waarom ik en anderen op andere plekken custom CSS gebruik(en); persoonlijke smaak. Ik stoorde mij er genoeg aan om het te willen wijzigen.

De wijzigingen welke ik gemaakt heb zijn vrij subtiel en maken ze alleen maar wat beter zichtbaar en in lijn met hoe ze er eerder uit zagen.

[ Voor 11% gewijzigd door D4NG3R op 17-10-2023 11:40 ]

[Balance]

Het forum van Tweakers.net bevat onschatbare waarde aan 20+ jaar forumpost, over technologie, maar ook talloze andere zaken. Tweakers hebben zich in de tijdsgeest uitgedrukt met de op dat moment beschikbare technlogie, waaronder verschillende smileys.

Hoewel ik groot fan ben van vector-graphics en een aantal van de nieuwe smileys er echt goed uit vind zien, lijkt het me zeer onwenselijk alles met terugwerkende kracht op het forum en de front-page uit te rollen. Ondanks dat met de beste intenties de smileys wordt geprobeerd zo identiek mogelijk te houden, zal dit nooit 100% lukken en wijzigt daarmee de informatie die de smiley weergeeft.

Het is een beetje alsof we oude spellingswijzen (reklame ) retroactief zouden gaan vervangen. Wijzigt de lading? Waarschijnlijk niet (en dat is opzichzelf gevaarlijk). Maar haalt het de tijdsgeest uit de communicatie? Zeker.

Ik zou dus willen voorstellen de oude smileys als nostalgisch communicatiemiddel in alle bestaande forumpost en frontpage reacties te laten, en vanaf nu te genieten van de nieuwe smileys!

[5pë©ïàál_Tèkén]

Ik voorzie tig meldingen bij Stoute bugs hierover als dit zou gebeuren. Het is leuk voor de oude garde om de switch van oude naar nieuwe smileys te zien (aah de MSN tijd...), maar de jongere generatie heeft hier denk ik niks mee. Het zorgt er ook voor dat er twee systemen in de lucht gehouden moeten worden i.p.v. een.
Ik ben ook geen fan van verandering op het Tweakers platform. Met custom CSS sloop ik zo veel mogelijk verandering er uit om de tand des tijds tegen te gaan. Dit is iets waar ik me zonder weerstand bij ga neerleggen.

Hier nog een nostalgisch paard om je leed te verzachten. Knuffel hem nu het nog kan.

[mrc4nl]

waar ik mij nog aan stoor is dat de koe transparant is, leuk op witte achtergrond maar in donkere modus toch wel een beetje....



edit: test

[crisp]

mrc4nl schreef op dinsdag 17 oktober 2023 @ 13:13:
waar ik mij nog aan stoor is dat de koe transparant is, leuk op witte achtergrond maar in donkere modus toch wel een beetje....

[Afbeelding]

Daar hebben we al een aanpassing op gedaan. Een harde refresh, of je cache legen zou al soelaas moeten bieden

[jelle.]

@Balance en @5pë©ïàál_Tèkén: ik heb jullie reacties verplaatst naar dit centrale topic

[Orion84]

Balance schreef op dinsdag 17 oktober 2023 @ 12:54:
Ik zou dus willen voorstellen de oude smileys als nostalgisch communicatiemiddel in alle bestaande forumpost en frontpage reacties te laten, en vanaf nu te genieten van de nieuwe smileys!

Dat is volgens mij ook hoe het nu werkt? Kijk maar naar de topicstart van dit topic, daar staan nog gewoon de oude gif/png plaatjes in de posts. Zo lang de posts niet opnieuw geparsed worden, gelden de nieuwe smileys alleen voor nieuwe posts.

Of mis ik nu iets, @crisp?

Verder vind ik dat persoonlijk een beetje een non-issue, zeker gezien de opgepoetste versies zo enorm dicht bij de oorspronkelijke smileys zitten.

[ Voor 12% gewijzigd door Orion84 op 17-10-2023 14:03 ]

[5pë©ïàál_Tèkén]

@Orion84 Er komt een moment dat alle oude posts opnieuw geparsed worden. Dan worden alle oude smileys met terugwerkende kracht vervangen. /bemoeienis

[5pë©ïàál_Tèkén]

Is er al een plan wat jullie gaan doen met die 281 vrijgekomen bytes?

[crisp]

Orion84 schreef op dinsdag 17 oktober 2023 @ 14:00:
[...]

Dat is volgens mij ook hoe het nu werkt? Kijk maar naar de topicstart van dit topic, daar staan nog gewoon de oude gif/png plaatjes in de posts. Zo lang de posts niet opnieuw geparsed worden, gelden de nieuwe smileys alleen voor nieuwe posts.

Of mis ik nu iets, @crisp?

Verder vind ik dat persoonlijk een beetje een non-issue, zeker gezien de opgepoetste versies zo enorm dicht bij de oorspronkelijke smileys zitten.

Als je een oude post edit dan wordt deze sowieso opnieuw geparsed en krijgt deze nieuwe smilies. We hebben geen logica om in oude posts de oude smilies te behouden, dus als we voor wat voor reden dan ook een herparse uit moeten uitvoeren, dan worden smilies ook geupdate. Het is uiteindelijk onze bedoeling om alle content te gaan herparsen als we eenmaal alle smilies hebben vervangen.

[Fauna]

In de eerste plaats: goed werk!

Suggestie: wellicht ook een goed idee om de smileys te updaten in de survey op de frontpage?

[laptopleon]

crisp schreef op dinsdag 17 oktober 2023 @ 14:31:
[...]
Als je een oude post edit dan wordt deze sowieso opnieuw geparsed en krijgt deze nieuwe smilies. We hebben geen logica om in oude posts de oude smilies te behouden, dus als we voor wat voor reden dan ook een herparse uit moeten uitvoeren, dan worden smilies ook geupdate. Het is uiteindelijk onze bedoeling om alle content te gaan herparsen als we eenmaal alle smilies hebben vervangen.

Begrijpelijk dat de stap naar vector gemaakt wordt, maar ik zou het heel jammer vinden als de oude versies verloren zouden gaan. Dit zijn nou net typisch van die kenmerken die het in de toekomst inzichtelijk maken dat internet er in het verleden behoorlijk anders uit zag.

De logica kan heel simpel zijn, toch? Posts van vóór een bepaalde datum worden met de gifs geparst (stam eindig op een letter uit kofschip dus een t op het eind ) en alles wat nieuwer is krijgt de .svg die toen in de gui zat.

Wat me opvalt aan deze eerste .svg-versies, is dat ze zo vlijmscherp zijn van vorm. Je kunt je ook afvragen of een heel klein beetje anti-aliassen niet mooier zou zijn.

[crisp]

Inmiddels mogen we ook de eerste 2 geanimeerde SVG-smileys verwelkomen:

[Orion84]

Nice

De 'worshippy' heeft niet helemaal dezelfde feel, met name de handjes (staan wat schuin), maar ik kan hier wel aan wennen. Keep up the good work

[ Voor 6% gewijzigd door Orion84 op 05-12-2023 15:07 ]

[Zeror]

crisp schreef op dinsdag 5 december 2023 @ 14:44:
Inmiddels mogen we ook de eerste 2 geanimeerde SVG-smileys verwelkomen:

Ze bewegen niet hier...
Is dat een Firefox ding of iets anders?

[XWB]

@Zeror Heb je misschien prefers-reduced-motion aangezet? Want dan zetten we de animatie uit:

Cascading Stylesheet:

@media(prefers-reduced-motion) {
  * {
      animation: none !important;
  }
}

Zie ook https://developer.mozilla...d-motion#user_preferences

[Zeror]

XWB schreef op dinsdag 5 december 2023 @ 16:01:
@Zeror Heb je misschien prefers-reduced-motion aangezet? Want dan zetten we de animatie uit:

Cascading Stylesheet:

@media(prefers-reduced-motion) {
  * {
      animation: none !important;
  }
}

Zie ook https://developer.mozilla...d-motion#user_preferences

Niet in mijn browser, maar wel in Windows 11 (Accessibility > Visual effects > Animation effects: off). Nu aangezet in Windows en de animatie werkt wel. Voor het eerst dat ik zie dat die feature door een website opgepikt wordt trouwens.

[ Voor 4% gewijzigd door Zeror op 05-12-2023 16:16 ]

[XWB]

Zeror schreef op dinsdag 5 december 2023 @ 16:14:
[...]

Voor het eerst dat ik zie dat die feature door een website opgepikt wordt trouwens.

Het developmentteam heeft de doelstelling om meer rekening te houden met accessibility settings, daar valt dit dan ook onder

[crisp]

Zeror schreef op dinsdag 5 december 2023 @ 16:14:
[...]

Niet in mijn browser, maar wel in Windows 11 (Accessibility > Visual effects > Animation effects: off). Nu aangezet in Windows en de animatie werkt wel. Voor het eerst dat ik zie dat die feature door een website opgepikt wordt trouwens.

Het luistert inderdaad ook naar je os-instelling, net als de voorkeur voor darkmode. Zie ook https://developer.mozilla...d-motion#user_preferences

[D4NG3R]

Nou, het gaat niet helemaal 100%, in ieder geval niet in Edge Version 119.0.2151.97 (Official build) (64-bit).
De 1e keer dat ik deze pagina op kom bewegen ze niet. Na een reload wel.

Hetzelfde gebeurt in Chrome Version 119.0.6045.200 (Official Build) (64-bit) waar ik niet ingelogd ben en 0 plugins geïnstalleerd staan.

Edit: In beide gevallen werkt het alleen na een reload van de pagina, vanaf het forum dit topic in klikken resulteert opnieuw in stilstaande plaatjes.

Edit 2: Of vaag gedrag wat er tussen zit zoals dit:

[ Voor 39% gewijzigd door D4NG3R op 05-12-2023 16:37 ]

[Zeror]

XWB schreef op dinsdag 5 december 2023 @ 16:21:
[...]


Het developmentteam heeft de doelstelling om meer rekening te houden met accessibility settings, daar valt dit dan ook onder

Dat is natuurlijk heel goed dat jullie daar op letten. Maar zo heel veel bewegende onderdelen zijn er niet op Tweakers en als iemand ziet dat z'n smileys niet bewegen kan dat natuurlijk vrij makkelijk als een bug worden opgemerkt. Dus ik denk dat het wel goed is om daar nog iets mee te doen. En dat kan zoiets simpels zijn als een voetnoot bij de smileys op de reageer-pagina waar vermeld staat dat je geanimeerde smileys aan/uit kunt zetten met de reduced motion setting van je os.

[Blue-eagle]

In accessibility in het algemeen worden ook kleine animaties meegenomen met "reduced motion" voorkeuren. Maargoed, "reduced" betekent niet noodzakelijk "turned-off" motion Wat Tweakers wel kan overwegen is in die media query niet de animatie uit te zetten, maar simpelweg te vertragen:

code:

  * { animation-duration: 4000ms !important; }

Maar er zijn meerdere animaties met verschillende duraties die je dan met de media-query opnieuw zou moeten berekenen.

Edit: Je zou het ook makkelijker wel variabel kunnen maken denk ik, door de animation-duration afhankelijk te maken van een CSS variabele en de @property oplossing waarbij je die values ook kan aanpassen.

Zie: https://developer.mozilla.org/en-US/docs/Web/CSS/@property

code:

@property --tnet_duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 1000ms;
}

@media (prefers-reduced-motion: reduce) {
  .face {
    animation-duration: calc(--tnet_duration * 3);
  }
  /* etc. */
}

Niet getest maar dat zou het makkelijker kunnen maken: 1 waarde voor de snelheid en alles past zich aan op die waarde door het met calc() te vermenigvuldigen.

[ Voor 41% gewijzigd door Blue-eagle op 05-12-2023 17:11 ]

[crisp]

Blue-eagle schreef op dinsdag 5 december 2023 @ 17:04:
In accessibility in het algemeen worden ook kleine animaties meegenomen met "reduced motion" voorkeuren. Maargoed, "reduced" betekent niet noodzakelijk "turned-off" motion Wat Tweakers wel kan overwegen is in die media query niet de animatie uit te zetten, maar simpelweg te vertragen:

code:

  * { animation-duration: 4000ms !important; }

Maar er zijn meerdere animaties met verschillende duraties die je dan met de media-query opnieuw zou moeten berekenen.

Edit: Je zou het ook makkelijker wel variabel kunnen maken denk ik, door de animation-duration afhankelijk te maken van een CSS variabele en de @property oplossing waarbij je die values ook kan aanpassen.

Zie: https://developer.mozilla.org/en-US/docs/Web/CSS/@property

code:

@property --tnet_duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 1000ms;
}

@media (prefers-reduced-motion: reduce) {
  .face {
    animation-duration: calc(--tnet_duration * 3);
  }
  /* etc. */
}

Niet getest maar dat zou het makkelijker kunnen maken: 1 waarde voor de snelheid en alles past zich aan op die waarde door het met calc() te vermenigvuldigen.

Leuk, maar bewerkelijk, en vergt ook inlinen van de SVGs ipv als <img> embedden. Daarbij is reduced motion m.i. niet hetzelfde als vertragen. Bij een animatie van een sidebar of accordionmenu wil je misschien wel juist versnellen. Bij smilies zou je ook kunnen opteren voor een langere pauze tussen herhaling van een animatie. Als je het echt goed wilt doen dan moet je elke animatie op zichzelf bekijken, en bedenken wat een goed reduced alternatief zou zijn, en dan nog doe je het (net als met darkmode) nooit voor iedereen helemaal goed.

Belangrijkste vraag is echter hoeveel moeite we hierin zouden moeten stoppen..

[Zeror]

crisp schreef op dinsdag 5 december 2023 @ 17:58:
Belangrijkste vraag is echter hoeveel moeite we hierin zouden moeten stoppen..

En dat is ook gelijk het probleem waardoor dit soort dingen vaak niet goed of onvoldoende wordt uitgevoerd. Gebrek aan tijd of belang ervan. Jammer natuurlijk, maar wel begrijpelijk.

[nero355]

crisp schreef op dinsdag 5 december 2023 @ 14:44:
Inmiddels mogen we ook de eerste 2 geanimeerde SVG-smileys verwelkomen:

Sorry, maar ik vind het allemaal maar lelijker en lelijker worden op zeer klein aantal na...

Het is net of ze in de SVG versie aan de botox zijn gegaan of iets van plastische chirurgie hebben gehad zoals al die rare mensen in Hollywoord en zo...

Gelukt :
Ken net :
Mislukt :

Ik ben altijd tegen het gebruik van non-GoT smilies geweest zeg maar zoals het spul dat je in allerlei tablet/telefoon gerelateerde diensten tegenkomt, maar misschien zijn we nu op een punt gekomen dat het wel de betere optie is dan alles op deze manier te blijven verpesten

Het is dat ik de URL's van de originele versies niet ernaast kan zetten zo 1,2,3 want dan zou je het verschil echt heel goed zien!

[crisp]

@nero355 je hebt sowieso een paar smilies bij 'mislukt' staan die ueberhaupt nog geen svg zijn

En verder, we doen ons best. Jammer dat het je niet kan bekoren. Met deze lichting hebben we overigens ook wat smilies verbeterd; het kan zijn dat je een harde refresh moet doen om de nieuwste versies te krijgen.

[nero355]

crisp schreef op dinsdag 5 december 2023 @ 19:41:
Je hebt sowieso een paar smilies bij 'mislukt' staan die ueberhaupt nog geen svg zijn

Zou zweren dat ik alles ben nagelopen...?!

Zie het anders als de bezem erdoor halen en verbeter exemplaren of zoiets

En verder, we doen ons best. Jammer dat het je niet kan bekoren.

Snap ik, maar ik vind het echt jammer zo...

Zou bijna naar Custom CSS Snippets gaan zoeken die nog de oude smilies laten weergeven!

Met deze lichting hebben we overigens ook wat smilies verbeterd; het kan zijn dat je een harde refresh moet doen om de nieuwste versies te krijgen.

Ik start altijd met een lege Cache omdat die wordt gedumpt als ik de browser afsluit dus dat kan het niet zijn

[Lordy79]

Tja, ik heb de veranderingen gezien en het is even wennen bij sommige smiley's maar ik denk dat als ze allemaal zijn geupdate en we zijn daarna een half jaar verder, dat iedereen er aan gewend is.

Sowieso is het honderdduizend keer beter dan de 'smiley's' in andere (grote) apps maar het pixelige mag er anno 2023 wel af.
Dus hier een tevreden tweaker (Van het eerste uur) !

[Yorinn]

XWB schreef op dinsdag 5 december 2023 @ 16:21:
[...]


Het developmentteam heeft de doelstelling om meer rekening te houden met accessibility settings, daar valt dit dan ook onder

Ook hier in Chrome op Android zijn ze niet geanimeerd.

[crisp]

Yorinn schreef op dinsdag 5 december 2023 @ 21:32:
[...]


Ook hier in Chrome op Android zijn ze niet geanimeerd.

Ik heb het idee dat het te maken heeft met performance; dat Chrome (op mobiele devices) de animatie daarom in sommige gevallen niet uitvoert. Net had ik dat wel de werd geanimeerd, maar niet.

Het zou misschien interessant zijn om te kijken of de performance beter is (voor zover dit een performance issue is) als we SVG Animations zouden gebruiken ipv CSS transitions, maar ik meen dat @Femme nu een of andere tool gebruikt om de geanimeerde versies te maken, en die genereert dus CSS transitions.

[ Voor 32% gewijzigd door crisp op 05-12-2023 21:47 ]

[Yorinn]

crisp schreef op dinsdag 5 december 2023 @ 21:36:
[...]

Ik heb het idee dat het te maken heeft met performance; dat Chrome (op mobiele devices) de animatie daarom in sommige gevallen niet uitvoert. Net had ik dat wel de werd geanimeerd, maar niet.

Het zou misschien interessant zijn om te kijken of de performance beter is (voor zover dit een performance issue is) als we SVG Animations zouden gebruiken ipv CSS transitions, maar ik meen dat @Femme nu een of andere tool gebruikt om de geanimeerde versies te maken, en die genereert dus CSS transitions.

Het gekke is dat ze nu wel geanimeerd zijn en ik verder niets heb gewijzigd aan instellingen.

[crisp]

Yorinn schreef op dinsdag 5 december 2023 @ 22:09:
[...]


Het gekke is dat ze nu wel geanimeerd zijn en ik verder niets heb gewijzigd aan instellingen.

Ja, het lijkt erg intermittent te zijn

[posttoast]

Er lijken sowieso wat gekke dingen aan de hand te zijn met de worshippy animatie: zodra hij gaat "kantelen" worden de dikkere strokes van de handen semi-transparant en zie je de basislijnen er doorheen. En daarnaast loopt het draaien van de gradient niet gelijk met het heen en weer bewegen van het gezicht.

[Zeror]

XWB schreef op dinsdag 5 december 2023 @ 16:01:
-snip-

Zie ook https://developer.mozilla...d-motion#user_preferences

Ik heb inmiddels de volgende setting in Firefox aangepast ipv in m'n OS de animaties uit. Ik heb vooral de animaties in m'n OS uit staan voor een vlottere gebruikservaring, zodat de venster niet alle kanten op bewegen, maar gewoon instant zijn. In m'n browser mogen de animaties er wel gewoon zijn.

• Setting:
  In Firefox about:config: Add a number preference called ui.prefersReducedMotion and set its value to either 0 for full animation or to 1 to indicate a preference for reduced motion. Changes to this preference take effect immediately.

[Sando]

Ik weet niet precies wie hier allemaal aan gewerkt hebben, maar ik ben erg blij met deze refresh. Ik heb er in het verleden wel eens om gezeurd, dus bij deze ook even knielen!

Het zal niet zo simpel zijn als het lijkt. Het is best wel een werk om de charme van zo weinig pixels scherp over te brengen. Maar het ziet er heel fris uit. Op 4k en 8k monitors spat het verschil van je scherm af.

Goed bezig! En ga vooral zo door!

[i7x]

In Safari op iOS werkt het gewoon goed, maar als het daarbuiten soms niet werkt is dat wel een probleem… vind ze trouwens zelf goed gelukt, veel leuker zo dan standaard smileys!

[crisp]

We hebben nog even gekeken naar de nieuwe geanimeerde smilies ( en ) en deze handmatig geoptimaliseerd. Hopelijk lost dat het probleem van niet-animeren op

[Blue-eagle]

@crisp Goed werk, tof om te zien dat dit zo mooi lukt! Zitten er nog andere voordelen aan voor jullie bij Tweakers zelf? Minder bandbreedte wellicht? Ben wel benieuwd of dat verschil maakt of niet

Oh, en worden de smileys ook open-source gedeeld met de communities online? Er zat een vorm van copyright op de oude smileys dacht ik, wat in de weg leek te zitten, dat is geen bezwaar geweest?

[AW_Bos]

Blue-eagle schreef op vrijdag 22 december 2023 @ 16:28:
@crisp Goed werk, tof om te zien dat dit zo mooi lukt! Zitten er nog andere voordelen aan voor jullie bij Tweakers zelf? Minder bandbreedte wellicht? Ben wel benieuwd of dat verschil maakt of niet

Oh, en worden de smileys ook open-source gedeeld met de communities online? Er zat een vorm van copyright op de oude smileys dacht ik, wat in de weg leek te zitten, dat is geen bezwaar geweest?

INAL, maar de nieuwe SVG-made smilies zijn een nieuw ontwerp. Er zit vast geen geregistreerd beeldmerk op die smilies. Dus het lijkt mij dat er geen inbreuk plaatsvindt. De meeste smilies zijn bovendien door diverse Tweakers en Fok!kers gemaakt.

Het auteursrecht van de nieuwe SVG's liggen bij Tweakers zelf.
Nu ben ik benieuwd: Hoe kijkt Tweakers naar gebruik door andere sites?

[ Voor 12% gewijzigd door AW_Bos op 22-12-2023 16:49 ]

[Sando]

Naast die nieuwe superscherpe smileys, wordt het niet ook eens tijd voor high DPI avatars?

[DUX]

AW_Bos schreef op vrijdag 22 december 2023 @ 16:47:
[...]

INAL, maar de nieuwe SVG-made smilies zijn een nieuw ontwerp. Er zit vast geen geregistreerd beeldmerk op die smilies. Dus het lijkt mij dat er geen inbreuk plaatsvindt. De meeste smilies zijn bovendien door diverse Tweakers en Fok!kers gemaakt.

Het auteursrecht van de nieuwe SVG's liggen bij Tweakers zelf.
Nu ben ik benieuwd: Hoe kijkt Tweakers naar gebruik door andere sites?

Nieuw ontwerp lijkt me nog wel te betwisten gezien ze met hulp van overtrekpapier nagemaakt zijn van de oude varianten Daarnaast zijn ze "geïnspireerd door" en "uitgevoerd als" de oude varianten.

Maar, dat gezegd hebbende: ik had de eer twee van de smileys aan te mogen leveren en T.net mag ermee doen wat ze willen, wat mij betreft. Vind het wel jammer om mijn eigen varianten te zien vertrekken, tho. Stukje trots.

[posttoast]

Sando schreef op vrijdag 19 januari 2024 @ 12:35:
Naast die nieuwe superscherpe smileys, wordt het niet ook eens tijd voor high DPI avatars?

Met SVG-support!

[AW_Bos]

DUX schreef op vrijdag 19 januari 2024 @ 14:47:
[...]

Nieuw ontwerp lijkt me nog wel te betwisten gezien ze met hulp van overtrekpapier nagemaakt zijn van de oude varianten Daarnaast zijn ze "geïnspireerd door" en "uitgevoerd als" de oude varianten.

Maar, dat gezegd hebbende: ik had de eer twee van de smileys aan te mogen leveren en T.net mag ermee doen wat ze willen, wat mij betreft. Vind het wel jammer om mijn eigen varianten te zien vertrekken, tho. Stukje trots.

De .gif bestaat toch nog steeds?

[ Voor 4% gewijzigd door AW_Bos op 19-01-2024 15:39 ]

[crisp]

AW_Bos schreef op vrijdag 19 januari 2024 @ 15:38:
[...]

De .gif bestaat toch nog steeds? [Afbeelding]

Jep, en je kan dus ook dit doen in custom css:

Cascading Stylesheet:

img[alt=":P"] {
    content: url("https://tweakers.net/g/s/puh2.gif");
    width: 15px;
    height: 15px;
}

[nero355]

crisp schreef op dinsdag 23 januari 2024 @ 11:35:
Jep, en je kan dus ook dit doen in custom css:

Cascading Stylesheet:

img[alt=":P"] {
    content: url("https://tweakers.net/g/s/puh2.gif");
    width: 15px;
    height: 15px;
}

Is er al een stuk CustomCSS beschikbaar om ze allemaal te vervangen ??

en zijn opzich wel redelijk aan elkaar gelijk, maar genoeg anderen echt totaal niet, zoals of helaas...

[Orion84]

nero355 schreef op dinsdag 23 januari 2024 @ 16:08:
[...]

Is er al een stuk CustomCSS beschikbaar om ze allemaal te vervangen ??

en [Afbeelding] zijn opzich wel redelijk aan elkaar gelijk, maar genoeg anderen echt totaal niet, zoals of helaas...

Beetje creatief met search&replace in notepad++ op basis van de lijst smilies onder de post editor (ook beschikbaar als snippet "Classic gif smilies"):

Cascading Stylesheet:

img[alt=":("] {
content: url("https://tweakers.net/g/s/frown.gif");
 width: 16px;
 height: 16px;
}
img[alt=":)"] {
content: url("https://tweakers.net/g/s/smile.gif");
 width: 16px;
 height: 16px;
}
img[alt=";)"] {
content: url("https://tweakers.net/g/s/wink.gif");
 width: 16px;
 height: 16px;
}
img[alt=">:)"] {
content: url("https://tweakers.net/g/s/devil.gif");
 width: 16px;
 height: 17px;
}
img[alt=":>"] {
content: url("https://tweakers.net/g/s/puh.gif");
 width: 16px;
 height: 16px;
}
img[alt=":P"] {
content: url("https://tweakers.net/g/s/puh2.gif");
 width: 16px;
 height: 16px;
}
img[alt=":9"] {
content: url("https://tweakers.net/g/s/yummie.gif");
 width: 16px;
 height: 16px;
}
img[alt=":o"] {
content: url("https://tweakers.net/g/s/redface.gif");
 width: 16px;
 height: 16px;
}
img[alt=":*)"] {
content: url("https://tweakers.net/g/s/shiny.gif");
 width: 16px;
 height: 16px;
}
img[alt=":\'("] {
content: url("https://tweakers.net/g/s/cry.gif");
 width: 16px;
 height: 16px;
}
img[alt="8)"] {
content: url("https://tweakers.net/g/s/coool.gif");
 width: 16px;
 height: 16px;
}
img[alt=":+"] {
content: url("https://tweakers.net/g/s/clown.gif");
 width: 16px;
 height: 16px;
}
img[alt=":D"] {
content: url("https://tweakers.net/g/s/biggrin.gif");
 width: 16px;
 height: 16px;
}
img[alt="_/-\\o_"] {
content: url("https://tweakers.net/g/s/worshippy.gif");
 width: 34px;
 height: 16px;
}
img[alt=":9~"] {
content: url("https://tweakers.net/g/s/kwijl.gif");
 width: 16px;
 height: 16px;
}
img[alt="O+"] {
content: url("https://tweakers.net/g/s/heart.gif");
 width: 16px;
 height: 16px;
}
img[alt=":O"] {
content: url("https://tweakers.net/g/s/yawnee.gif");
width: 15px;
 height: 15px;
}
img[alt="}:O"] {
content: url("https://tweakers.net/g/s/rc5.gif");
 width: 18px;
 height: 18px;
}
img[alt=":/"] {
content: url("https://tweakers.net/g/s/nosmile.gif");
width: 15px;
 height: 15px;
}
img[alt=":|"] {
content: url("https://tweakers.net/g/s/nosmile2.gif");
 width: 16px;
 height: 16px;
}
img[alt=":X"] {
content: url("https://tweakers.net/g/s/shutup.gif");
width: 15px;
 height: 16px;
}
img[alt=":?"] {
content: url("https://tweakers.net/g/s/confused.gif");
 width: 20px;
 height: 16px;
}
img[alt="8)7"] {
content: url("https://tweakers.net/g/s/bonk.gif");
width: 30px;
 height: 17px;
}
img[alt="|:("] {
content: url("https://tweakers.net/g/s/frusty.gif");
width: 30px;
 height: 15px;
}
img[alt="O-)"] {
content: url("https://tweakers.net/g/s/hypocrite.gif");
width: 15px;
 height: 20px;
}
img[alt=":z"] {
content: url("https://tweakers.net/g/s/sleephappy.gif");
width: 32px;
 height: 15px;
}
img[alt=";("] {
content: url("https://tweakers.net/g/s/sadley.gif");
 width: 16px;
 height: 16px;
}
img[alt=":F"] {
content: url("https://tweakers.net/g/s/facepalm.gif");
width: 15px;
 height: 15px;
}
img[alt=";w"] {
content: url("https://tweakers.net/g/s/farewell.gif");
width: 24px;
 height: 15px;
}
img[alt=":-("] {
content: url("https://tweakers.net/g/s/unhappy.gif");
 width: 16px;
 height: 16px;
}
img[alt=":r"] {
content: url("https://tweakers.net/g/s/pukey.gif");
width: 15px;
 height: 15px;
}
img[alt="B)"] {
content: url("https://tweakers.net/g/s/nerd.gif");
 width: 16px;
 height: 16px;
}
img[alt=":Y)"] {
content: url("https://tweakers.net/g/s/vork.gif");
 width: 22px;
 height: 16px;
}
img[alt="(8>"] {
content: url("https://tweakers.net/g/s/michel.gif");
 width: 16px;
 height: 19px;
}
img[alt=":7"] {
content: url("https://tweakers.net/g/s/loveit.gif");
 width: 17px;
 height: 17px;
}
img[alt=":Z"] {
content: url("https://tweakers.net/g/s/sleepey.gif");
width: 32px;
 height: 15px;
}
img[alt="})"] {
content: url("https://tweakers.net/g/s/devilish.gif");
 width: 22px;
 height: 19px;
}
img[alt="B-)"] {
content: url("https://tweakers.net/g/s/shadey.gif");
width: 15px;
 height: 15px;
}
img[alt=":w"] {
content: url("https://tweakers.net/g/s/bye.gif");
width: 24px;
 height: 15px;
}
img[alt="d:)b"] {
content: url("https://tweakers.net/g/s/thumbsup.gif");
 width: 38px;
 height: 18px;
}
img[alt="(y)"] {
content: url("https://tweakers.net/g/s/ok.gif");
 width: 16px;
 height: 16px;
}
img[alt="7(8)7"] {
content: url("https://tweakers.net/g/s/bonk3.gif");
width: 43px;
 height: 15px;
}
img[alt="*;"] {
content: url("https://tweakers.net/g/s/loveys.gif");
width: 30px;
 height: 21px;
}
img[alt="<+:)"] {
content: url("https://tweakers.net/g/s/sintsmiley.gif");
width: 15px;
 height: 25px;
}
img[alt="o<:)"] {
content: url("https://tweakers.net/g/s/xmas.gif");
 width: 25px;
 height: 22px;
}
img[alt="^)"] {
content: url("https://tweakers.net/g/s/marrysmile.gif");
 width: 36px;
 height: 25px;
}
img[alt=":$"] {
content: url("https://tweakers.net/g/s/bloos.gif");
 width: 18px;
 height: 16px;
}
img[alt="}:|"] {
content: url("https://tweakers.net/g/s/eerie.gif");
 width: 16px;
 height: 16px;
}
img[alt=":\')"] {
content: url("https://tweakers.net/g/s/emo.gif");
 width: 16px;
 height: 16px;
}
img[alt=":S"] {
content: url("https://tweakers.net/g/s/huh.gif");
 width: 16px;
 height: 16px;
}
img[alt=":Y"] {
content: url("https://tweakers.net/g/s/yes.gif");
width: 15px;
 height: 15px;
}
img[alt=":N"] {
content: url("https://tweakers.net/g/s/no.gif");
width: 15px;
 height: 15px;
}
img[alt="*O*"] {
content: url("https://tweakers.net/g/s/pompom.gif");
width: 41px;
 height: 24px;
}
img[alt="-O-"] {
content: url("https://tweakers.net/g/s/nopompom.gif");
width: 30px;
 height: 25px;
}
img[alt="_O-"] {
content: url("https://tweakers.net/g/s/lol.gif");
width: 29px;
 height: 15px;
}
img[alt="oOo"] {
content: url("https://tweakers.net/g/s/hup.gif");
width: 24px;
 height: 17px;
}
img[alt=":)F"] {
content: url("https://tweakers.net/g/s/oranje.gif");
width: 30px;
 height: 20px;
}
img[alt=":)B"] {
content: url("https://tweakers.net/g/s/belgie.gif");
width: 30px;
 height: 20px;
}
img[alt="/3"] {
content: url("https://tweakers.net/g/s/paard.gif");
 width: 20px;
 height: 16px;
}
img[alt="<3"] {
content: url("https://tweakers.net/g/s/rozewolk.gif");
width: 15px;
 height: 20px;
}
img[alt=":(:)"] {
content: url("https://tweakers.net/g/s/knuf.gif");
width: 35px;
 height: 18px;
}
img[alt=":9B"] {
content: url("https://tweakers.net/g/s/yummie-beer.gif");
 width: 28px;
 height: 19px;
}

Ik gebruik 'm zelf overigens niet, vind de opgefriste SVG versies over het algemeen stukken beter dan die oude gifjes, dus mocht er iets niet aan werken of zo: fix het zelf of geef me even een seintje zodat ik die snippet kan verbeteren

[AW_Bos]

En het linkje naar de snippet

Classic gif smilies

[nero355]

Orion84 schreef op dinsdag 23 januari 2024 @ 16:45:
Beetje creatief met search&replace in notepad++ op basis van de lijst smilies onder de post editor (ook beschikbaar als snippet "Classic gif smilies"):

Ik gebruik 'm zelf overigens niet, vind de opgefriste SVG versies over het algemeen stukken beter dan die oude gifjes, dus mocht er iets niet aan werken of zo: fix het zelf of geef me even een seintje zodat ik die snippet kan verbeteren

AW_Bos schreef op dinsdag 23 januari 2024 @ 18:12:
En het linkje naar de snippet

Classic gif smilies

100% AWESOME!!!

Als er wat is dan ram ik wel op die Feedback knop daar

[Help!!!!]

AW_Bos schreef op dinsdag 23 januari 2024 @ 18:12:
En het linkje naar de snippet

Classic gif smilies

Had hem wel al gevonden en geinstalleerd maar toch bedankt.

Classics zijn wat minder steriel en geven voor mij de sfeer en intentie beter weer.

Jammer dat ze de nadelen vd oude smilies niet konden oplossen zonder de looks te veranderen.

[Orion84]

crisp schreef op dinsdag 23 januari 2024 @ 11:35:
[...]

Jep, en je kan dus ook dit doen in custom css:

Cascading Stylesheet:

img[alt=":P"] {
    content: url("https://tweakers.net/g/s/puh2.gif");
    width: 15px;
    height: 15px;
}

Zo te zien lijkt dat niet te werken voor https://tweakers.net/g/s/ok.gif (y), is die gesneuveld, of had die een andere naam dan wat de svg nu heeft?

PS: in de bericht-editor hebben de plaatjes geen alt-text, waardoor die custom css niet wordt toegepast.

[AW_Bos]

Hoe staat het er eigenlijk voor met de bewegende smilies? Als ik zo kijk zijn alle statische smilies al onder handen genomen, evenals enkele bewegende. Maar volgens mij is het nu een beetje stil op het vlak van de refurbishing? Of zie ik dat verkeerd en wordt er wekelijks nog iets aangepakt?

Ook de ziet er in de lijst behoorlijk platgehamerd uit in vergelijking met de . Zo te zien klopt die height in de HTML niet.

[ Voor 8% gewijzigd door AW_Bos op 02-04-2024 18:35 ]

[crisp]

Orion84 schreef op dinsdag 2 april 2024 @ 13:41:
[...]

Zo te zien lijkt dat niet te werken voor https://tweakers.net/g/s/ok.gif (y), is die gesneuveld, of had die een andere naam dan wat de svg nu heeft?

Dat was een png: https://tweakers.net/g/s/ok.png

PS: in de bericht-editor hebben de plaatjes geen alt-text, waardoor die custom css niet wordt toegepast.

Ik zal eens kijken of ik die kan toevoegen

[crisp]

AW_Bos schreef op dinsdag 2 april 2024 @ 18:34:
Hoe staat het er eigenlijk voor met de bewegende smilies? Als ik zo kijk zijn alle statische smilies al onder handen genomen, evenals enkele bewegende. Maar volgens mij is het nu een beetje stil op het vlak van de refurbishing? Of zie ik dat verkeerd en wordt er wekelijks nog iets aangepakt?

Het staat volgens mij een beetje op een laag pitje...

Ook de ziet er in de lijst behoorlijk platgehamerd uit in vergelijking met de . Zo te zien klopt die height in de HTML niet.

Zal ik ook gelijk naar kijken

[c2m]

Sando schreef op zaterdag 16 december 2023 @ 19:38:
Ik weet niet precies wie hier allemaal aan gewerkt hebben, maar ik ben erg blij met deze refresh. Ik heb er in het verleden wel eens om gezeurd, dus bij deze ook even knielen!

Het zal niet zo simpel zijn als het lijkt. Het is best wel een werk om de charme van zo weinig pixels scherp over te brengen. Maar het ziet er heel fris uit. Op 4k en 8k monitors spat het verschil van je scherm af.

Goed bezig! En ga vooral zo door!

[RobIII]

Loopt dit nog een beetje? Want , , , en en de rest overigens zou ik toch ook heel graag als SVG zien

[ Voor 6% gewijzigd door RobIII op 12-06-2024 10:56 ]

[Moonsugar]

Het loopt, maar niet snel. @Femme is de one man army die deze smileys maakt en die heeft een hoop projecten. Het is dus zo dat hij er soms tussendoor aan kan werken en soms helemaal niet. We zijn het niet vergeten en we praten er regelmatig over, qua planning en tijd gewoon even een beetje schipperen!