Wordt het niet eens tijd voor verbeterde smileys?

[Blue-eagle]

Niet dat ze slecht zijn, integendeel, ze zijn herkenbaar en lief

Maar met custom CSS zien de smileys er toch best jammerlijk uit op een donkere achtergrond, zie:



Dit is op te lossen door een stagiair even een paar uurtjes te laten klooien met Photoshop. Je open het gifje in Photoshop en gumt met een soft brush de bijna-witte randjes weg die vroeger dienden als anti-aliasing op een witte achtergrond.

Voor de smileys die animated zijn kan je tegenwoordig animated PNGs gebruiken, of als je heel hip wil gaan doen dan zou je zelfs een designer kunnen inschakelen die netjes de smileys vervangt met animated canvas elementen, of animated SVGs.

https://caniuse.com/apng

Animated PNG wordt over het algemeen goed ondersteund in grofweg 93% van de browsers die gebruikt worden op het internet momenteel.

Voor fallbacks zou je terug kunnen vallen naar de oude smileys met behulp van simpele maar moderne HTML:

https://developer.mozilla.../Web/HTML/Element/picture

code:

<picture>
    <source srcset="smiley.apng" type="image/apng">
    <img src="smiley.gif" alt="smile">
</picture>

Ik denk persoonlijk dat geheel Tweakers.net er daarna vele malen mooier en meer "af" uitziet, aangezien die smileys overal worden gebruikt en momenteel eigenlijk alleen op een witte achtergrond werken.

[F_J_K]

Als user reagerend: dezelfde smileys omzetten naar een moderner formaat, eens! Vraag is alleen wie de kennis en zin heeft het in de vrije tijd te doen..

(Ook heeft Tweakers volgens mij alleen as-is recht op een deel van de smileys, die kunnen dan niet aangepast worden als er geen contact meer is met de maker).

[Josk79]

[AW_Bos]

Zie ook dit topic: Smilies

Zo te zien alweer doodgebloed

[ Voor 61% gewijzigd door AW_Bos op 14-04-2021 01:03 ]

[RobIII]

LA > MF

[CyberMania]

Wordt hier nog eens naar gekeken? Vraag komt regelmatig terug. Lijkt me simpel om beide groepen tevreden te houden via een switch-optie in je instellingen: modern of traditionele smileys.

😀
😋

@Moonsugar @crisp

[ Voor 7% gewijzigd door CyberMania op 22-06-2021 12:31 ]

[crisp]

CyberMania schreef op dinsdag 22 juni 2021 @ 12:30:
Wordt hier nog eens naar gekeken? Vraag komt regelmatig terug. Lijkt me simpel om beide groepen tevreden te houden via een switch-optie in je instellingen: modern of traditionele smileys.

😀
😋

@Moonsugar @crisp

Het meeste werk zal toch gaan zitten in het maken van high-res versies van de huidige smilies. Ik denk namelijk wel dat we het karakter daarvan zouden moeten (willen) behouden. Daar zijn op dit moment echter nog geen concrete plannen voor, maar het is goed dat je Moonsugar mentioned want wellicht dat dit vanuit community oogpunt wel een keer prioriteit kan krijgen

[Moonsugar]

Inderdaad goed dat ik hier even gementioned wordt. Ik heb zelf al eens zitten experimenteren met onze smileys omdat we ze graag in de Discord-server wilden gebruiken. Het is inderdaad geen gezicht op een donkere achtergrond. Ik ga een notitie maken om te zien of we op korte termijn in elk geval de witte randjes kunnen verbeteren, dat scheelt al een hoop. Verder ben ik het ook eens dat de smileys een stukje legacy van Tweakers zijn en we ze (tenzij dat wel héél erg gewenst is) niet keihard door iets anders moeten vervangen.

[Falcon]

@Moonsugar Eventueel zou je het zelfs door de community kunnen laten oppakken, zolang de basis er maar staat voor een highres SVG. Genoeg mensen die even mee willen helpen, lijkt mij?

[Moonsugar]

Dat lijkt me trouwens helemaal geen slecht idee! Zullen we hier iets voor opzetten? Ik sta open voor alle ideeën!

[warhamstr]

Nee

Want word nooit beter.

[Boudewijn]

Moonsugar schreef op dinsdag 22 juni 2021 @ 13:30:
Dat lijkt me trouwens helemaal geen slecht idee! Zullen we hier iets voor opzetten? Ik sta open voor alle ideeën!

Lijkt me een prima idee. Nee ik doe zelf zeker niet mee want grafische dingen is niet mijn skill.

offtopic:
maar in zwarte modus zijn de huidige icoontjes wel lelijk.

Suggestie: geef mensen de kans en gelegenheid om een maand lang die iconen te pimpen en daarna per icoon/setje iconen een poll voor de beste aanpassingen?
Kost t.net geen ontwikkeltijd en in de community zijn vast genoeg mensen die een handje of wat willen en kunnen helpen. En houd je er toch als beheerders een stukje controle op.


Desnoods begin je met de 10 meest gebruikte

[ Voor 7% gewijzigd door Boudewijn op 22-06-2021 13:36 ]

[crisp]

Boudewijn schreef op dinsdag 22 juni 2021 @ 13:35:
[...]
Desnoods begin je met de 10 meest gebruikte

Als ik https://caniuse.com/apng bekijk dan denk ik dat APNG een prima oplossing is. IE-support gaan we toch droppen

We kunnen dan APNG versies gewoon als drop-in replacement doen, zolang ze maar dezeflde hoogte/breedte-verhouding houden. Wel zou ik voor HDPI-schermen naar een dubbele resolutie gaan, dus de standaard zou dan 30x30 pixels moeten worden.

Uiteraard wordt het zeer gewaardeerd als we hier hulp vanuit de community bij kunnen krijgen, maar mbt rechten moeten we dan misschien nog wel iets formeels regelen tzt.

