Maarja, er moet ook nog ergens één of andere beweging plaatsvinden, zodat de kubus draait en dat gaat nu dus niet lukken zonder dat het echt 3D is

Dit was in ieder geval om te kijken hoever ik kon komen met CSS en animaties zoals je ziet is dat dus 100% gelukt. Volgende uitdaging!

---

❍ᴥ❍

Ik vind het niet zo leuk dat jullie achter m'n rug om zitten te roddelen over mij.

---

http://www.backloggery.com/kubus

Ik laat je exploderen, maar zet je daarna wel weer netjes in elkaar. En herhaal dat. Tot in het oneindige.

---

❍ᴥ❍

Weer een projectje afgerond, gebaseerd op werk van dezelfde persoon als die kubussen op de vorige pagina.

Moving arrows

Puur CSS natuurlijk

---

❍ᴥ❍

Netjes gemaakt!
Zeer trippy.

---

XBOX: BENx1996 | PSN: BENx1996 | STEAM: BENx1996

Tja, credits voor het idee gaan naar Florian de Looij, ik vind het gewoon tof om na te maken Iets met beste schilders stelen ofzo.

---

❍ᴥ❍

Holy crap dat is echt super vet om alleen met css te maken!
Lang mee bezig geweest? Is t ook te doen voor noobies?

---

Say what ? ~

Die laatste heeft me iets meer dan een half uur gekost Die kubus wel wat meer, omdat ik halverwege het animeren er achterkwam dat ik een andere manier moest gebruiken

Edit: Die laatste was echt heel erg makkelijk trouwens. 2 kleine animaties en verder heel veel copy/paste-werk.

---

❍ᴥ❍

Heb je dat via een tutorial gedaan of zelf uitgevogeld?
Lijkt me heel vet om ook zelf te proberen, kan dat gewoon op ieder soort website?

---

Say what ? ~

Ik heb goede kennis van CSS en wat ik niet weet (bijvoorbeeld hoe ik via @keyframe CSS kan "stagen") zoek ik op Er is een zeer actieve groep CSS'ers op StackOverflow die graag helpen als je een goede vraag stelt

Gooi hier gewoon nog een GIF->CSS tegenaan: Circles

---

❍ᴥ❍

Recent dit mannetje in CSS gemaakt, met een klein stukje Javascript zodat z'n t-shirt steeds anders is

Klik

Qua kleur zijn er >16 miljoen mogelijkheden Qua print maar 64.

---

❍ᴥ❍

Heb de afgelopen tijd weer wat leuke dingen gebouwd, al zeg ik het zelf Ik ben begonnen met het verzamelen van m'n webdoodles op Codepen. Zie hier mijn account en hier m'n laatste creatie, waar ik in de toekomst aan zal blijven werken.

Vooral trots op Wave, dat heeft me echt flink wat tijd gekost

Anderen die ook op Codepen zitten?

---

❍ᴥ❍

D'r gebeurt niet veel hier!

Ik ben momenteel bezig met een challenge waar je een randomizer moet maken voor een roulette-spel. Deze challenge heeft echter wat eisen:

- Je werkt voor een louche internetcasino-eigenaar
1 Maak daarom een Roulettespel dat random is
2 Echter vinden mensen 2 of 3 dezelfde nummers achter elkaar niet random (terwijl dit wel is, de kans is gewoon klein), dus het moet "echt random" zijn. In andere woorden: van de 37 getallen mogen er gedurende 37 draaien geen dubbele getallen voorkomen
3 Ik ben zelf ook niet helemaal kosjer en daarom bouw ik een cheat in waarmee ik altijd kan winnen, maar deze cheat mag niet gevonden worden.

Ik heb momenteel stap één en twee af, maar moet nog bedenken hoe ik stap 3 ga doen zonder dat het overduidelijk een cheat is die iedereen kan vinden (het is immers een online casino) door even in de source-code te kijken.

Geen idee of dit mogelijk gaat zijn

---

❍ᴥ❍

Hoop voor je dat je dit hierna niet echt online wil gaan zetten en als online casino wil gebruiken. een leuke uitdaging inderdaad, maar het in praktijk gebruiken lijkt mij niet verstandig.

