video

Game after: a cultural study of video game afterlife / Raiford Guins

Hayden Library - GV1469.34.S63 G85 2014




video

Game art: art from 40 video games and interviews with their creators / Matt Sainsbury

Online Resource




video

Atari to Zelda: Japan's videogames in global contexts / Mia Consalvo

Hayden Library - GV1469.3.C646 2016




video

Mixed realism: videogames and the violence of fiction / Timothy J. Welsh

Online Resource




video

Video games and storytelling: reading games and playing books / Souvik Mukherjee, Presidency University, Kolkata, India

Hayden Library - GV1469.34.A97 M85 2015




video

Video games and the mind: essays on cognition, affect and emotion / edited by Bernard Perron and Felix Schröter

Hayden Library - GV1469.34.P79 V52 2016




video

Playback: a genealogy of 1980s British videogames / Alex Wade

Hayden Library - GV1469.3.W36 2016




video

The Routledge companion to video game studies / edited by Mark J.P. Wolf and Bernard Perron

Hayden Library - GV1469.3.R67 2016




video

Contemporary research on intertextuality in video games / Christophe Duret, Christian-Marie Pons, [editors]

Hayden Library - GV1469.3.C6464 2016




video

Does playing video games make players more violent? / Barrie Gunter

Hayden Library - GV1469.34.V56 G87 2016




video

Metagaming: playing, competing, spectating, cheating, trading, making, and breaking videogames / Stephanie Boluk and Patrick LeMieux

Hayden Library - GV1469.34.S52 B65 2017




video

Videogames and post-colonialism: empire plays back / Souvik Mukherjee

Hayden Library - GV1469.M85 2017




video

Rated M for mature: sex and sexuality in video games / edited by Matthew Wysocki and Evan W. Lauteria

Hayden Library - GV1469.34.S52 R37 2015




video

Every game is an island: endings and extremities in video games / Riccardo Fassone

Hayden Library - GV1469.3.F37 2017




video

Power play: how video games can save the world / Asi Burak and Laura Parker

Hayden Library - GV1469.34.S52 B86 2017




video

Transnational contexts of development history, sociality, and society of play: video games in East Asia / S. Austin Lee, Alexis Pulos, editors

Hayden Library - GV1469.34.S52 T74 2016




video

Blood, sweat, and pixels: the triumphant, turbulent stories behind how video games are made / Jason Schreier

Hayden Library - GV1469.3.S37 2017




video

Bit by bit: how video games transformed our world / Andrew Ervin

Hayden Library - GV1469.3.E78 2017




video

Fans and videogames: histories, fandom, archives / edited by Melanie Swalwell, Helen Stuckey and Angela Ndalianis

Hayden Library - GV1469.3.F36 2017




video

100 greatest video game franchises / edited by Robert Mejia, Jaime Banks, Aubrie Adams

Hayden Library - GV1469.3.A15 2017




video

Gaming representation: race, gender, and sexuality in video games / edited by Jennifer Malkowski and Treaandrea M. Russworm

Hayden Library - GV1469.17.S63 G38 2017




video

The aesthetics of videogames / edited by Jon Robson and Grant Tavinor

Hayden Library - GV1469.3.A29 2018




video

Interactive stories and video game art: a storytelling framework for game design / Chris Solarski

Hayden Library - GV1469.34.A97 S65 2017




video

Future gaming: creative interventions in video game culture / Paolo Ruffino

Hayden Library - GV1469.34.S52 R84 2018




video

Designing immersive video games using 3DUI technologies: improving the gamer's user experience / Arun K. Kulshreshth, Joseph J. LaViola Jr

Online Resource




video

A play of bodies: how we perceive videogames / Brendan Keogh

Online Resource




video

Gaming the system: deconstructing video games, games studies, and virtual worlds / David J. Gunkel

Hayden Library - GV1469.3.G86 2018




video

Video games have always been queer / Bonnie Ruberg

Hayden Library - GV1469.17.S63 R83 2019




video

Families at play: connecting and learning through video games / Sinem Siyahhan and Elisabeth Gee

Hayden Library - GV1469.34.S52 S59 2018




video

Atari age: the emergence of video games in America / Michael Z. Newman

Dewey Library - GV1469.3.N484 2017




video

General video game artificial intelligence / Diego Pérez Liébana, Simon M. Lucas, and Raluca D. Gaina, Julian Togelius and Ahmed Khalifa, Jialin Liu