[ Voor 14% gewijzigd door crisp op 22-06-2021 14:38 ]

[workermaster]

Mag ik hier dan ook aan toevoegen dat die emoticons meteen zichtbaar moeten zijn en dat ik niet eerst op "Bekijk reactie" moet klikken?

[NMe]

crisp schreef op dinsdag 22 juni 2021 @ 14:27:
[...]

Als ik https://caniuse.com/apng bekijk dan denk ik dat APNG een prima oplossing is. IE-support gaan we toch droppen

Is SMIL niet een betere optie? Zelfde support, en als de smileys dan toch opnieuw gemaakt worden kunnen ze misschien maar beter meteen als vector graphic gebruikt worden, dan heb je er nooit meer omkijken naar. Dat gezegd hebbende ben ik niet bekend genoeg met de materie om zeker te weten dat alle animaties die Tweakers nodig heeft na te bootsen zijn via SMIL.

[Sebazzz]

Waarom niet gewoon UTF-8 smileys❓ 😄

[teacher]

blasphemy!

* teacher is nogal gehecht aan de legacy smileys

[NMe]

Sebazzz schreef op woensdag 23 juni 2021 @ 11:26:
Waarom niet gewoon UTF-8 smileys❓ 😄

Eigen identiteit? En het gebrek aan smileys als en alle geanimeerde smileys?

[Falcon]

SVG lijkt mij ook geschikt om de smileys in te gaan ontwikkelen. Hack dat kan zelfs in Paint 3D

[ Voor 28% gewijzigd door Falcon op 23-06-2021 11:56 ]

[crisp]

NMe schreef op woensdag 23 juni 2021 @ 11:20:
[...]

Is SMIL niet een betere optie? Zelfde support, en als de smileys dan toch opnieuw gemaakt worden kunnen ze misschien maar beter meteen als vector graphic gebruikt worden, dan heb je er nooit meer omkijken naar. Dat gezegd hebbende ben ik niet bekend genoeg met de materie om zeker te weten dat alle animaties die Tweakers nodig heeft na te bootsen zijn via SMIL.

Ik ben daar te weinig mee bekend eerljik gezegd. Uitgangspunt is wat mij betreft wel dat het gewoon een replace naar een enkel <img>-element moet blijven.

Sebazzz schreef op woensdag 23 juni 2021 @ 11:26:
Waarom niet gewoon UTF-8 smileys❓ 😄

Nee, gewoon onze eigen smilies, maar dan hi-res en zonder rafelrandjes.

[NMe]

crisp schreef op woensdag 23 juni 2021 @ 12:00:
[...]

Ik ben daar te weinig mee bekend eerljik gezegd. Uitgangspunt is wat mij betreft wel dat het gewoon een replace naar een enkel <img>-element moet blijven.

Zoals gezegd ben ik er ook niet super bekend mee maar AFAIK moet je wel gewoon zo'n SVG kunnen opslaan en als los bestand opnemen in een img-tag, toch?

[RoD]

Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige?

[Anoniem: 1302638]

RoD schreef op woensdag 23 juni 2021 @ 12:29:
Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige?

😋

Nee je bent niet de enige, maar een kleine facelift zou wel mogen

Verlies je volgens mij het originele karakter niet mee.

[CyberMania]

RoD schreef op woensdag 23 juni 2021 @ 12:29:
Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige?

Daarom ook een toggle zodat je zelf kan kiezen. Maar persoonlijk, en meerderen met mij, vind ik het er niet uitzien op retinaschermen.

[418O2]

CyberMania schreef op woensdag 23 juni 2021 @ 12:34:
[...]


Daarom ook een toggle zodat je zelf kan kiezen. Maar persoonlijk, en meerderen met mij, vind ik het er niet uitzien op retinaschermen.

De Toggle, a developers nightmare

[crisp]

NMe schreef op woensdag 23 juni 2021 @ 12:26:
[...]

Zoals gezegd ben ik er ook niet super bekend mee maar AFAIK moet je wel gewoon zo'n SVG kunnen opslaan en als los bestand opnemen in een img-tag, toch?

Daar lijkt het wel op ja

Maar wat makkelijker cq haalbaar is laat ik dan wel over aan iemand die daar meer verstand van heeft

CyberMania schreef op woensdag 23 juni 2021 @ 12:34:
[...]

Daarom ook een toggle zodat je zelf kan kiezen. Maar persoonlijk, en meerderen met mij, vind ik het er niet uitzien op retinaschermen.

Een keuzeoptie zie ik niet echt zitten, temeer daar de smilies gewoon als platte HTML opgeslagen zitten in de content. Ik denk dat het uitgangspunt gewoon moet zijn om de huidige smilies een facelift te geven waardoor ze op HDPI schermen scherper zijn en beter anti-aliased.

[CyberMania]

crisp schreef op woensdag 23 juni 2021 @ 12:38:
[...]

Daar lijkt het wel op ja

Maar wat makkelijker cq haalbaar is laat ik dan wel over aan iemand die daar meer verstand van heeft


[...]

Een keuzeoptie zie ik niet echt zitten, temeer daar de smilies gewoon als platte HTML opgeslagen zitten in de content. Ik denk dat het uitgangspunt gewoon moet zijn om de huidige smilies een facelift te geven waardoor ze op HDPI schermen scherper zijn en beter anti-aliased.

Tja maar weet dat dat wel weer gedoe oplevert van mensen die liever alles bij het oude houden.

[crisp]

CyberMania schreef op woensdag 23 juni 2021 @ 12:39:
[...]


Tja maar weet dat dat wel weer gedoe oplevert van mensen die liever alles bij het oude houden.

Echt heel veel zal voor hun dan niet veranderen, behalve dat de smilies misschien wat minder pixelig zijn