---

Dura lex, sed lex

Tuurlijk zal het mogelijk zijn Skull_Kid! Don't underestimate yourself

Zelf ben ik nu ook bezig met een project waar ik eigenlijk niet uit kom. Ik zit al een paar dagen vast dus ik dacht, waarom post ik mijn probleem hier niet even Misschien dat iemand mij de goede richting op kan sturen?

Ik ben bezig met de Google Maps API waar ik een mega array heb met latitude en longitude. Nou lukt het me om een polyline tussen al deze punten te tekenen, IN 1 KEER. Zoals dit: klikvoorhoeikhetnuhebmaarnietwil

Maarrrrrrrr, dit is niet wat ik wil. Ik wil dat de polyline 'live' op de map komt! Precies zoals dit, maar dan zonder de marker:
klikkerdeklikvoorawesomestuff

Enig idee hoe ik dit kan doen?

---

If you can’t do great things, try to do small things in a great way

Haha, nee! Puur voor de challenge en om mezelf wat meer JS te leren.

Hier is de challenge

---

❍ᴥ❍

Oh leuk, medeprogrammeurs. Ik hou ook wel van wat leuke CSS & JS oefeningetjes, van die dingen die ik nooit kan gebruiken in m'n dagelijkse werkzaamheden. Soms gooi ik wat op m'n "blog" maar meestal gewoon random op jsfiddle.

Zo had ik laatst een scriptje geschreven voor pixelart met enkel box-shadows (en daarna bewegende pixelart met box-shadows en keyframes.

Javascript is helemaal mijn ding. Zo ben ik me onlangs gaan verdiepen in misbruik maken van de taal, om zulk vreemd mogelijke code te kunnen schrijven. Zoals Hello World zonder alphanumerieke tekens. (Ik wil nog een artikel schrijven waar ik uitleg hoe het precies werkt, hoe javascript te obfuscaten is, maar dat is er nog niet van gekomen)

Nu komt de volgende logische stap: Javascript zonder alphanumerieke tekens, in ascii-art in de vorm van Super Mario, en als je het uitvoert krijg je bewegende mario-pixelart op je scherm. Een beetje dit idee

Je Hello World zonder alfanumerieke tekens doet me denken aan jsfuck. En een Fiddle met >26K karakters om "Hello World" te alerten


Is de kaart zoomable en dragable? Zo niet, dan kan je eventueel een SVG-overlay maken, waar je dan met een CSS animatie de lijn kan "afspelen". Hoe wordt dit gerendered door Google Maps? Misschien kan je die lijn ook wel beïnvloeden met CSS? Heb je een live-versie?

Een beetje dit idee, waar ik mijn gezicht heb getraced in Illustrator en daarna in CSS de stroke-dashoffset van de paths animeer.

---

❍ᴥ❍

Ja dat is een van de inspiraties die ik gehad heb. Een andere inspiratie is een stuk malware code (waar ik de link even niet van kan vinden).
JSfuck is in feite een lange sting maken van losse letters, en die string als function uitvoeren. Mijn code doet eigenlijk hetzelfde, alleen vind ik mijn losse letters op een andere manier. Ik sla 4 strings ("true", "false", "undefined" en "[object Object]") op om karakters uit te plukken. JSfuck benadert de afzonderlijke karakters elke keer opnieuw waardoor je heel lange code krijgt.

Wanneer je de letters kan vinden om het woord 'constructor' te maken, kan je een function uitvoeren op deze manier: []['constructor']['constructor']('alert("hello world")')();
Vervang het voor variables en je krijgt
var $ = 'constructor',
_ = 'alert("hello world")';
[][$][$](_)();

Natuurlijk is dit niet echt handige code voor productieomgevingen maar het geeft wel een goed inzicht in hoe Javascript werkt

Ik zit tegenwoordig ook veel in de chat van Stack Overflow. Erg leuke mensen in de CSS-groepen! Stack Overflow is ook handig om vragen te stellen, al ben ik voornamelijk bezig met vragen beantwoorden, aangezien ik daar zelf ook veel van leer

---

❍ᴥ❍