# César Venzac

> Design Engineer in Mougins, FR.

I'm a Design Engineer in Mougins, on the French Riviera. I design and build interfaces for the web and mobile, currently at Cosmospace, and studied at Epitech in Nice and Paris.

Contact: cesar.venzac@epitech.eu. Elsewhere: [GitHub](https://github.com/cesarvenzac), [X](https://x.com/cesarvenzac), [LinkedIn](https://linkedin.com/in/cesarvenzac/).

The site's pages are linked below as their Markdown copies: each page itself is at the same address without .md.

## Work

- Cosmospace: High-traffic websites in Next.js and cross-platform mobile apps in Expo. (Front-end & mobile developer, Cosmospace, 1 year, ongoing)
- [Resto des Arts](https://restodesarts.com): Freelance design and front-end development of the Resto des Arts websites. (Front-end developer & UI/UX designer, Freelance, 3 years, ongoing)
- [FixSpotify](https://fixspotify.com): An open-source fix for Spotify links on social networks, used to share 3,000,000+ tracks. (Front-end developer & UI/UX designer, Open source, 2 months)
- ALTEN: Data visualisation research and a monitoring app, in ALTEN's Innovation Department. (Full-stack developer & UI/UX designer, ALTEN · Internship, 6 months)
- Helpital: An ERP for a health facility, built as a team. I led the design and worked full-stack. (Lead designer & software engineer, End-of-study project, 3 years)
- ShakeBiz: A WordPress extranet for La Mut', and maintenance of high-traffic Shopify stores. (Web developer & integrator, ShakeBiz · Internship, 4 months)
- Titan Datacenters France: Systems programming in C: Huffman compression, FTP, a DNS server and a linked-list library. (C developer, Titan Datacenters France · Internship, 4 months)

## Libraries

- [Closeup](https://cesarvenzac.com/closeup.md): Film any part of a web page in close-up, sharp at any size, with a camera that closes in on clicks. (npm: @cesarvenzac/closeup)
- [Morph](https://cesarvenzac.com/morph.md): Morph any SVG into another without the spikes: icons, filled shapes, words, one shape into several. (npm: @cesarvenzac/morph)

## Docs

- [Closeup: Getting started](https://cesarvenzac.com/closeup/docs/getting-started.md): Install Closeup, open it on a shortcut or on an element, and film a first take.
- [Closeup: Filming](https://cesarvenzac.com/closeup/docs/filming.md): Picking what to film, the frame and its background, the cursor, and the camera that closes in on clicks and pans as you scroll.
- [Closeup: Scripts](https://cesarvenzac.com/closeup/docs/scripts.md): Draw the cursor's path once and play it on every take: the editor, what each point does, and the JSON a script is kept as.
- [Closeup: Keeping a take](https://cesarvenzac.com/closeup/docs/keeping.md): Trim a take, change its speed, keep it as a video or a GIF, and add buttons of your own that send it somewhere.
- [Closeup: API reference](https://cesarvenzac.com/closeup/docs/api.md): Everything the package exports: opening it, actions on a take, scripts, and their types.
- [Morph: Getting started](https://cesarvenzac.com/morph/docs/getting-started.md): Install Morph, make a morph, and draw any moment of it: in React, in the page, or on a server.
- [Morph: What it morphs](https://cesarvenzac.com/morph/docs/sources.md): Icons, any SVG markup, words set in a font, or drawings made by hand: either side can be any of them, and the two needn't match.
- [Morph: Shapes and colours](https://cesarvenzac.com/morph/docs/shapes.md): How pieces pair, how holes open and close, what becomes of the shapes one side has more of, and how colours mix.
- [Morph: Playing it](https://cesarvenzac.com/morph/docs/playing.md): Spring from one drawing to the next when something changes: MorphIcon in React, mount in the page, motion for any other clock.
- [Morph: Ways to morph](https://cesarvenzac.com/morph/docs/ways.md): Soft, even and index, the three ways side by side, the four steps that make soft what it is, and a frame as anchors and handles.
- [Morph: API reference](https://cesarvenzac.com/morph/docs/api.md): Every function and type the package exports, entry by entry: the core, React and the DOM.

## Writing

- [Morphs without spikes](https://cesarvenzac.com/blog/morphs-without-spikes.md): Most icon morphs look generated for the same few reasons: points paired by accident, moved in straight lines, and corners that snap in. Pair by shape, move strokes whole, and round the corners halfway.

## Lab

- [Figures](https://cesarvenzac.com/lab/figures.md): The site's agents as its desk draws them: a cube, a sphere, a pyramid, a block or a cloud, in 3D, saying everything with two eyes and the way they move.
- [Closeup](https://cesarvenzac.com/lab/closeup.md): Film any part of a page in close-up, sharp at any size: an element or a region, as a photo or a video, with a drawn cursor that follows yours or plays a path you draw.
- [Icon morphs](https://cesarvenzac.com/lab/icon-morphs.md): One icon turning into another, three ways side by side: in the order its paths were written, as most libraries do; evenly resampled, as flubber does; and softly, matched by shape, moved whole and rounded halfway.

## Optional

- [Full text](https://cesarvenzac.com/llms-full.txt): every case study, library and its docs, post and experiment in full
- [RSS](https://cesarvenzac.com/rss.xml): the writing, as a feed