[AW_Bos]

418O2 schreef op woensdag 23 juni 2021 @ 12:36:
[...]

De Toggle, a developers nightmare

Dan liever een CSS-snippet voor de nostalgische smiley-liefhebbers.

Volgens mij eenvoudig te doen.....

[ Voor 7% gewijzigd door AW_Bos op 23-06-2021 13:00 ]

[Blue-eagle]

Grote versie van de smiley: https://jsfiddle.net/0pwdnfqg/
En een 15px versie: https://jsfiddle.net/0pwdnfqg/1/

Op zich stelt het niet veel voor, behalve dat animaties van de GIFjes best complex kunnen worden als je die handmatig moet gaan nabouwen. De smiley: is d'r eentje met nogal veel stappen:

1. Kijkt naar voren
2. Knippert
3. Kijkt links
4. Knippert
5. Kijkt rechts
6. Knippert
7. Knijpt ogen samen
8. Beweegt op en neer

Met een goede opzet in SVG <defs> kom je een heel eind en kan je in principe heel veel relatief simpel animeren (X en Y posities, hoogte van een SVG element, welke elementen zichtbaar zijn en wanneer, etc.)

Dus dan heb je een definitie voor die bandaid op de mond, een definitie voor een linkeroog, rechteroog, en een definitie voor beide ogen, en een definitie waarbij beide ogen knipperen.

Zo kom je al snel op een stuk of 10 definities voor 1 smiley, maar je kan het gezicht, de ogen, en een mond bijvoorbeeld al hergebruiken bij bijna alle andere smileys.

Wat ik zelf zou doen is niet een losse bak SVG plaatjes maken (wat zou kunnen), maar ik zou het moderner en schaalbaarder willen opzetten: web-components.

Denk aan:

code:

<img as="tnet-smiley" src="oudplaatje.gif" />

Of nog directer:

code:

<tnet-smiley smile=":X"></tnet-smiley>

(Closing tags zijn verplicht bij web-components, helaas.)

Dan zou je in het web-component gewoon een bepaalde set aan defs kunnen weergeven, afhankelijk van het "smile"-attribuut.

Door dit te doen heeft Tweakers ook extreem weinig bandbreedte te gebruiken, want er zijn geen plaatjes meer om te serven. Tevens zijn er (veel) minder HTTP requests naar de server. En Tweakers zou redelijk makkelijk de smileys kunnen:

• Stylen, voor gay-pride bijvoorbeeld zou je met 1 deployment van het web-component de kleur niet geel maken maar een subtiele regenboogkleur kunnen geven. Of je maakt ze oranje zodra we het WK winnen
• Toevoegen, een nieuwe smiley maken is op dat moment alleen nog maar een kwestie van bestaande defs mengen en animeren. Je zou d'r redelijk simpel een editor voor kunnen maken waarmee gebruikers zelf kunnen spelen.
• Laten custmizen. Custom smileys zou je uit een API kunnen halen, de API geeft gewoon een set aan defs terug bijvoorbeeld. Custom smileys kan je in localStorage per gebruiker opslaan zodat ze niet constant de API hoeven aan te roepen.
• Acessible maken, door de juiste ARIA attributen toe te voegen aan intern-gegenereerde HTML (een wrapper-DIV bijvoorbeeld) maak je het makkelijker voor zoekmachines, text readers, etc.
• User-friendly maken, je kan opeens met CSS media queries detecteren wat de gebruiker wil zien. Heeft de gebruiker dark-mode aan of uit in zijn OS? Pas dan even lieflijk de border van het gezicht aan
• Delen. Een web-component is gewoon HTML, CSS, en JavaScript. Maak er een repository van op Github waar iedereen aan kan bijdragen, bugfixen, etc.

Een simpele platte smiley zoals hierboven heeft mij (met de hand) ongeveer 20 minuten gekost. De niet-geanimeerde smileys zouden erg simpel moeten zijn zo op 't eerste gezicht. Animaties zouden wat meer tijd kosten afhankelijk van de assets (hamer, muur, wolkje, handje, bril, kots, vlaggetje, hartjes, etc.) maar niets ziet er echt uit alsof het belachelijk veel moeite zou kosten Gewoon tijd.

Aangezien pixel-perfectie lastig is (een bezier-curve tekenen zoals de mond van is lastiger dan je denkt, de mond is namelijk plat aan de onderkant ) is open-source een pré aangezien wij met ons allen de smileys naar wens kunnen verbeteren.

Er zijn 62 smileys zo te zien, waarvan 39 zo te zien stilstaand zijn. Ik zou d'r ook een aantal gewoon uit flikkeren (en de oude variant in stand houden, legacy onzin, d'r is vast makkelijk een SQL count van te maken welke smileys het minst worden gebruikt de afgelopen 3 jaar, ik vermoed dat inmiddels niet meer populair is )

[NMe]

crisp schreef op woensdag 23 juni 2021 @ 12:38:
[...]

Daar lijkt het wel op ja

Maar wat makkelijker cq haalbaar is laat ik dan wel over aan iemand die daar meer verstand van heeft

Uiteraard verstandig. Maar sowieso handig om te onderzoeken lijkt me, als vector graphics een optie zijn hebben we niet over 15 jaar dezelfde discussie.

[Sebazzz]

Wij gebruiken al jaren SVG files in onze webapplicaties, dat werkt perfect in een img tag

[Firesphere]

Blue-eagle schreef op woensdag 23 juni 2021 @ 13:40:
ik vermoed dat inmiddels niet meer populair is )

Hey! Geen geklooi met koeien!

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

Ik stel voor om met de tijd mee te gaan. Hoe langer we vasthouden aan vastgeroeste en nostalgische emoji's, hoe hoogdrempeliger het wordt om weer 'hip' te worden. Als wordt besloten old school te blijven, doe dan aub een remaster van de smileys. Hoge resolutie en geen witte randjes.
Een keuze in het profiel voor nieuwe of old school emojis kan natuurlijk ook. 👌

