CREATIVE CODING
Creative coding is a field that combines programming and artistic expression to create interactive and visually stunning designs. It involves the use of programming languages, libraries, and frameworks to create unique digital artworks.
.gif)
HTML, CSS & VARIABLE FONT
The combination of HTML, CSS, and variable fonts in MoMA project empowers me to craft a visually captivating and immersive online experience. By using creative coding techniques, I can enhance the interactivity and dynamism of the website, my goal is to create a digital platform that reflects the innovation and artistic excellence associated with the Museum of Modern Art.

.gif)
.gif)



.gif)

.gif)
3d & path
With HTML and CSS, you have the tools to bring depth and dimension to the web pages, adding a touch of interactivity and visual interest, creativity soar and explore the possibilities of 3D effects, exploring path and grafic combinations in designs. Experiment with different transformation values, perspectives, and animations to achieve the desired visual impact.

.gif)




Fragmented
By combining HTML, CSS, and variable fonts, you can create beautifully styled fractions in your web pages.Play around with different variation values, font sizes, and other CSS properties to customize the appearance further.

.gif)


.gif)

drawbot & variable font
Drawbot is a programming tool that enables designers to create generative art and typography. It allows for the creation of complex shapes, patterns, and animations using Python code. By combining Drawbot with variable fonts, you can create random compositions by leveraging the programmable nature of Drawbot and the variability of variable fonts.






DRAWBOT WITH HTML & CSS
By combining the image processing capabilities of DrawBot with the animation power of CSS, you can create engaging visual experiences on the web. CSS animations provide a way to animate different properties of an element, including opacity, position, and size, among others. By defining keyframes and specifying animation durations, you can bring your image to life on the webpage.
.gif)
.gif)

.gif)


P.5 & VARIABLE FONT
p5.js is a JavaScript library that simplifies the process of creating interactive graphics and animations in the web browser. It is inspired by the Processing language and provides a beginner-friendly approach to programming visuals, making it accessible for artists, designers, and anyone interested in creative coding



.gif)
case study
Graphic Works
collection of visual designs
DROP THAT MESSAGE
Have a project in mind or just want to say hi?
Feel free to drop me an email
Feel free to drop me an email
2025 Tal Shani de Wouters. All Rights Reserved.