Posts Tagged ‘CSS’

games and learning

Four Inventive Games That Show Us the Future of Learning

http://ww2.kqed.org/mindshift/2015/11/26/four-inventive-games-that-show-us-the-future-of-learning

Earth Primer

Designed by Chaim Gingold, a Ph.D. student at UC Santa Cruz, indie developer and designer of Spore’s creature creator, “Earth Primer” is a reinvention of the textbook. Unlike the all-too-familiar “interactive textbooks” that are little more than pictures and animations tacked on to traditional text, “Earth Primer” starts from the ground up. It’s elegantly presented and paced.

Metamorphabet

Patrick Smith, the designer behind “Metamorphabet,” is like the games equivalent of a toymaker.

Extrasolar

Money and time are the two most common barriers to using games in the classroom. “Extrasolar” solves both while also striking pedagogical gold: authentic, self-motivated learning. It’s a free alternate reality game (ARG) that mimics the day-to-day life of a rover driver exploring an alien planet for a mysterious space agency. Rather than placing players in some fantastical world, they interact with what looks like a typical desktop interface, giving their rover commands, and waiting to receive photographs and data from the alien world as well as messages from their employer. Each bit of play requires only a few minutes of activity. The wait builds tension, and when matched with the relatively mundane interface and tasks, it doesn’t feel like a game — which is kind of the point. Best of all: It’s all based in real science and, like with any good ARG, has a healthy dose of mystery to give players a reason to return.

Twine is an open-source tool for telling interactive, nonlinear stories.

http://twinery.org//

You don’t need to write any code to create a simple story with Twine, but you can extend your stories with variables, conditional logic, images, CSS, and JavaScript when you’re ready.

Twine publishes directly to HTML, so you can post your work nearly anywhere. Anything you create with it is completely free to use any way you like, including for commercial purposes.

Twine was originally created by Chris Klimas in 2009 and is now maintained by a whole bunch of people at several differentrepositories.

https://www.graphite.org/ – reviews and ratings for educational materials

Dreamweaver CC

Beginning several versions ago and continuing through the current version of Dreamweaver, the program dispensed with the old method of applying these sorts of character formatting (which was to use the HTML <font> tag) in favor of using CSS styles. This change happened mostly behind the scenes in Code view, so if you have been using Dreamweaver for quite some time, you may not have even noticed the change. Beginning with Dreamweaver CS4, the program enforces the use of CSS for text styling by requiring you to participate in defining CSS rules for changing fonts, font sizes, and font colors.

http://www.peachpit.com/articles/article.aspx?p=2130937&seqNum=6

My Note: I disagree with the statement in bold above. The difference in terms of text formatting between CS5 and CC reminds me painfully that decisive moment when iMovie changed from its simple layout to the FinalCut Pro layout. I clearly understand the reason why: the software is much more powerful, but the learning curve is also much steeper and does not allow novices (students) to be introduced to web development using Dreamweaver. Surely DW cannot satisfy all its customers, but the move is about to turn off the newbies.

The reason for the change to CSS is important. Pages styled with CSS are much more flexible than pages that use HTML <font> tags, and they can be maintained more easily. For example, when a site is redesigned, every page that uses <font> tags must be individually changed to match the new design. If you have hundreds or thousands of pages in your site, that’s a lot of work. Sites that use CSS to style text only need to change the style sheet document, and the changes automatically ripple through the whole site.

Using Adobe Edge web fonts

http://www.peachpit.com/articles/article.aspx?p=2130937&seqNum=14

Previewing Files and Modifying Existing CSS Layouts Using Adobe Dreamweaver CC

http://www.peachpit.com/articles/article.aspx?p=2044340