Check out this Pen! The basic premise is to have an image fade in and then fade out. I use an animation-delay to offset the animations for each subsequent image in the slideshow. Elegant in its simplicity. Simplest CSS Slideshow →
Tag Archives: link
MailChimp 2015 Annual Report
Three “buckets” of UI animation
Gone Hybrid
A website that I’ve found to be very helpful whilst diving into creating Hybrid Apps (be it with or without Ionic) is Gone Hybrid, containing quite a few helpful articles to get you kickstarted on a few specific things such as adding audio effects, animations, etc. Gone Hybrid | Start Developing Hybrid Mobile Apps With …
Vibrant.js – Extract prominent colors from an image
Usage is simple: var vibrant = new Vibrant(img); var swatches = vibrant.swatches() for (var swatch in swatches) if (swatches.hasOwnProperty(swatch) && swatches[swatch]) console.log(swatch, swatches[swatch].getHex()) Works by reading in the image, placing it onto a <canvas> element, and then getting all pixel information from that canvas. Vibrant.js →
Carbon – A simple PHP API extension for DateTime.
$carbon = new Carbon(‘first day of next week’); if ($carbon->isWeekend()) { echo ‘Party!’; } echo $carbon->addYear()->diffForHumans(); // ‘in 1 year’ Carbon is just a class which is designed to be used instead of DateTime. Due to extending DateTime, all DateTime methods are available to users of Carbon. Additionally, it implements a __toString method, allowing users …
Continue reading “Carbon – A simple PHP API extension for DateTime.”
Node debugging with TraceGL
TraceGL transforms your JavaScript, injecting monitoring code that produces a log of everything that happens. This log is streamed from the target – via the traceGL node.js process – to the UI for visualisation. The UI tries to display the resulting huge amount of information fast, and uses webGL to render everything. In the video …
d3-shape – Graphical primitives for visualization, such as lines and areas.
Apollo 17 in real-time
A real-time journey through the Apollo 17 mission. Relive every moment as it occurred in 1972. This is magnificent! It’s a timeshifted playback – with audio, photos, transcripts, etc. – of the events of Apollo 17, the last mission of the Apollo program which took us to the moon, exactly as they happened 43 years …