Online Resource




video

Videogame sciences and arts: 11th International Conference, VJ 2019, Aveiro, Portugal, November 27-29, 2019, Proceedings / Nelson Zagalo, Ana Isabel Veloso, Liliana Costa, Óscar Mealha (eds.)

Online Resource




video

Handmade pixels: independent video games and the quest for authenticity / Jesper Juul

Dewey Library - GV1469.3.J89 2019




video

Minor platforms in videogame history / Benjamin Nicoll

Dewey Library - GV1469.3.N53 2019




video

Real games: what's legitimate and what's not in contemporary videogames / Mia Consalvo and Christopher A. Paul

Dewey Library - GV1469.3.C6463 2019




video

Playing dystopia: nightmarish worlds in video games and the player's aesthetic response / Gerald Farca

Hayden Library - GV1469.34.P79 F37 2018




video

Classical antiquity in video games: playing with the ancient world / Christian Rollinger

Dewey Library - GV1469.3.C53 2020




video

Playing with feelings: video games and affect / Aubrey Anable

Barker Library - GV1469.34.P79 A53 2018




video

The toxic meritocracy of video games: why gaming culture is the worst / Christopher A. Paul

Hayden Library - GV1469.34.S52 P38 2018




video

An Easy Guide to Creating Social Media Videos that Drive Results

When was the last time you watched a video on Facebook? What about Instagram or Twitter?

My guess is that it was probably within the last day.

The reason for this guess is because video continues to be one of the most powerful forms of content on social media. You can not take a digital step without coming face-to-face with a video – and there is a reason for this.

complete article




video

Web Tools #354 - React Tools, Image/Video Tools, Uncats

Web Tools Weekly

Issue #354 • April 30, 2020

>&campaign_id=02f2bef915&device=desktop&v=0.14" style="width: 100%;max-width: 600px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="600">

In previous tips I introduced a basic HTML Drag and Drop API example along with some things you can do with the dataTransfer() object. This tip will focus on the different events you can listen for during a drag operation.

There are 7 drag events that are supported across all modern browsers. They are:

  • dragstart - A dragging operation begins (on dragged item)
  • drag - A drag operation is in process (on dragged item)
  • dragenter - A dragged item enters a valid drop target (on drop target)
  • dragover - A valid drop target is dragged over (on drop target)
  • dragleave - A dragged item leaves a valid drop target (on drop target)
  • drop - A dragged item is dropped on a valid drop target (on drop target)
  • dragend - A drag operation ends (on dragged item)
The notes in parentheses next to each bullet point indicate where the event listener would be placed when listening for the event.

As usual, this is always more interesting with an interactive example, so here's a CodePen demo that illustrates all 7 drag events by printing each one on the page as the event occurs. Some events, of course, occur simultaneously. Also, in order to see the dragleave event, you have to 'leave' the drop target before entering it again to complete the drop.

The demo displays each message once but it should be noted that the drag and dragover events fire continuously while the item is dragged or while the drop target is being dragged over. The rest of the events occur one time each then won't occur again until another drag operation is initiated, ended, or another drop target is accessed, etc.

It should also be noted that MDN's article that lists the different events also lists a dragexit event that has some browser support. But it's recommended to use the dragleave event (which is apparently the equivalent) instead.
 

Now on to this week's tools!

React Tools

>&campaign_id=02f2bef915&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568">
Enform
Handle React forms with joy. Helps you manage form validation, dirty form submission and reset, field values and changes, and error messages.

react-letter
A React component that allows for an easy display of HTML e-mail content with automatic sanitization. Support for features should match what is supported by Gmail.

useCustomHook
A starter template for creating a new React Hook.

react-easy-state
Simple React state management made with ES6 Proxies.

Crank.js
Write JSX-driven components with functions, promises, and generators. uses the same JSX syntax and diffing algorithm popularized by React, allowing you to write HTML-like code directly in your JavaScript.

use-scroll-to-bottom
React Hook that uses IntersectionObserver to detect when the user has scrolled to the bottom of the page.

React Cool Portal
A React hook for Portals that helps you render children (e.g. modals, dropdowns, tooltips, etc) into a DOM node that exists outside the DOM hierarchy of the parent component.

React State Selector
Performant, type safe and easy to use React global state manager.

React Table
Now at version 7+. Hooks for building lightweight, fast and extendable data grids for React.