[Moonsugar]

Ik heb voor nu onze interne grafisch ontwerper gebrieft om eens te kijken naar het wegpoetsen van de witte randjes. Dat zal voor de korte termijn in elk geval schelen! Voor de animaties is dit iets meer werk, maar dan maken we in elk geval ergens een begin.

[AW_Bos]

Blue-eagle schreef op woensdag 23 juni 2021 @ 13:40:
Grote versie van de smiley: https://jsfiddle.net/0pwdnfqg/
En een 15px versie: https://jsfiddle.net/0pwdnfqg/1/

• yaddah
• yaddah
• Delen. Een web-component is gewoon HTML, CSS, en JavaScript. Maak er een repository van op Github waar iedereen aan kan bijdragen, bugfixen, etc.

Eigenlijk moet je gewoon een GitHub repo aanmaken. En uiteraard zijn een paar buildtools wel handig als je de kleur aan zou willen passen in geval van pride of WK/EK .

Zomaar wat ideeën!

[Moonsugar]

Helaas kwam onze grafisch ontwerper er niet uit. De smileys worden bij het oppoetsen rafelig en het wilde gewoon niet echt lukken. Ik ben bang dat ze ooit een keer opnieuw ontworpen moeten worden, maar dan wel op een manier dat ze dichtbij de originele stijl blijven i.p.v. te gelikt.

[RobIII]

NMe schreef op woensdag 23 juni 2021 @ 11:40:
[...]

Eigen identiteit? En het gebrek aan smileys als en alle geanimeerde smileys?

😬👋🤦‍♂️

😇

NMe schreef op woensdag 23 juni 2021 @ 12:26:
[...]

Zoals gezegd ben ik er ook niet super bekend mee maar AFAIK moet je wel gewoon zo'n SVG kunnen opslaan en als los bestand opnemen in een img-tag, toch?

Jup. I do it all the time.

Inline:


Image:

Moonsugar schreef op dinsdag 14 september 2021 @ 16:44:
Helaas kwam onze grafisch ontwerper er niet uit. De smileys worden bij het oppoetsen rafelig en het wilde gewoon niet echt lukken.

Daar was ik al bang voor; zeker bij de animated smileys gaat dat heel lastig worden.

Moonsugar schreef op dinsdag 14 september 2021 @ 16:44:
Ik ben bang dat ze ooit een keer opnieuw ontworpen moeten worden, maar dan wel op een manier dat ze dichtbij de originele stijl blijven i.p.v. te gelikt.

Nja, met een basis-template van een smiley moet er vrij makkelijk een set gemaakt moeten kunnen worden, maar dat zal idd geen kwestie van "een middagje" zijn

[ Voor 96% gewijzigd door RobIII op 14-09-2021 17:50 ]

[nero355]

RobIII schreef op dinsdag 14 september 2021 @ 17:40:

😬👋🤦‍♂️

😇

Ik heb dus echt een hekel aan die dingen :
- Er zijn meerdere stylen van... Iets van drie stuks geloof ik ?!
- Veel te klein en onduidelijk, tenzij je ze op een telefoon bekijkt en zelfs dan valt het soms niet mee!

Kortom : Buiten mijn Telegram Client wil ik ze niet zien en vooral niet op GoT

[RobIII]

nero355 schreef op dinsdag 14 september 2021 @ 20:15:
[...]

Ik heb dus echt een hekel aan die dingen :

Ik was ook niet heel serieus

nero355 schreef op dinsdag 14 september 2021 @ 20:15:
- Er zijn meerdere stylen van... Iets van drie stuks geloof ik ?!

Ik tel er hier al 15 Anderzijds zou je kunnen argumenteren dat iedereen dus de 'smileys' ziet die hij/zij gewend is en 't dus eenheid binnen 't OS/Applicatie geeft.

nero355 schreef op dinsdag 14 september 2021 @ 20:15:
- Veel te klein en onduidelijk, tenzij je ze op een telefoon bekijkt en zelfs dan valt het soms niet mee!

Dat is een kwestie van stylen natuurlijk 😉

Maar long story short; ik heb ook liever "onze" smileys hoor. Ik moet nog tegenkomen elders! 😜

[ Voor 7% gewijzigd door RobIII op 14-09-2021 20:44 ]

[NMe]

RobIII schreef op dinsdag 14 september 2021 @ 17:40:
Jup. I do it all the time.

Ik had het specifiek over SMIL, muts.

[nero355]

RobIII schreef op dinsdag 14 september 2021 @ 20:43:
Ik was ook niet heel serieus

Gelukkig!

Ik tel er hier al 15 Anderzijds zou je kunnen argumenteren dat iedereen dus de 'smileys' ziet die hij/zij gewend is en 't dus eenheid binnen 't OS/Applicatie geeft.

HOLY Batman!!!

Tot nu toe dacht ik dus dat deze 4 de standaarden waren zeg maar :

Waarbij de bovenste set standaard is op mijn Android telefoon, terwijl dat blijkbaar een Mac iets is

De onderste set is weer standaard op mijn Ubuntu Touch telefoon

Dat is een kwestie van stylen natuurlijk [html]<span style="font-size:20pt">😉</span>[/]

Maar long story short; ik heb ook liever "onze" smileys hoor. Ik moet nog tegenkomen elders! [html]<span style="font-size:20pt">😜</span>[/]

Totdat je een modje quote

[.oisyn]

@RobIII snapt blijkbaar niet dat er ook gewoon een [font] tag is, die voor iedereen werkt

[RobIII]

.oisyn schreef op woensdag 15 september 2021 @ 16:21:
@RobIII snapt blijkbaar niet dat er ook gewoon een [font] tag is, die voor iedereen werkt

