Toon posts:

Wordt het niet eens tijd voor verbeterde smileys?

Pagina: 1
Acties:

Acties:
  • +6Henk 'm!

  • Blue-eagle
  • Registratie: september 2000
  • Niet online
Niet dat ze slecht zijn, integendeel, ze zijn herkenbaar en lief <3

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:
1
2
3
4
<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
  • Registratie: juni 2001
  • Niet online

F_J_K

Moderator CSA/PB

Front verplichte underscores

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).

'Multiple exclamation marks,' he went on, shaking his head, 'are a sure sign of a diseased mind' (Terry Pratchett, Eric)


  • Josk79
  • Registratie: september 2013
  • Laatst online: 22:16
_/-\o_ *O* O-)

  • AW_Bos
  • Registratie: april 2002
  • Laatst online: 00:04

AW_Bos

Waar ga je heen? ☀

Zie ook dit topic: Smilies

Zo te zien alweer doodgebloed https://tweakers.net/i/RlQZBoogQUqPYvqmzv3ONBE2I5U=/full-fit-in/4000x4000/filters:no_upscale():gifsicle():strip_exif()/f/image/XosFpHlUlpLJvVThVaUpbwKC.gif?f=user_large

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

Waar ga je heen?


  • RobIII
  • Registratie: december 2001
  • Laatst online: 23:48

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

LA > MF

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • CyberMania
  • Registratie: februari 2015
  • Laatst online: 20:39
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.

:) 😀
:P 😋

@Moonsugar @crisp

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


Acties:
  • +1Henk 'm!

  • crisp
  • Registratie: februari 2000
  • Laatst online: 23:57

crisp

Devver

Pixelated

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.

:) 😀
:P 😋

@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 :)

Intentionally left blank


Acties:
  • +6Henk 'm!

  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
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. :)

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


Acties:
  • +2Henk 'm!

  • Falcon
  • Registratie: februari 2000
  • Laatst online: 22:29

Falcon

Q.A. Engineer (.net/azure)

@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?

"You never come second by putting other people first"


Acties:
  • +1Henk 'm!

  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

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

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


Acties:
  • +2Henk 'm!

  • warhamstr
  • Registratie: augustus 2008
  • Laatst online: 21-09 10:28
Nee :')

Want :') word nooit beter.

P50/Xeon E3-1505M/64GB/2Tb/Q M2000M 4GB/4K


Acties:
  • +1Henk 'm!

  • Boudewijn
  • Registratie: februari 2004
  • Niet online

Boudewijn

omdat het kan

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]

Ik ben verslaafd aan koken. Volg me op https://www.kookjunk.nl


Acties:
  • +1Henk 'm!

  • crisp
  • Registratie: februari 2000
  • Laatst online: 23:57

crisp

Devver

Pixelated

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 :P

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]

Intentionally left blank


Acties:
  • +2Henk 'm!

  • workermaster
  • Registratie: juni 2013
  • Laatst online: 18:16
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
  • Registratie: februari 2004
  • Laatst online: 17:35

NMe

Quia Ego Sic Dico.

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 :P
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.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • +2Henk 'm!

  • Sebazzz
  • Registratie: september 2006
  • Laatst online: 21:14
Waarom niet gewoon UTF-8 smileys❓ 😄

[Website en online portfolio] [Return: realtime retrospective tool] [PokerTime planning poker]


Acties:
  • +7Henk 'm!

  • teacher
  • Registratie: september 2001
  • Laatst online: 00:14

teacher

Frontpage Admin / Global Moderator

Dysgaf!

blasphemy!

* teacher is nogal gehecht aan de legacy smileys :Y

Wise enough to play the fool


Acties:
  • +7Henk 'm!

  • NMe
  • Registratie: februari 2004
  • Laatst online: 17:35

NMe

Quia Ego Sic Dico.

Sebazzz schreef op woensdag 23 juni 2021 @ 11:26:
Waarom niet gewoon UTF-8 smileys❓ 😄
Eigen identiteit? En het gebrek aan smileys als :X ;w :F en alle geanimeerde smileys?

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • Falcon
  • Registratie: februari 2000
  • Laatst online: 22:29

Falcon

Q.A. Engineer (.net/azure)

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]

"You never come second by putting other people first"


Acties:
  • +2Henk 'm!

  • crisp
  • Registratie: februari 2000
  • Laatst online: 23:57

crisp

Devver

Pixelated

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.

Intentionally left blank


  • NMe
  • Registratie: februari 2004
  • Laatst online: 17:35

NMe

