Comments on: A Fresh Design Update for Inspirational Pixels!

By: Seb Kay

Seb Kay — Mon, 20 Apr 2015 16:37:00 +0000

In reply to John. I coded this site from scratch using my own custom framework, called Bebel. There isn't a template, however I may release a version for download in the future. Also thanks for the kind comment, really appreciate it!

By: John

John — Mon, 20 Apr 2015 16:29:02 +0000

I love this blog style.

What framework did you use?

Is there template that looks like this blog?

By: Seb Kay

Seb Kay — Thu, 02 Apr 2015 06:17:46 +0000

In reply to John. Thanks John, I'm really happy to hear you're enjoying the newsletter. There wasn't one this week because of the new design launch, but it'll be going out next week instead. To get the effect you're after, I would recommend CSS animations and SVG. There's quite a lot involved in doing something like this, so it'll take a while to learn, but here are a few resources to help you get started:

Animating SVG with CSS by Chris Coyier
Styling And Animating SVGs With CSS by Sara Soueidan (I recommend you read all her stuff on SVG)

Hope this helps :)

By: John

John — Wed, 01 Apr 2015 19:39:54 +0000

I love getting your newsletter and appreciate the tech tips you provide. I have a project in mind and not really sure where to start. I want to create an animation effect, for example, an flash illustration of a dancing couple with a slight drop shadow around their feet. The effect would appear on one side from the screen, moves across my web page, overlapping all content then disappears at the opposite edge of the screen. Any suggestions on how best to get started.