react-curved-arrow
Use nice curvy arrows in your React project. Great for interactive tutorials and product tours.

react-enroute
Now at version 4+. React router with a small footprint for modern browsers.

codelift
A "No Code" GUI for your React app.
50% Off Courses by Wes Bos (Master Packages!):
 
 

Media Tools (SVG, Audio, Video, etc.)

British Museum Collection
The British Museum has released 1.9 million images, most with a CC 4.0 license.

Rickshaw
A JavaScript toolkit for creating interactive time series graphs.

Trianglify
Algorithmically generated triangle art that you can render in a project using a simple API, or generate and download using the online tool.

Plotly.js
Built on top of D3.js and stack.gl, a high-level, declarative charting library with over 40 chart types, including scientific charts, 3D graphs, statistical charts, SVG maps, financial charts, and more.

Image Cropper
A quick and easy way to resize any image (PNG, JPG, SVG, GIF, and WEBP supported).

PicsArt Photo Editor
More than a dozen online photo editing tools including duotone effects, overlays, filters, background editing, and more.

BlurHash
A compact representation of a placeholder for an image. Replace boring grey boxes with beautiful states for your placeholders.

Image Compare Viewer
A vanilla JavaScript, dependency-free component that adds an interactive image diff viewer to any page. The on page demos are pretty cool!

OpenJSCAD.org
A set of modular, browser and command line tools for creating parametric 2D & 3D designs with JavaScript code.

Vime
Open source video player library focused on giving users and developers the best possible media player experience. Supports HTML5, Dash, YouTube, Vimeo, and Dailymotion.

Mixkit Music
Free stock music clips that are royalty-free for commercial projects.

The Uncategorizables

Exchange Rates API
A simple and lightweight free service for current and historical foreign exchange rates.

Amazon AppFlow
A fully managed integration service that enables you to securely transfer data between SaaS apps like Salesforce, Marketo, Slack, and ServiceNow, and AWS services like Amazon S3, in just a few clicks.

Digital Brain
Auto-generates your basic documentation and then provides a beautiful, fast, and collaborative interface for your team to complete your documentation process.

Permanent.org
A new non-profit, secure cloud storage service with a focus on privacy that offers a free gigabyte to start.

Flow
A fast, secure, and developer-friendly blockchain built to support the next generation of games, apps, and the digital assets that power them.

Phelia
A reactive Slack application framework. Build interactive Slack apps without webhooks or JSON headache. If you know React, you know how to make a Slack app.

hCaptcha
A drop-in replacement for reCAPTCHA (you can switch within minutes) that protects user privacy, rewards websites, and helps companies get their data labeled.

markmap-lib
Visualize your Markdown with mindmaps.

Plausible
Simple and privacy-friendly alternative to Google Analytics. A lightweight and open-source site analytics tool that doesn’t use cookies and is fully compliant with GDPR, CCPA, and PECR.

Public APIs
A collection of free public APIs for software developers, categorized.

A Tweet for Thought

Technology has changed the way we behave, as this thread demonstrates.
 

Got a Tool Suggestion?

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

If you're a big Seinfeld fan like I am, you'll love this: Seinfeld Adventure. Right now it's just a pitch for a game. I seriously doubt Jerry and his producers will approve this, but it's pretty cool to see what it would be like to play "a game about nothing".

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly
WTW on YouTube




video

A play of bodies: how we perceive videogames / Brendan Keogh

Browsery GV1469.34.P79 K46 2018




video

Quarantined Family Re-Creates Journey’s “Separate Ways” Video Shot-by-Shot

The Heller family writes: "Solitary confinement does strange things to the best of us and this quarantine was really having an effect. My wife texted me and said, 'we need to remake a music video.' I thought that sounded like a lot of work, but her persistence paid off and here we are. Enjoy!" via […]

Quarantined Family Re-Creates Journey’s “Separate Ways” Video Shot-by-Shot is a post from: Open Culture. Follow us on Facebook, Twitter, and Google Plus, or get our Daily Email. And don't miss our big collections of Free Online Courses, Free Online Movies, Free eBooksFree Audio Books, Free Foreign Language Lessons, and MOOCs.





video

Video: Watch Shruti Haasan's sizzling item song in Tevar

Like the song? Tell us what you think of it!




video

VIDEO: Naseeruddin Shah's day out in Bengaluru

Naseeruddin Shah at the launch of his autobiography, And Then One Day: A Memoir, in Bengaluru.