Quia Ego Sic Dico.

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?

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • +5Henk 'm!

  • RoD
  • Registratie: september 2004
  • Niet online

RoD

Admin Mobile & FP PowerMod
Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige? :P

Acties:
  • +2Henk 'm!

  • KelvinX
  • Registratie: december 2019
  • Niet online
RoD schreef op woensdag 23 juni 2021 @ 12:29:
Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige? :P

😋

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

Verlies je volgens mij het originele karakter niet mee.

  • CyberMania
  • Registratie: februari 2015
  • Laatst online: 20:39
RoD schreef op woensdag 23 juni 2021 @ 12:29:
Ik vind die low res smileys eigenlijk wel wat hebben, ben ik daarin de enige? :P
Daarom ook een toggle zodat je zelf kan kiezen. Maar persoonlijk, en meerderen met mij, vind ik het er niet uitzien op retinaschermen.

  • Catch22
  • Registratie: november 2001
  • Laatst online: 23:07
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 ;)

But if I offended you | Good | 'Cause I still don't give a f*ck
Hou eens op met die auto-analogieen mensen
AMD Ryzen 2700x - Asus 3090 TUF OC - 32Gb Corsair Vengeance RGB Pro - Aoc 27" 1440p 144hz - Samsung g9 49" 32:9


Acties:
  • +2Henk 'm!

  • crisp
  • Registratie: februari 2000
  • Laatst online: 23:57

crisp

Devver

Pixelated

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.

Intentionally left blank


  • CyberMania
  • Registratie: februari 2015
  • Laatst online: 20:39
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.

Acties:
  • +2Henk 'm!

  • crisp
  • Registratie: februari 2000
  • Laatst online: 23:57

crisp

Devver

Pixelated

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 :P

Intentionally left blank


Acties:
  • +2Henk 'm!

  • AW_Bos
  • Registratie: april 2002
  • Laatst online: 00:04

AW_Bos

Waar ga je heen? ☀

Catch22 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]

Waar ga je heen?


Acties:
  • +6Henk 'm!

  • Blue-eagle
  • Registratie: september 2000
  • Niet online
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: :X 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:
1
<img as="tnet-smiley" src="oudplaatje.gif" />


Of nog directer:

code:
1
<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 :P 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 }:O inmiddels niet meer populair is :+ )

Acties:
  • +3Henk 'm!

  • NMe
  • Registratie: februari 2004
  • Laatst online: 17:35

NMe

Quia Ego Sic Dico.

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. :P

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • Sebazzz
  • Registratie: september 2006
  • Laatst online: 21:14
Wij gebruiken al jaren SVG files in onze webapplicaties, dat werkt perfect in een img tag :)

[Website en online portfolio] [Return: realtime retrospective tool] [PokerTime planning poker]


Acties:
  • +2Henk 'm!

  • Firesphere
  • Registratie: september 2010
  • Laatst online: 21-09 07:34

Firesphere

Yoshis before Hoshis

Blue-eagle schreef op woensdag 23 juni 2021 @ 13:40:
ik vermoed dat }:O inmiddels niet meer populair is :+ )
Hey! Geen geklooi met koeien!

I'm not a complete idiot. Some parts are missing.
.Gertjan.: Ik ben een zelfstandige alcoholist, dus ik bepaal zelf wel wanneer ik aan het bier ga!


Acties:
  • +2Henk 'm!

  • Kuusje
  • Registratie: april 2008
  • Laatst online: 21:03
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. 👌

Team anti-scalp


Acties:
  • +7Henk 'm!

  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
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. :)

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


  • AW_Bos
  • Registratie: april 2002
  • Laatst online: 00:04

AW_Bos

Waar ga je heen? ☀

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! :)

Waar ga je heen?


  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
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.

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


  • RobIII
  • Registratie: december 2001
  • Laatst online: 23:48

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

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

Eigen identiteit? En het gebrek aan smileys als :X ;w :F en alle geanimeerde smileys?
😬👋🤦‍♂️

O-) 😇
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 :P

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

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • nero355
  • Registratie: februari 2002
  • Laatst online: 20:29

nero355

ph34r my [WCG] Cows :P

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 >:) :P :N

|| DPC GoT WhatPulse Team :) || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||


  • RobIII
  • Registratie: december 2001
  • Laatst online: 23:48

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

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 :X 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 :Y) nog tegenkomen elders! 😜

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

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • NMe
  • Registratie: februari 2004
  • Laatst online: 17:35

NMe

Quia Ego Sic Dico.

Ik had het specifiek over SMIL, muts. :+

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • nero355
  • Registratie: februari 2002
  • Laatst online: 20:29