🖕😘

[.oisyn]

Moonsugar schreef op dinsdag 14 september 2021 @ 16:44:
Helaas kwam onze grafisch ontwerper er niet uit. De smileys worden bij het oppoetsen rafelig en het wilde gewoon niet echt lukken. Ik ben bang dat ze ooit een keer opnieuw ontworpen moeten worden, maar dan wel op een manier dat ze dichtbij de originele stijl blijven i.p.v. te gelikt.

FWIW, ik denk best dat die grijze pixels bij de huidige smileys wel weg te werken zijn, alleen moet je met gedeeltelijke transparantie gaan werken. Dat betekent automatisch dus ook een transitie naar (A)PNG, want GIF kan dat niet.

[.oisyn]

Mijn poging:

GoT	.oisyn

template:

[ Voor 28% gewijzigd door .oisyn op 15-09-2021 17:05 ]

[Moonsugar]

Dat ziet er heel goed uit @.oisyn!

[Boudewijn]

.oisyn schreef op woensdag 15 september 2021 @ 17:03:
Mijn poging:

GoT	.oisyn
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]

template: [Afbeelding]

Ziet er veel beter uit . Hoeveel tijd ben je daar aan kwijt geweest?

[aex351]

Moonsugar schreef op woensdag 15 september 2021 @ 18:00:
Dat ziet er heel goed uit @.oisyn!

Wordt tijd om die grafische ontwerper te ontslaan als een developer met de oplossing moet komen.

[Moonsugar]

Hey doe eens lief.

Dit is geen traditioneel grafisch ontwerp en het zijn smileys uit het jaar kruik.

[JJ Le Funk]

is het mogelijk om de conversie van tekst naar smiley uit te zetten met custom-css? ik hoef die grafische toevoeging niet maar wil wel graag zien welke emotie iemand aan een regel toekent. Dus: toon dubbele punt ) ipv

[.oisyn]

Boudewijn schreef op woensdag 15 september 2021 @ 18:07:
Hoeveel tijd ben je daar aan kwijt geweest?

20 minuutjes om de template zo te tweaken dat ie er een beetje hetzelfde uitziet als de oude smileys. Daarna is het gewoon even een kwestie van de "inhoud" van een oude smiley in de template plakken .

De geanimeerde templates zijn natuurlijk wel wat lastiger.

Ben trouwens uitgegaan van een grote cirkel op 300x300 met zwarte rand en een gele gradient, en dat teruggescaled naar 15x15.

[tweakduke]

Was ik dus niet de enige die met het oppoetsen van de oude smilies niet verder kwam. Een deel nieuw maken was tevens mijn conclusie.

Goed bezig @.oisyn

[Ruzor]

.oisyn schreef op woensdag 15 september 2021 @ 17:03:
Mijn poging:

GoT	.oisyn
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]
[Afbeelding]	[Afbeelding]

template: [Afbeelding]

Hetzelfde idee, met behulp van de template:

[ Voor 39% gewijzigd door Ruzor op 17-09-2021 10:27 ]

[AW_Bos]

JJ Le Funk schreef op woensdag 15 september 2021 @ 18:29:
is het mogelijk om de conversie van tekst naar smiley uit te zetten met custom-css? ik hoef die grafische toevoeging niet maar wil wel graag zien welke emotie iemand aan een regel toekent. Dus: toon dubbele punt ) ipv

Moet vast wel kunnen:

code:

.messagecontent img[src^="https://tweakers.net/g/s/"] { 
     display: none; 
}

img[alt]:after
{
   content: " (" attr(alt) ")";
}

Ik denk zo iets?
Niet uitgetest overigens...

[P1nGu1n]

AW_Bos schreef op woensdag 15 september 2021 @ 18:58:
[...]

Moet vast wel kunnen:

code:

.messagecontent img[src^="https://tweakers.net/g/s/"] { 
     display: none; 
}

img[alt]:after
{
   content: " (" attr(alt) ")";
}

Ik denk zo iets?
Niet uitgetest overigens...

toon volledige bericht

:before en :after werken niet op img elements.

[AW_Bos]

P1nGu1n schreef op woensdag 15 september 2021 @ 19:13:
[...]


:before en :after werken niet op img elements.

Nice try....

Update
https://stackoverflow.com...-elements/5843164#5843164
Hm, het kan wel als je het replaced met een dummy-content.

[ Voor 28% gewijzigd door AW_Bos op 15-09-2021 19:54 ]

[P1nGu1n]

AW_Bos schreef op woensdag 15 september 2021 @ 19:51:
[...]


Nice try....
Enig idee waarom?
Ik denk dat het anders een Greasemonkey oplossing wordt.

Zeker! :before en :after voegen content toe voor of na bestaande content:

quote: https://www.w3.org/TR/CSS...html#before-after-content

Authors specify the style and location of generated content with the :before and :after pseudo-elements. As their names indicate, the :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The 'content' property, in conjunction with these pseudo-elements, specifies what is inserted.

Echter, het img element is een replaced element, en de content van replaced elements bevindt zich niet in de DOM:

An element whose content is outside the scope of the CSS formatting model, such as an image or embedded document. For example, the content of the HTML img element is often replaced by the image that its src attribute designates.

Simpel gezegd; omdat een img element geen content heeft, kan er ook geen content voor of achter geplaatst worden. Althans, dit gedrag is op dit moment niet gespecificeerd:

Note. This specification does not fully define the interaction of :before and :after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification.

En die "future specification" is er nooit meer van gekomen

edit:
Je was me voor...

[ Voor 3% gewijzigd door P1nGu1n op 15-09-2021 20:07 ]

[XWB]

Ruzor schreef op woensdag 15 september 2021 @ 18:53:
[...]

