Thirty for Thirty: Experiments in Meaning∞Making

[cs_content][cs_section parallax=”false” style=”margin: 0px;padding: 0px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_feature_box title=”This is what I mean when I say, "I learned how to code": <br> 30 Coding Projects in 30 Days” title_color=”” text_color=”” graphic=”icon” graphic_size=”120px” graphic_shape=”circle” graphic_color=”#ffffff” graphic_bg_color=”#733047″ align_h=”center” align_v=”top” side_graphic_spacing=”20px” max_width=”none” graphic_icon=”code”]30 experiments in 30 days! Using coding and poetry to investigate the intersections of emerging technologies and ancient pedagogies; aimed at creating the tools that are most effective in understanding and communicating our ideas.[/x_feature_box][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#1

(re)Constructed Refrigerator Magnet Poetry! Try dragging the words!

See the Pen 30for30 #1 Refrigerator Magnet Poetry by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content style=”text-align:center;”]

#2

The Transformation: Greensock js Animation Timeline experiments

See the Pen 30for30 #2 The Transformation: Experimenting with Greensock JS Animation Timelines by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content style=”text-align: center;”]

#3

Canvas Experiments: Try ‘dragging’ the canvas

See the Pen 30for30 #3 Canvas Experiments by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content style=”text-align: center;”]

#4

Sheetsu to Auto-Magically Populate Canvas in Real Time

thirtyThirtyFore from Daniel Silber-Baker on Vimeo.

[/x_raw_content][x_raw_content style=”text-align:center;”]

#5

Mock-Up #1 of Dream Note Taking and Exploration Environment

See the Pen 30for30 #4 Sheetsu API Experiments by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content style=”text-align:center;”]

#6

(re)Constructed Poetry with More Interactivity! Title your poem, then drag words on to canvas, and drop an image from your computer on to your canvas to make it the background auto-magically!

30for30NumberSix from Daniel Silber-Baker on Vimeo.

[/x_raw_content][x_button type=”flat” shape=”rounded” size=”global” block=”true” circle=”false” icon_only=”false” href=”http://www.danielsilber-baker.com/reConstructingPoetryp5/” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” style=”background-color: #733047;color: white;”]Try it for yourself[/x_button][x_button type=”flat” size=”global” block=”true” circle=”false” icon_only=”false” href=”http://www.danielsilber-baker.com/6-2/” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” style=”background-color: #733047;color: white;”]See the Documentation[/x_button][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#7

UX Experiments. Working with Magic Animations CSS. Try pressing each circle to see the magic!

See the Pen 30for30 #7 by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content]

#8

Language (re)Creation is concerned with the relationship between

See the Pen 30for30 #8 Relationship Constellations by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][x_raw_content]

#11

Interactive Constellations! Make your own constellations, and select from different layout options for (re)Creating your relationships to the wor(l)ds! Try it yourself on the web

See the Pen EyoRyz by Hershel Samuel (@Prof_Dan_English) on CodePen.


[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#12

(re)Constructed Poetry again! And this time you can create your own color for your background

30430_12 from Daniel Silber-Baker on Vimeo.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#13

On the road from California! I got a new haircut and wanted to share it with everyone. Here’s the video.

dsbTed from Daniel Silber-Baker on Vimeo.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

# STOP KILLING BLACK PEOPLE.

Make your own poem from Audre Lorde and The Black Panther Party 10 Point Plan
Try it on the web

See the Pen 30for30 #Stop Killing Black People by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#15 & 16

Interactive Writing Prompts Here’s the Video

30for30animatedFormPoetry from Daniel Silber-Baker on Vimeo.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#17

Animated Interactive Writing Prompts!

See the Pen 30for30 #17 Animated Interactive Writing Prompts by Hershel Samuel (@Prof_Dan_English) on CodePen.


[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#18

Animated Constellation Content
[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#19

Music Box With David Silber-Baker

See the Pen 30for30 dsbBoys by Hershel Samuel (@Prof_Dan_English) on CodePen.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#20 & 21

Interactive Annotation Environment

Working on the (re)Creation Education Tool Set. A part of the larger Interactive Generative Literacy project!
Exploring what interactive, participatory reading can look like. This iteration uses what feels most appropriate and urgent for the moment, Martin Luther King’s-“Where Do We Go from Here: Chaos or Community?” 20&21 focus a lot on typography and creating an environment that is comfortable to read in. See #22&23to try the functionality for yourself!

30for20_21 from Daniel Silber-Baker on Vimeo.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#22 & 23

Interactive Annotation Environment: annotatated/able version of MLK’s “Chaos or Community”

Number 22&23 A mock-up of 1.0 Interactive Generative Literacy, Educator Tools Set. I will be real time iterating this piece over the next week, so please keep checking it out (nobody’s ever read this piece too many times…right?), and let me know any feedback on existing functionality or functionality that you would like to see. If you can imagine it, I can (probably) make it happen!

[/x_raw_content][x_raw_content]

30for30_23 from Daniel Silber-Baker on Vimeo.

[/x_raw_content][x_button size=”global” block=”true” circle=”false” icon_only=”false” href=”http://www.danielsilber-baker.com/MLKcommunityorchaos/” title=”” target=”blank” info=”none” info_place=”top” info_trigger=”hover” info_content=””]Try it for Yourself![/x_button][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#24

Style Guide and Architecture for UX Designer Website

Im doing a website for a friend who is a UX designer. Here’s the mockup of a 1.0 style sheet I made for him today. You too can have a style sheet and even website of your own! I’m doing independent web development this summer and would love to work with you, yes you…dsb510@gmail.com

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 0px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][x_image type=”rounded” src=”http://www.danielsilber-baker.com/wp-content/uploads/2016/04/Screen-Shot-2016-07-20-at-8.10.19-PM.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” style=”max-height:400px;”][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][x_image type=”rounded” src=”http://www.danielsilber-baker.com/wp-content/uploads/2016/04/Screen-Shot-2016-07-20-at-8.10.30-PM-1.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” style=”max-height: 400px;”][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#25

Constellation of Creation Process and Our Roles


[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#26

iPhone Art (re)Creation.

Art with Art. Aka the welling ocean of the godfather #emoryDouglas aka the animated 3D fractal simulacra dance

26for30 from Daniel Silber-Baker on Vimeo.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#27

My new resume…

[/x_raw_content][x_image type=”none” src=”http://www.danielsilber-baker.com/wp-content/uploads/2016/04/Daniel_Silber-Baker_Resume.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#28

Audre Lorde Interactive Writing Exercise. Using Angular JS. Much more Angular JS Magic to come in the next experiments. I’m excited to be learning and working with Angular, I can feel the ocean swelling, and us with it

See the Pen #languageRecreation Angular Interactive Writing by Daniel Silber-Baker (@Prof_Dan_English) on CodePen.

[/x_raw_content][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#29

Web App Prototype in Angular JS.
[/x_raw_content][x_image type=”none” src=”http://www.danielsilber-baker.com/wp-content/uploads/2016/04/angularWebApp.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_raw_content]

#30

Final Project! I built a Web App in P5 JS. See the video below, and follow the buttons to play it for yourself! With a friend!

[/x_raw_content][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][x_creative_cta padding=”25px 25px 25px 25px” text=”Click Here<br>For Mobile” font_size=”36px” icon=”lightbulb-o” icon_size=”48px” animation=”slide-top” link=”http://danielsilber-baker.com/webApp” color=”” bg_color=”hsl(2, 84%, 32%)” bg_color_hover=””][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][x_creative_cta padding=”25px 25px 25px 25px” text=”Click Here<br>For Desktop” font_size=”36px” icon=”lightbulb-o” icon_size=”48px” animation=”slide-top” link=”http://danielsilber-baker.com/webAppDesktop” color=”” bg_color=”hsl(2, 84%, 32%)” bg_color_hover=””][/cs_column][/cs_row][/cs_section][/cs_content]