nero355

ph34r my [WCG] Cows :P

Gelukkig! :P
Ik tel er hier al 15 :X 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 }:O Batman!!! :o

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 :? :D _O-

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 :Y) nog tegenkomen elders! [html]<span style="font-size:20pt">😜</span>[/]
Totdat je een modje quote :+

|| DPC GoT WhatPulse Team :) || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||


  • .oisyn
  • Registratie: september 2000
  • Laatst online: 00:35

.oisyn

Moderator Devschuur® / Cryptocurrencies

Demotivational Speaker

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

You see, killbots have a preset kill limit. Knowing their weakness, I sent wave after wave of my own men at them until they reached their limit and shut down. Kif, show them the medal I won.


  • RobIII
  • Registratie: december 2001
  • Laatst online: 23:48

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

.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 ;)
🖕😘

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • .oisyn
  • Registratie: september 2000
  • Laatst online: 00:35

.oisyn

Moderator Devschuur® / Cryptocurrencies

Demotivational Speaker

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.

You see, killbots have a preset kill limit. Knowing their weakness, I sent wave after wave of my own men at them until they reached their limit and shut down. Kif, show them the medal I won.


  • .oisyn
  • Registratie: september 2000
  • Laatst online: 00:35

.oisyn

Moderator Devschuur® / Cryptocurrencies

Demotivational Speaker

Mijn poging:

GoT.oisyn
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large
https://tweakers.net/g/s/wink.gifhttps://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large


template: https://tweakers.net/i/mgEaSpgiAYqohiQv4Aec5QbVivw=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/Zu4XelpIQZfw5vTEloZbWOlt.png?f=user_large

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

You see, killbots have a preset kill limit. Knowing their weakness, I sent wave after wave of my own men at them until they reached their limit and shut down. Kif, show them the medal I won.


  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
Dat ziet er heel goed uit @.oisyn!

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


  • Boudewijn
  • Registratie: februari 2004
  • Niet online

Boudewijn

omdat het kan

Ziet er veel beter uit :). Hoeveel tijd ben je daar aan kwijt geweest? O-)

Ik ben verslaafd aan koken. Volg me op https://www.kookjunk.nl


  • aex351
  • Registratie: juni 2005
  • Laatst online: 01:05

aex351

I am the one

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

< dit stukje webruimte is te huur >


  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
Hey doe eens lief. :)

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

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


  • JJ Le Funk
  • Registratie: januari 2004
  • Niet online
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
  • Registratie: september 2000
  • Laatst online: 00:35

.oisyn

Moderator Devschuur® / Cryptocurrencies

Demotivational Speaker

Boudewijn schreef op woensdag 15 september 2021 @ 18:07:
Hoeveel tijd ben je daar aan kwijt geweest? O-)
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.

You see, killbots have a preset kill limit. Knowing their weakness, I sent wave after wave of my own men at them until they reached their limit and shut down. Kif, show them the medal I won.


  • tweakduke
  • Registratie: december 2001
  • Laatst online: 21:39

tweakduke

Moderator General Chat

Duke rules the world...

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 d:)b

Tweakers Discord


  • Ruzor
  • Registratie: februari 2003
  • Niet online

Ruzor

Off with his head man

