Slide backgroundattractive selection of various blog post screenshots
CLAIM YOUR SPACE ON THE WEB
Rampages logo

Academic Learning Transformation Lab

Connected Learning for a Networked World

ALT Lab models and inspires connected learning for a networked world through faculty development, student engagement, communities of practice, and technology enhanced active learning. We cultivate distinctive experiences of deeper learning fostered by high engagement for student success. For disambiguation...

Slide backgroundAbstraction of the Online @ VCU log

INTERESTED IN OUR ONLINE COURSES

AND DEGREE PROGRAMS?

Online @ VCU logo

Weekly Web Harvest for 2017-11-12

Strange and Curious Wills of the Georgian Era in the Canterbury Court – Geri Walton WILLIAM SHACKELL, ESQ. – Governor of Plymouth – 12 October 1782 “I desire that my body may be kept as long as it may not be offensive, and that one of my toes or fingers may be cut off to secure a certainty of my being dead, I also make this further request to my dear wife, that as she has been troubled with one old fool, she will not think of marrying a second.” Interactive marginalia – Liza Daly – Medium marginalia and annotation considerations . . . Character Building – Futility Closet A man gets well pummelled at a public school; is subject to every misery and every indignity which seventeen years of age can inflict upon nine and ten; has his eye nearly knocked out, and his clothes stolen and cut to pieces; and twenty years afterwards, when he is a chrysalis, and has forgotten the miseries of his grub state, is determined to act a manly part in life, and says, ‘I passed through all that myself, and I am determined my son shall pass through it as I have done;’ and away goes his bleating progeny to the tyranny and servitude of the long chamber or the large dormitory. It […]

Headless(-ish) WordPress Example

This is a bit of an odd one but possibly odd enough to be interesting. The Scenario We can’t run WordPress on the University servers but we’ve got a bunch of people who have content on WordPress and like that editing experience. They also want VCU domains which are much harder to get for off-site servers. The Proposal What if we take one of those sites and see what we can do with the REST API data in a headless1 HTML/JS/CSS only environment? I also wanted to keep it out of Vue or other larger javascript frameworks so it’d be less abstract to explain. At this point I am unsure that was a great choice but I can make a different choice next time. More Details The faculty member already had a WordPress site. It had a bunch of pages and had no posts. The faculty member also wanted the header image to change on various pages and for a sub-menu to be created on certain pages. The Proof of Concept – Step One HTML Shell I opted to sketch out the HTML portion loosely with Bootstrap 4. Initially, I’d gone to one of the HTML5Up templates but pulled back as it added a chunk more complexity than I needed initially. Plus, I knew Matt was going to handle taking […]

YouTube Full Screen Player Page from Playlist

The request was that we do something interesting with the random screens we have scattered around our area. It seemed like it’d be easy to make a little full-page player for a YouTube playlist with some lightweight overlays to emphasize the connection with our department. Handling the videos displayed via a playlist makes it easy to add/remove content and the making the logo overlays part of the webpage let us keep things consistent across videos we didn’t control. Since we weren’t activating sound by default turning on captions by default was also a key need. The codepen example is here. The HTML is dead simple. We’ve got a wrapper div which lets us make it full screen, an ytplayer div for the videos, and two divs to do the logos. The javascript is pretty much a cut/paste from the YouTube API docs. There are a few changes to reference the playlist instead of a single video and some stuff around closed captions and that’s noted below. The main tweak here is to get the fullscreen video to behave. I use this pattern from CSS tricks. The other stuff just staples some divs over the lower corners to show the logos.

Contact us

Academic Learning Transformation Lab - ALT Lab
1000 Floyd Ave, Suite 4102 | Richmond, Virginia 23284
altlab@vcu.edu | 804-827-5181

Last updated: September 26, 2017

Virginia Commonwealth University