Welcome, weary internet traveller. You’ve stumbled onto a great slice of the internet.

Keyframes is a creative community. Share your #wip, get #feedback, find inspiration, and chat with people who make things. It is a bunker from the rest of the garbage internet. No popularity contests here. No circle jerks. No regular jerks. Just a wholesome place to shoot the shit and be real about what you’re making.

You can post in public, or private (with a Plus account). Use it to improve your work, or just feel good about creating things again.

Come on in! We hope you enjoy your stay.

Register here for a very fun time ✨️

Or log in if you’re returning. (Welcome back!)

All posts tagged “code”

An example of annotating source code in real time as a way to provide visibility into computed values.

The left side is a simple, interactive program (in this case running in an emulator). The source code editor is shown on the right, with the values for "non-trivial" expressions being queried from the running program as they change and added as annotations into the source code.

SVG panther - animated

Messing around with code + art. Illustration made in Illustrator then generated/saved out to SVG, SVG optimised for web, animated with CSS and then fa...

I have been torn between dedicating my time to art outside of work and learning code and cannot dedicate time to both enough after a full time job so i have decided to try to combine my love for drawing, art etc with code and this is my first stabe in a while. I am hoping to make much more and improve my code as I go along.
Yes this uses SVG, lots of code, generated from illustrator, cleaned up to work on web based on one of my drawings and then I animate it mostly with CSS with a cheap each in jQuery.
If anyone can help me improve the jquery or even refactor to vanilla i'd be grateful as I am struggling to do anything like that in vanilla like I can in jQuery!

jQuery(document).ready(function($) {
		.each(function(i) {
			$(this).delay(10 * i).animate({opacity: "1" }, 1000);

I'd be interested in hearing your thoughts guys and gals :)

P.S. for anyone interested you can view...

Continue →