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 “wip”

Hello Keyframes,

I've started learning Swift for macOS dev recently. And this is one of my recent projects. Simple pattern generator that uses regular Unicode symbols (including Emoji).

It is still pretty much a work in progress. Currently trying to figure out how to make a decent symbol picker.

✌️ Added a new waveform visualizer to the https://songsling.io landing page.

🎵 It uses web audio to generate noise and plays back a looped beat. There's no sound as the output is muted, but it's very useful for performant drawing (via canvas).

🌐 Next: the idea is to sync the start of the beat with the keyframe in the animation (made by https://www.instagram.com/123pingu/) where the globe starts smiling and mute again when turns around. I might have to change it from .gif to .mp4 or find a solution to track .gif keyframes. Suggestions welcome!

The essence of the service is that you can create interactive tracks that change in response to online metrics. So my idea was to have an animation of 🌐and a waveform that sort of conveys that (beat starts pumping when the 🌐 looks happy/accomplished, otherwise it's quiet)

Everything that would enhance the results really! I'm not a designer so all feedback very welcome.

Taking my mockup and recreating it for lots of videos for Microsoft Ignite. Once I get the template down, it should be easy to pop out about 20 of these for each platform. Also made it easy to create square versions of these for social media reallly easily. I know I'm doing this through Snapper — but any feedback from this still? I'm all ears :)

Captured with Snapper App

One video with dual purposes.

One for a 16x9 format, and another for square social format (easily created from the to be shown on a big screen in a conference booth)

Here's the setup for the larger format — the shield will have a different graphic, but everything else will be the same: https://imgur.com/a/AQCXoRA

Layout.

Timing animation examples for chat (not too fast, not too slow, not too distracting).

Left text with the color highlight — yay? Nay?

This is just the beginning so it's a still, making things move will be soooooon

I am doing some web-development for a customer and he doesn't like the header design I have currently created. I am trying to follow the F shaped pattern of reading for the header but I am open to suggestions.

He wanted something very straight to the point without "fancy bells or whistles" but something that makes the logo stand out to the customer when they first land on the page.

I am currently working on the design of everything else but need to focus time on the header now. I was thinking about putting the logo dead-center and links around it - does anybody have any other suggestions?

I wanted little animated gifs as thumbnails for all my portfolio pieces.

To mock-up some ideas, I played around in Lightbox and came up with this. It’s an early idea representing “location based products.”

One day, it will be a looping animation thumbnail for my online portfolio, representing a series of my location-based products at my previous job.

It’s meant to be a hand tossing a location pin, which then ripples outward to then reset.

Not sure where to take this.
- The hand motion is not natural at all... how should I approach this in the final piece?
- Any and all thoughts are welcome on this early work

Fixing myself as a maker

One of my biggest fears and a big source of frustration as a maker has been taking things too seriously. Things are never good enough, I can’t make decisions...

What about feedback on drafts before posting to the public?

I'm trying to get back to writing and I'm starting to share some basic articles with some friends before exposing them in public or linking them from the homepage of my website.

I'd love to hear your thoughts on this particular text. Something I've been thinking and talking about lately with some folks on Twitter (hi Pasquale).

We keep making progress on the Race Calculator side project.

In this daily update, we're putting together the input controls, the results' table and porting the JavaScript prototype into React components.

Check it out: https://adrianmato.com/blog/worklog/race-calculator/#august-26-2018-at-1914

I'm trying to find a good compromise between something appealing but compact enough to show a lot of density of information on the results table.

I'd love to hear more ideas on how to display a compact enough table of times and also how you'd highlight the column with the desired pace time (selected by the user).

I'm also open to other aesthetics suggestions.

I’m trying to map the basic elements that would be needed in order to have the race calculator. I don’t feel 100% convinced of what should be the right approach: asking the user what they need to know (pace VS total time) or just give all the option and let them figure out. At this point, I’m towards defaulting to set a pace that would generate the total time and they would be able to switch from a pivot to the other option.

I’m sharing some rough sketches of the process from my notebook and incoming progress in this kind of worklog: https://adrianmato.com/blog/worklog/race-calculator