Hetzelfde idee, met behulp van de template:
[Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding]

Nu nog SVG

[Ruzor]

XWB schreef op woensdag 15 september 2021 @ 20:17:
[...]


Nu nog SVG

Dit was de kortetermijnoplossing

[Dido]

Ruzor schreef op woensdag 15 september 2021 @ 20:25:
Dit was de kortetermijnoplossing [Afbeelding]

Een béétje kortetermijnoplossing gaat 20 jaar mee(*) in de IT, dus daarmee is dit issue tot 2040 van de baan

---

(*)in tegenstelling tot nieuwe langetermijnoplossingen en -visies, die staan veelal binnen 12 maanden bij het grofvuil

[Moonsugar]

Ik ben wel echt onder de indruk van de oplossingen hier. Als het ons lukt om met de oplossing van @.oisyn in elk geval de statische smileys te verwerken dan kan ik er vrij snel voor zorgen dat we die al updaten.

[teacher]

#communitypowerrrrrr

[Jogai]

Aangezien de laatste iteraatie ook wat icoontjes vernieuwd zijn toch maar een schopje. Tegenwoordig zie ik ook mensen reageren met emoticons, waardoor sommige threads nu allebei hebben. Ik zou zeggen, zet ze om in een net schaalbaar emoji font.

[Zeror]

Alleen zijn niet elke smiley om te zetten in een bestaande emoji. Dus zal je al een custom emoji font moeten gaan maken hiervoor. Ik denk niet dat hier veel aandacht aan geschonken zal worden vanuit Tweakers.

[ Voor 4% gewijzigd door Zeror op 12-10-2021 15:54 ]

[Jogai]

Zeror schreef op dinsdag 12 oktober 2021 @ 15:53:
Alleen zijn niet elke smiley om te zetten in een bestaande emoji. Dus zal je al een custom emoji font moeten gaan maken hiervoor. Ik denk niet dat hier veel aandacht aan geschonken zal worden vanuit Tweakers.

Ja dat bedoelde ik ook.

[Zeror]

Aangezien het Smilies topic en dit topic gemerged zijn, is mijn vorige bericht verdwenen. Dus even opnieuw:

Bij deze deel ik mijn vector versie van de smiley aan voor wie zelf wil knutselen. Er is een AI en SVG versie.

Members only:

Alleen zichtbaar voor ingelogde gebruikers. Inloggen

[DUX]

Ik had er (maar) twee gemaakt waarvan één geanimeerd. Ik probeer me te herinneren of ik beter bronmateriaal heb ergens van het werk, maar volgens mij was het destijds gewoon pixelneuken en heb ik geen beter bronmateriaal dan de plaatjes die jullie al hebben.



Ik zou het natuurlijk jammer vinden als ze zouden verdwijnen of "te clean" worden door die SVG-conversie Ik snap natuurlijk de voordelen wel maar ik zou de identiteit van die dingen wel hoog in het vaandel houden. Wellicht kan ik in een verloren moment ook wel even kijken wat ik ermee kan, al ben ik nooit een held geweest in vectorillustraties.

[Falcon]

Nu Tweakers.net een native Darkmode kent wordt het tijd om dit topic een bump te gaan geven.

Ik heb al even lopen stoeien met Paint 3D -> Export PNG's -> Animated GIF .. maar dat voelt nog al 1998:


.glb

Leek mij wel leuk om hier een projectje van te maken met elkaar, maar dan moeten we wel even een basis hebben (git repootje), tooling en werk-procesje

[ Voor 5% gewijzigd door Falcon op 17-07-2023 15:40 ]

[GerardVanAfoort]

Ja, eensch. 2 smileys erbij tweaken

[Moonsugar]

Hey allen die hier meelezen,

Het leek me goed om even een heads-up te geven dat wij inmiddels intern zijn begonnen om de smileys opnieuw te tekenen. Zoals jullie kunnen zien is het in darkmode geen fraai gezicht!

Updates hierover zijn door @Femme gegeven in: Femme in "Feedbacktopic voor dark & light mode"

Dus check dat vooral eventjes als je benieuwd bent!

[Anoniem: 1032405]

Ik zie dat een deel van de smilies inmiddels al aangepast en geïmplementeerd zijn:

Etc, etc.

Ik wil hier graag even mijn waardering voor uitspreken.

Geweldig dat de vormgeving en essentie van de originele smileys behouden blijft, ik vind ze er netjes en strak uitzien!



Goed bezig, mijn complimenten.

[Zr40]

Alleen bij gaat er iets mis in dark mode, de kop is transparant.

[ikloon]

Anoniem: 1032405 schreef op dinsdag 10 oktober 2023 @ 16:02:
Ik zie dat een deel van de smilies inmiddels al aangepast en geïmplementeerd zijn:

Etc, etc.

Ik wil hier graag even mijn waardering voor uitspreken.

Geweldig dat de vormgeving en essentie van de originele smileys behouden blijft, ik vind ze er netjes en strak uitzien!



Goed bezig, mijn complimenten.

Ja inderdaad, we hebben vandaag de eerste set vernieuwde smilies live gezet. Op naar de volgende set. Op een later moment zullen we er in een .plan wat meer aandacht aan geven. Dank voor je leuke feedback.

[breinonline]

Anoniem: 1032405 schreef op dinsdag 10 oktober 2023 @ 16:02:
Ik zie dat een deel van de smilies inmiddels al aangepast en geïmplementeerd zijn:

Etc, etc.

Ik wil hier graag even mijn waardering voor uitspreken.

Geweldig dat de vormgeving en essentie van de originele smileys behouden blijft, ik vind ze er netjes en strak uitzien!



Goed bezig, mijn complimenten.

QFT!

Ze zien strak en vertrouwd uit, heel goed!

[F.West98]