Hetzelfde idee, met behulp van de template:
https://tweakers.net/i/MLZbW7kwwoDZBD6jH5uPLGEyK6U=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/fZy66a09Be5KY6R17OeUsNTA.png?f=user_large https://tweakers.net/i/bDCB-xuQFu6y3eLEIRNisPlplAU=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/XwFYqOP1X5i8rKTZ1gCkL8dF.png?f=user_large https://tweakers.net/i/CMbaxrUV6xtA2RmIMaGK8CvsYxY=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/wWUBWvo4RWsDE9IuXoqj7MM9.png?f=user_large https://tweakers.net/i/3qMj43YQ9Ao9IdhXok23OCvrLwE=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/ndAqWN3ok54SA5T9hx5c9VFN.png?f=user_large https://tweakers.net/i/hEph78eycFEo6znW5sZU7EChdMU=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/HzW8MAdnBp9jnuxGlbKCPCuo.png?f=user_large https://tweakers.net/i/J1kxkwjYenb8Gr__8YcWIw9YwCw=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/IpfO6Px6WVW6HKc1WcPVi8L9.png?f=user_large https://tweakers.net/i/ymF46kRX7biKtmIgcKbOikUNc6I=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/FcT8EKYhPGcGSOY2Q9gC4GT3.png?f=user_large https://tweakers.net/i/E64i7VfTNnIeKqyJUhY0hfjpZ20=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/N7iPovHXTVxSSfe2KXkrKDog.png?f=user_large https://tweakers.net/i/kZW5ZYGUD1tpgDSjHWwVztNINio=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/AHjvXsZyP4PSddiAt8DC6tig.png?f=user_large https://tweakers.net/i/biWHQ0-rn5m163NpA77E0VArs8o=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/sGYXgbQGmmJU46Tu2NVtHe6s.png?f=user_large https://tweakers.net/i/SO7U17ryffe7VMGaNJ2NgG-P_F0=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/icZOhrBqY9Y7RiK1bOA5abcn.png?f=user_large https://tweakers.net/i/iWadDrfeFyemH6huf-8uPgoNDqw=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/1GOXx8FBa3qb5Mci0iUaTwwi.png?f=user_large https://tweakers.net/i/e8d0GUWjo_d-jg0vxX0BDpUy4Gg=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/HpBkXRXyIoM9J8AM0dNFfQ5Z.png?f=user_large https://tweakers.net/i/5grKs1km_4Jj3vvdGY93rSGMM5A=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/I1pYdAF3Oy8MBBNjTSToqSyZ.png?f=user_large https://tweakers.net/i/R9QJYfmYFFco0qQy1-E0HcJUqXE=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/NUSFFintM46t5PNnKQWKXGUN.png?f=user_large https://tweakers.net/i/qseFWCjI3bwNEwVbMA6gklspILQ=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/DwcVrpBWpQoV0CvGo8vin8gN.png?f=user_large https://tweakers.net/i/WyW92uV1AM7v2aKTiO1aSS3sZxc=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/LiBVIvpVlG1ZcNP8gaKc7L3B.png?f=user_large%5Bimg%5D%20%5Bimg%5Dhttps://tweakers.net/i/A_8vrzPI0a1i7rvLlG4fPbKo3P4=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/H6hsB5W7LXvv0yKTWiEKX1Aw.png?f=user_large

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

[This is what you get when you mess with us]


  • AW_Bos
  • Registratie: april 2002
  • Laatst online: 00:04

AW_Bos

Waar ga je heen? ☀

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:
1
2
3
4
5
6
7
8
.messagecontent img[src^="https://tweakers.net/g/s/"] { 
     display: none; 
}

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


Ik denk zo iets?
Niet uitgetest overigens...

Waar ga je heen?


  • P1nGu1n
  • Registratie: juni 2011
  • Laatst online: 23:49

P1nGu1n

Developer

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

Moet vast wel kunnen:

code:
1
2
3
4
5
6
7
8
.messagecontent img[src^="https://tweakers.net/g/s/"] { 
     display: none; 
}

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


Ik denk zo iets?
Niet uitgetest overigens...
:before en :after werken niet op img elements. :)

Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.


  • AW_Bos
  • Registratie: april 2002
  • Laatst online: 00:04

AW_Bos

Waar ga je heen? ☀

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


:before en :after werken niet op img elements. :)
Nice try.... :P

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]

Waar ga je heen?


  • P1nGu1n
  • Registratie: juni 2011
  • Laatst online: 23:49

P1nGu1n

Developer

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


Nice try.... :P
Enig idee waarom?
Ik denk dat het anders een Greasemonkey oplossing wordt.
Zeker! :before en :after voegen content toe voor of na bestaande 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]

Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.


  • XWB
  • Registratie: januari 2002
  • Niet online

XWB

Devver

It takes two fools to argue.


  • Ruzor
  • Registratie: februari 2003
  • Niet online

Ruzor

Off with his head man

Dit was de kortetermijnoplossing https://tweakers.net/i/_fK4PMdtRy7zRVoKFxZwkNz3fTk=/full-fit-in/4000x4000/filters:no_upscale():strip_exif()/f/image/kpMn1HEYoeGzB7U7OuOQrmtv.png?f=user_large

[This is what you get when you mess with us]


  • Dido
  • Registratie: maart 2002
  • Laatst online: 18:46

Dido

heforshe

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 :X

Wat betekent mijn avatar?


  • Moonsugar
  • Registratie: juni 2019
  • Laatst online: 22:47

Moonsugar

Communitymanager
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. :)

☼ Community Manager by day: LinkedIn / Twitter ✧ Artist by night: Etsy


  • teacher
  • Registratie: september 2001
  • Laatst online: 00:14

teacher

Frontpage Admin / Global Moderator

Dysgaf!

#communitypowerrrrrr :Y

Wise enough to play the fool

Pagina: 1


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee