because all media is new
Animated GIF Example
Animated APNG Example
Reflecting writing here. Give your audience a brief description of the assignment and what you learned from doing it. The GIF is inserted from the media library. The APNG is hosted on another site and linked.
As with other posts, you can add links to the wiki project or other supporting materials as seen in the Image Embed Example below.
Press RED to stop, GREEN to start
If image does not load, it may mean https encryption is blocking http content
If this persists, visit this link »
Reflecting writing here. Give your audience a brief description of the assignment and what you learned from doing it. It’s a good idea to give the audience direction for operating (as seen in in italic text above). As of this writing, embedding can only be done from a white-listed platform that supports embedding using iframes. The image above is embedded from the personal.psu.edu subdomain and hosted by the author within a personal web directory.
NOTE: As of this writing, personal.psu.edu is whitelisted, but loading from the server can still be annoyingly inconsistent due to https encryption. If you find that to be the case try the following:
As with other posts, you can add links to the wiki project or other supporting materials as seen in the Image Embed Example below.
Note the use of categories below identifies this as an exercise associated with Project 3 in a specific studio…
Reflecting writing here. Give your audience a brief description of the assignment and what you learned from doing it. As of this writing, embedding models can only be done from a white-listed platform that supports embedding using iframes. The image above is embedded from AutoDesk Fusion360.
The image above is an STL file embedded from p3d. Click on the model to activate navigation tools, where you will also find share and download functions. Nevertheless…
ALWAYS INCLUDE a publicly accessible text-based link to download a file for processing in the makerspace.
As with other posts, you can add links to the wiki project or other supporting materials as seen in the Image Embed Example below.
Note the use of categories below identifies this as a final project associated with Project 4 in a specific studio…
Reflecting writing here. Give your audience a brief description of the assignment and what you learned from doing it. Embedding videos is mandatory since the media library doesn’t readily support storage of video. The image above is embedded from Youtube and it’s just a simple short URL:
The video above is an iframe and API script from Vimeo. The code is auto-generated by Vimeo’s share tool, copied and pasted in the Text tab of the content area for this post in the WordPress Dashboard:
As with other posts, you can add links to the wiki project or other supporting materials as seen in the Image Embed Example below.
The final sample is an iframe embed from Adobe Spark. As with the Vimeo iframe, the code is auto-generated in Spark, and handled in a similar manner.
Reflecting writing here. Give your audience a brief description of the assignment and what you learned from doing it. Embedding images is often a better idea than using the media library. The image above is embedded from Flickr.
Other suggestions:
Egon Schiele, The Poet, 1911, Oil on canvas.
Note the use of categories below identifies this as an exercise associated with Project 1 in a specific studio…
In advanced studios, students post weekly progress postings on long-term projects. This kind of post is often longer form writing with a variety of possible embeds, depending on the kind of studio. Progress posts can include things like sketchbook scans…
Scan of a hand drawing from sketchbook
… diagrams or other kinds of information graphics …
Diagrams of a section through an object
… playblasts of animations in progress …
Playblast of a work in progress
… or even simple timelines or to-do lists.
| WEEK | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 13 | 14 | 15 | EX |
| Exercises | • | • | ||||||||||||||
| Project | • | • | • | |||||||||||||
| Final | • | • |
Sample of a Gantt-style timeline
If you are using code in a project it’s sometimes useful to post the code. There are some conventions for this—generally, you want to offset the code for visual emphasis and use a monospace font as a signifier:
<img class="alignnone size-medium wp-image-151 aligncenter" src="https://sites.psu.edu/newmediaabington/files/2018/12/lineArt-17qw44p-300x300.jpg" alt="" width="300" height="300" />
These posts should definitely include links to tutorials you are using in a self-directed project »
… as well as the results of the tutorial.
Tutorial results from Double-exposure with transparency
Note the use of categories below identifies this as a progress post associated with a specific studio…
This is an example of a 500 word writing sample. This is sometimes assigned for longer form reflection, research, thesis, or other types of writing.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris venenatis mauris justo, condimentum porttitor eros ornare nec. Duis hendrerit sem et fermentum porta. Vivamus finibus varius sapien et sodales. Integer ut consequat mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris in arcu sit amet leo ultricies venenatis. Pellentesque non enim ullamcorper, tempus orci sed, fringilla est. Aliquam erat volutpat. Maecenas dui ipsum, egestas in libero nec, efficitur lacinia felis. Morbi tempus dignissim ante. Maecenas sed leo vitae ligula efficitur hendrerit et eget libero. Curabitur dignissim malesuada mi, ut sollicitudin libero scelerisque non. Ut lobortis sapien et rhoncus hendrerit.
Quisque maximus luctus ullamcorper. Integer euismod fermentum massa eu hendrerit. Nullam ultricies, est vitae fringilla venenatis, quam urna euismod purus, quis pretium lorem dolor vel diam. Nam id tincidunt urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam leo eros, ultricies in porttitor vitae, iaculis ut quam. Phasellus pretium vehicula metus et tempus. Proin metus massa, ultricies quis molestie imperdiet, pellentesque vel mauris. Vivamus nec mattis neque. Pellentesque vitae dictum tellus. Suspendisse tempor mi ac eros vulputate sollicitudin. Cras ornare sed dui et laoreet. Ut quis aliquet arcu, vel iaculis neque. Nulla velit diam, imperdiet nec tempus eget, pulvinar nec ex. Aenean in ullamcorper augue.
Donec fermentum ullamcorper feugiat. Phasellus sollicitudin tortor quis arcu pretium, et aliquam est lacinia. Donec vel mollis leo, ut auctor velit. Quisque feugiat nunc iaculis sapien tristique volutpat. Sed vitae est id orci vulputate eleifend eget a odio. Donec ut sodales est, eu pulvinar ligula. Ut tempus, lectus non tempus varius, tortor mi facilisis diam, et condimentum neque metus id dui. Morbi molestie nisl efficitur, scelerisque quam quis, gravida metus. Mauris odio lectus, tempus in augue sed, vulputate laoreet enim.
Proin nec dolor a velit lacinia scelerisque id vitae mauris. Nulla sed ullamcorper velit, pulvinar tristique dolor. Mauris elementum quam in risus lacinia ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut auctor faucibus massa, eu ultrices velit bibendum sed. Duis purus lacus, mattis in tempus sit amet, laoreet vel dolor. Morbi lobortis hendrerit massa, nec varius nunc. Pellentesque a tortor sit amet lacus tincidunt dapibus id bibendum mi. Duis mattis mi tellus, at dapibus orci venenatis non. Proin mi est, accumsan sit amet mollis eu, auctor at massa. Mauris sed placerat elit. Curabitur egestas nunc lacinia lobortis fermentum.
Donec dignissim erat gravida ex varius, vel facilisis ligula ultricies. Nunc felis neque, accumsan sed semper eget, fringilla ac ante. Integer at felis tempor ligula luctus pulvinar. Nulla facilisi. Quisque sit amet tempor lacus, vitae bibendum felis. Ut sed pellentesque nisl, in iaculis ex. Aenean leo ipsum, venenatis vel accumsan ac, efficitur facilisis turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut finibus arcu a est efficitur vestibulum. Pellentesque in sem augue. Mauris nisi erat, venenatis nec est sit amet, iaculis porttitor risus. Integer lacinia scelerisque felis.