Erg leuk dat de smilies nu ook high-DPI en dark mode compatibel zijn. Maar toch een stukje feedback uit eerste impressies:
• De buitenranden en ogen lijken vrij "vaag", dat komt denk ik omdat ze een stuk minder contrastrijk dan de oude smilies op een standaard DPI scherm (1440 27") - de ogen lijken meer grijs dan zwart en een stuk kleiner (2x2 zwart blok in de oude, meer aliasing op de nieuwe) en de rand is wat minder donker.
• Bij vind ik het contrast iets te laag in general, ik kan de details slecht zien. Zelfde geldt in mindere mate voor

Ben benieuwd hoeveel hiervan een onvermijdelijke consequentie is van een vector-based afbeelding die ook op high-DPI er goed uit moet zien, want het is wel duidelijk dat er veel moeite in zit om ze zo close mogelijk te houden.

[ikloon]

Moonsugar schreef op woensdag 16 augustus 2023 @ 13:42:
Hey allen die hier meelezen,

Het leek me goed om even een heads-up te geven dat wij inmiddels intern zijn begonnen om de smileys opnieuw te tekenen. Zoals jullie kunnen zien is het in darkmode geen fraai gezicht!

Updates hierover zijn door @Femme gegeven in: Femme in "Feedbacktopic voor dark & light mode"

Dus check dat vooral eventjes als je benieuwd bent!

Gisteren is de eerste set vernieuwde smilies live gezet. Op naar de volgende set. Een later moment zullen we er in een .plan nog wat meer aandacht aan geven.

[crisp]

Zr40 schreef op dinsdag 10 oktober 2023 @ 16:34:
Alleen bij gaat er iets mis in dark mode, de kop is transparant.

Deze heb ik zojuist aangepast; kan zijn dat je een harde refresh moet doen

[posttoast]

Nice die nieuwe smilies.

Gek genoeg lijken ze niet overal "omgezet" nog, bijvoorbeeld in deze post:

Shinji in "Feedbacktopic voor dark & light mode"

[ikloon]

posttoast schreef op woensdag 11 oktober 2023 @ 13:42:
Nice die nieuwe smilies.

Gek genoeg lijken ze niet overal "omgezet" nog, bijvoorbeeld in deze post:

Dat klopt, ze zijn nog niet met terugwerkende kracht omgezet. Dat doen we als we de hele set vernieuwd hebben.

[AW_Bos]

ikloon schreef op woensdag 11 oktober 2023 @ 08:42:
[...]


Gisteren is de eerste set vernieuwde smilies live gezet. Op naar de volgende set. Een later moment zullen we er in een .plan nog wat meer aandacht aan geven.

Het viel mij gisteren al op dat ze vernieuwd waren. Het is wennen, maar ze voelen vertrouwd aan. Ik ben benieuwd naar de volgende lichting smileys. En of de animated ook nog aan bod zullen komen. Al weet ik niet of animated en svg een goede cross-browser combinatie is?

In ieder geval goed bezig!

[ Voor 17% gewijzigd door AW_Bos op 11-10-2023 17:04 ]

[sebastius]

Ik heb een simpelere oplossing: ik heb tweakers via de custom css van @Femme die onlangs 'weggegeven' is in het Hoera25jaar artikel weer op ouderwets paars gezet. Zien alle smileys er gewoon weer tof uit. Ik ben echt helemaal happy ermee.

[nero355]

*knip*

[ Voor 137% gewijzigd door Orion84 op 12-10-2023 17:28 . Reden: Kritiek is welkom, maar dan wel graag op een constructieve manier ]

[Gropah]

Ik vind het mooi dat het eindelijk goed werkt in dark mode, en dat ze high res zijn, maar heb er ook mijn bedenkingen bij...

IMO;

• De kleur van de huid is geel, met een lichte highlight aan de linkerbovenkant die langzaam via een gradient uitloopt. Dat doet de hele smiley oplichten voor mij. Het is ok, maar ik denk dat een solide kleur beter staat?
• Op een zelfde manier ben ik niet fan van de gradient rode kleur bij de wangen en neus van
• Er zit een lichtgrijs streepje onder ogen die als streepjes worden weergegeven zoals in maar dat valt niet echt opals ie klein is, en juist te veel als ie wat groter is.
• De tongen van zijn inconsistent. De eerste begint aan de onderkant van de zwarte streep die de mond voorstelt. De tweede begint vanuit het midden van die zwarte streep (waarschijnlijk met het idee dat hij uit de mond komt).
• Sommige lijnen komen te dicht bij de rand van de smiley, zoals de wangen van , de wenkbrauwen van en en de mond van
• De tranen van en het kwijl van vind ik niet goed werken als de smileys klein zijn, en als je ze wat groter toont vind ik de traamvorm niet mooi, en is het kwijl een redelijk rotzooitje.

[Femme]

F.West98 schreef op woensdag 11 oktober 2023 @ 04:43:
Erg leuk dat de smilies nu ook high-DPI en dark mode compatibel zijn. Maar toch een stukje feedback uit eerste impressies:
• De buitenranden en ogen lijken vrij "vaag", dat komt denk ik omdat ze een stuk minder contrastrijk dan de oude smilies op een standaard DPI scherm (1440 27") - de ogen lijken meer grijs dan zwart en een stuk kleiner (2x2 zwart blok in de oude, meer aliasing op de nieuwe) en de rand is wat minder donker.
• Bij vind ik het contrast iets te laag in general, ik kan de details slecht zien. Zelfde geldt in mindere mate voor

Ben benieuwd hoeveel hiervan een onvermijdelijke consequentie is van een vector-based afbeelding die ook op high-DPI er goed uit moet zien, want het is wel duidelijk dat er veel moeite in zit om ze zo close mogelijk te houden.

Het is lastig om met één icon set optimaal te laten werken op zowel standaard als high dpi beeldschermen. Voor standaard dpi zit je voor elementen die je scherp zou willen renderen (zoals ogen) vast aan een low res pixel grid terwijl op beeldschermen met een dubbele of nog hogere pixeldichtheid het low res te weinig subtiliteit biedt om het gewenste resultaat te bereiken. Daar komt bij dat de smilies wat groter zijn geworden (van meestal 15x15 naar 16x16 om te conformeren aan een 8px grid. Ik kan nog wel eens pogen om meer vast te houden aan een low res grid maar heb wel gemerkt dat zelfs een halve pixel al best een verschil maakt voor bijv. de stand van ogen.

[D4NG3R]

Een aantal van de oude emoji 'staarde' je niet echt aan maar keken in een bepaalde richting. Ik vind de vervangers welke dat niet doen daardoor wat vreemd/zielloos overkomen, maar dat zal vooral gewenning zijn. Ter illustratie en geschaald/opgeblazen naar 75px:





All-in-all vind ik de nieuwe set overigens een prima opvolger, natuurlijk vooral in dark mode.

[ Voor 48% gewijzigd door D4NG3R op 13-10-2023 11:34 ]

[Orion84]

@Gropah de meeste van die punten die je noemt zijn volgens mij eigenlijk hetzelfde bij de oude gif versies. Hoe meer je (naast puur een technische modernisering) daaraan gaat sleutelen, hoe minder je de herkenbaarheid van de oude smileys behoudt.

[nero355]

Orion84 schreef op vrijdag 13 oktober 2023 @ 16:40:
@Gropah de meeste van die punten die je noemt zijn volgens mij eigenlijk hetzelfde bij de oude gif versies. Hoe meer je (naast puur een technische modernisering) daaraan gaat sleutelen, hoe minder je de herkenbaarheid van de oude smileys behoudt.

Ik ben het anders wel met hem eens wat de meeste dingen betreft!

* knip*. Nogmaals. Feedback zien we graag, maar dan wel op een constructieve manier.

[ Voor 42% gewijzigd door rens-br op 14-10-2023 00:57 ]

[3_s]

Ik vind ze wel goed gelukt .
Veel beter dan de oude.

[True]

D4NG3R schreef op vrijdag 13 oktober 2023 @ 11:33:
Een aantal van de oude emoji 'staarde' je niet echt aan maar keken in een bepaalde richting. Ik vind de vervangers welke dat niet doen daardoor wat vreemd/zielloos overkomen, maar dat zal vooral gewenning zijn. Ter illustratie en geschaald/opgeblazen naar 75px:

[Afbeelding]

[Afbeelding]

All-in-all vind ik de nieuwe set overigens een prima opvolger, natuurlijk vooral in dark mode.

(deze kijkt overigens bijna stoned)

edit: oké dat is vooral als je inzoomt, ik vind het inderdaad zo slecht nog niet.

[ Voor 3% gewijzigd door True op 14-10-2023 21:01 ]

[Bor]

Een mooie stap

[Zeehond]

Vind ze goed gelukt, ziet er zeker wel beter uit .

[Blue-eagle]

Goed werk! Wel één verzoekje:

Dit is de huidige look:



En met een kleine aanpassing kan je de smileys iets beter verticaal centreren ten opzichte van de tekst:



(Heb de tekst van @Zeehond wat langer gemaakt voor de screenshot.)

Ziet er beter uit imo.

Mogelijk dat je dat per smiley moet kunnen aanpassen (geef iedere smiley een eigen class attribuut of selecteer het gewoon op zijn alt-attribuut, e.g.

code:

img[alt=':)']

aangezien grotere smileys een andere uitlijning moeten kunnen krijgen.

[Luzeklap]

🙂 🙃 😀
Het lukt wel
ff geprobeerd
Thanks

[Help!!!!]

Vind de oude veel beter. Maar goed, proberen te wennen dan maar.....

[ikloon]

In dit .plan https://tweakers.net/plan/3990/vernieuwing-van-de-tweakers-smileys-development-iteratie-270.html nog wat meer achtergrond bij de vernieuwing van de smileys.

[GWBoes]

In de .plan staat wel een andere vector smiley dan uiteindelijk geïmplementeerd is. Die kijkt wel iets naar links, net als de oude bitmap. Alleen snap ik wel dat hij nu recht is, lijkt me lastig consistent te doen voor alle verschillende emojis.

[D4NG3R]

Hulde dat de feedback over hoe ze 'kijken' meegenomen wordt, mijn innerlijke autist kriebelt straks een flink stuk minder.

Eigenlijk het enige wat ik nu nog wat jammer vind is hoe slecht zichtbaar bepaalde detailering is geworden. Het vorkje is bijvoorbeeld nauwelijks zichtbaar in dark modus.



Ik zat zelf al wat rond te klooien met custom CSS om o.a. die emoji te vervangen, en had ze daar grijs gemaakt, iets wat zowel in de lichte als donkere modi werkt.



Het zelfde geld voor de hoorntjes van , in mindere maten het vraagteken van en ik ben benieuwd hoe het uit gaat komen met en .

KUTGW!

[Femme]

D4NG3R schreef op dinsdag 17 oktober 2023 @ 11:01:
Hulde dat de feedback over hoe ze 'kijken' meegenomen wordt, mijn innerlijke autist kriebelt straks een flink stuk minder.

Eigenlijk was de eerste smiley ( ) de enige waarin de stand van de ogen niet was meegenomen. Dit kan bij de release van de volgende lichting smileys geupdate worden.

Het vorkje van zou een transparante lichte border kunnen krijgen om 'm zichtbaar te maken in dark mode.

[D4NG3R]

In m'n custom CSS heb ik ook bijgewerkt, ook die keek voorheen een beetje opzij:





Versie in mijn CSS:


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

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