Web Literacy
Follow
Find
983 views | +0 today
 
Rescooped by Thomas Salmon from Fast Javascript (also HTML, HTML5, and CSS)
onto Web Literacy
Scoop.it!

40+ Fresh HTML5 & CSS3 Tutorials | Splashnology.com

40+ Fresh HTML5 & CSS3 Tutorials | Splashnology.com | Web Literacy | Scoop.it
These days, when CSS3 and HTML5 technologies are used so widely, it is hard to find a modern site that was made without the developments of recent years in this area.

Via Monitis
Thomas Salmon's insight:

For the brave :) CSS adventureland

more...
No comment yet.
Your new post is loading...
Your new post is loading...
Rescooped by Thomas Salmon from Digital Delights
Scoop.it!

Why We Need a Learning Standard for Web Literacy

Why We Need a Learning Standard for Web Literacy | Web Literacy | Scoop.it
Mozilla is working to create a new open learning standard for Web Literacy. In this post I want to consider why we need a 'standard' and who might be interested in helping define one.

Via Ana Cristina Pratas
Thomas Salmon's insight:

Early blog post on the need for Web-literacy Standard

more...
No comment yet.
Rescooped by Thomas Salmon from Educational Technology News
Scoop.it!

Understanding HTML Is Critical to Web Literacy, Especially for Young Creators

Understanding HTML Is Critical to Web Literacy, Especially for Young Creators | Web Literacy | Scoop.it

"How do we continue to build a world of creators and not just consumers? That’s a question we at the National Writing Project, along with our friends at the Mozilla Foundation, repeatedly ask ourselves and our networks of co-conspirators. One way is to learn to be a maker of the web, through a lived understanding of the building blocks of websites: Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS)."


Via EDTC@UTB
more...
EDTC@UTB's curator insight, March 14, 2013 10:41 AM

Coding is an excellent way to teach children to be planners, critical thinkers and problem solvers.

Rescooped by Thomas Salmon from Badges for Lifelong Learning
Scoop.it!

Webmaker badges are GO! | Doug Belshaw's blog

Webmaker badges are GO! | Doug Belshaw's blog | Web Literacy | Scoop.it

I’m absolutely delighted that this weekend that we at Mozilla have launched the first iteration of Webmaker badges. You can get started earning them right now by going to thimble.webmaker.org. More here: https://blog.mozilla.org/blog/2012/11/10/webmaker-badges/

Webmaker badges, in part, are based upon the work I’m doing around Web Literacies...


Via DML Competition
Thomas Salmon's insight:

The original webmaker badges and early version of web-literacy standard

more...
No comment yet.
Rescooped by Thomas Salmon from Badges for Lifelong Learning
Scoop.it!

World’s first, and therefore largest, smallest, and best, digital badge bingo game! Badge Bingo

World’s first, and therefore largest, smallest, and best, digital badge bingo game! Badge Bingo | Web Literacy | Scoop.it

This November we flew to London for the Mozilla Festival, a gathering of over1,000 passionate people that came together “to push the frontiers of the open web, learn together, and make things that can change the world.” Sounds about right.

 

For Mozilla Festival, Codery built the world’s first, and therefore largest, smallest, and best, digital badge bingo game. Badge Bingo is an interactive game where Festival attendees used digital badges they earned to connect 5 in a row! Digital badges recognize and connect skills and achievements that happen anytime and anywhere. Digital badges are the foundation of a growing global phenomenon that supports individuals to get recognition for skills and achievements online and out of school. You can learn more and earn your first badge at www.openbadges.org.

 

256 badges were played including Mozilla’s very first Webmaker badges and a “You Rock! Badge” we built that uses Moo’s NFC (Near Field Communications) cards and can be earned by making a positive impact on someone. In two days, 99 unique badges were played many of which were built as the game was played.


Via DML Competition
more...
No comment yet.
Rescooped by Thomas Salmon from STEM Education models and innovations with Gaming
Scoop.it!

Geekout / Webmaking / Make an Image Gallery with Javascript / HOMAGO

Geekout / Webmaking / Make an Image Gallery with Javascript / HOMAGO | Web Literacy | Scoop.it

Level Up for Mozfest: Learn a little about the history of the Mozilla Festival and some Javascript too! On September 30th at 16:00UTC (12pm EST), we'll be running a Geekout in which we'll teach you how to make an image gallery and share some Mozfest memories. You'll get an introduction to Javascript variables, functions, events and conditions, some quick tips on CSS tansitions and some collaborative coding while we hack on the image gallery. You'll also have the opportunity to hear about past Mozfests and gear up for the Mozilla Fesival 2013.


Via Dr. Gordon Dahlby
more...
Dr. Gordon Dahlby's curator insight, September 25, 2013 8:44 PM

Hangout - Messing Around - Geek Out  

 

YouMedia

Rescooped by Thomas Salmon from Using Technology to Transform Learning
Scoop.it!

Girls Learning Code explores webmaking

Girls Learning Code explores webmaking | Web Literacy | Scoop.it
Recently, Girls Learning Code hosted two week long camps at the Mozilla Community Space in Toronto, Canada. The first camp explored the theme of Webmaking! ...

Via Norton Gusky
more...
Norton Gusky's curator insight, August 23, 2013 10:22 AM

Great week-long workshop with sessions including Paper Prototyping with Minecraft, Using Scratch to develop Leadership Skills, and Collaborative Programming. 

Scooped by Thomas Salmon
Scoop.it!

Teach - Mozilla Webmaker

Teach - Mozilla Webmaker | Web Literacy | Scoop.it
MT @mozilla: We've got creative ways to help anyone teach web literacy, digital skills & making #teachtheweb with us: http://t.co/InnWeblvie
more...
No comment yet.
Scooped by Thomas Salmon
Scoop.it!

Zuckerberg, Gates back teaching coding in school

Zuckerberg, Gates back teaching coding in school | Web Literacy | Scoop.it
Does every child need to learn computer science? (Zuckerberg, Gates back teaching coding in school http://t.co/1KNROyFMKr)
more...
No comment yet.
Rescooped by Thomas Salmon from Informal Learning: What Parents Need to Know
Scoop.it!

Learn Webmaking, Earn Badges

Learn Webmaking, Earn Badges | Web Literacy | Scoop.it

by Erin Knight, Digital Media Learning

 

Webmaker Badges Are Here: Deeper Dive 

 

I wrote awhile back about our thinking around the Webmaker Badges. Well that thinking is now a reality, we launched the first set of Webmaker badges at MozFest.

There was a big Mozilla post and fanfare around the launch, so I’ll just let you read that for the high level details, but I wanted to go a level deeper and also highlight some key next steps.


Via DML Competition, Parent Cortical Mass
Thomas Salmon's insight:

The original Webmaker badeges I think !

more...
No comment yet.
Rescooped by Thomas Salmon from Fast Javascript (also HTML, HTML5, and CSS)
Scoop.it!

Modernizr: the feature detection library for HTML5/CSS3

Modernizr: the feature detection library for HTML5/CSS3 | Web Literacy | Scoop.it
Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

 

While Modernizr gives you finer control over the experience through JavaScript-driven feature detection, it is important to continue to use best practices throughout your development process. Use progressive enhancement wherever you can, and don’t sacrifice accessibility for convenience or performance.


Via Monitis
Thomas Salmon's insight:

What is Modernizr ? Explained

more...
No comment yet.
Scooped by Thomas Salmon
Scoop.it!

Startup Spotlight: Codementor offers real-time, screen-sharing coding support ... - GeekWire

Startup Spotlight: Codementor offers real-time, screen-sharing coding support ... - GeekWire | Web Literacy | Scoop.it
Startup Spotlight: Codementor offers real-time, screen-sharing coding support ...
GeekWire
codementor1 Imagine, for a second, that you're a developer working hard on a big project.
more...
No comment yet.
Rescooped by Thomas Salmon from The Rise of the Algorithmic Medium
Scoop.it!

BBC plans to help get UK coding

BBC plans to help get UK coding | Web Literacy | Scoop.it
The BBC will launch an initiative in 2015 to get coding more widespread in schools and homes.

Via Pierre Levy
Thomas Salmon's insight:

Bring it on the BBC gets into coding :)

more...
No comment yet.
Rescooped by Thomas Salmon from HackDay Russia
Scoop.it!

Mozilla launches web literacy standards for web-making, not just web-using, citizens

Mozilla launches web literacy standards for web-making, not just web-using, citizens | Web Literacy | Scoop.it
Mozilla has just made a big, ambitious announcement about our collective ability to use and manipulate the web: It’s launching a set of standards for web literacy.

Via HackDay Russia
more...
No comment yet.
Rescooped by Thomas Salmon from Open Educational Resources (OER)
Scoop.it!

Teach the Web: a Mozilla Open Online Collaboration for Webmaker mentors - May 2 – June 30Teach the Web

Teach the Web: a Mozilla Open Online Collaboration for Webmaker mentors -  May 2 – June 30Teach the Web | Web Literacy | Scoop.it

Learn how to teach digital literacies, master webmaking tools, develop your own educational resources, and take what you learned back to your communities and classrooms.


Via Andreas Link
Thomas Salmon's insight:

Laura's awesome idea for making a Webmaker MOOC

more...
Monica S Mcfeeters's curator insight, April 28, 2013 2:42 PM

Here's a great summer project. I hope I can try this from the much censored location I will be living in this summer while school is out.

Rescooped by Thomas Salmon from Into the Driver's Seat
Scoop.it!

Hacktivity Kits for Webmaking

Hacktivity Kits for Webmaking | Web Literacy | Scoop.it

Description by EdSurge

 

" HACKTIVITY KITS is a collection of nine hands-on and web 2.0 activities intended to explain and reinforce the concept of web hacking -- that is, the idea of remixing, reusing, and re-purposing existing content to create new material or glean interesting insights. Created by NYC HIVE, a MacArthur Foundation-supported group of civic-minded organizations (there's a Chicago one, too), the Hacktivity Kits are largely built upon Mozilla WebMaker tools: Popcorn Maker, Thimble, and X-Ray Goggles. Each Hacktivity includes a detailed list of learning goals and objectives, expected results, and supporting resources. There's also an extensive list of icebreakers to get the creative juices flowing and skills tutorials for the WebMaker tools. For example, look to the Online Storytelling kit which explains the SVT (Story, Vision, Tech) model for making "web native" stories. In addition to introductory tutorials on how to use the kit and associated technology, there's also the Spectrogram icebreaker, Popcorn Maker deep-dive, and an out-of-the-box design challenge for teachers just getting their feet wet."


Via Jim Lerman
more...
Jim Lerman's curator insight, February 14, 2013 6:34 PM

This is some deep material that will likely engage a large number of students and teachers.

Rescooped by Thomas Salmon from Tracking Transmedia
Scoop.it!

Whoa! Super Cool! Make your own episode of "Inanimate Alice" | Mozilla Webmaker Projects

Whoa! Super Cool! Make your own episode of "Inanimate Alice" | Mozilla Webmaker Projects | Web Literacy | Scoop.it

Create the next chapter of an interactive story.

Inanimate Alice is a popular multimedia novel that tells the story of an aspiring game animator and designer through text, images, music, puzzles and games.

Use Mozilla's X-Ray Goggles to create the next chapter in the story, using characters and a storyline you create, remixing the web along the way.

Dive into an existing episode of Inanimate Alice.Install the Hackasaurus X- Ray Goggles bookmarklet.Outline your own episode. Things to think about include:Character- it could be Alice, it could be anyone!Location-pick a country, any country!What happens next- is it a mystery the character is trying to solve, new friends the character meets, something new the character learns?Create a storyboard or story elements using new or remixed multimedia:.....


Via siobhan-o-flynn
more...
Jeni Mawter's curator insight, April 28, 2013 9:48 PM

Kate Pullinger's Inanimate Alice paved the way in thinking about non-linear narratives and interaction for children's and young adult storytellers.

Rescooped by Thomas Salmon from E-Learning and Online Teaching
Scoop.it!

Mozilla Webmaker

Mozilla Webmaker | Web Literacy | Scoop.it

Building a generation of webmakers

"Mozillians are people who make things. Moving people from consumption to creation is Mozilla's goal."


Via Dennis T OConnor
more...
No comment yet.
Rescooped by Thomas Salmon from Tracking Transmedia
Scoop.it!

Interactivity as a “story disruptor” series: Brett Gaylor pt. 1

Interactivity as a “story disruptor” series: Brett Gaylor pt. 1 | Web Literacy | Scoop.it

"Editor Joe Botana (@Zbutcher) and I [Eric Wise] interview Brett Gaylor, documentary filmmaker and director of Mozilla’s Popcorn.js project.

Brett talks about his background as a documentarian, his frustrations with the limitations of early Web distribution and how he convinced an Internet titan to care about the future of filmmaking."


Via mirmilla, siobhan-o-flynn
more...
mirmilla's curator insight, January 11, 2013 6:25 AM

 

Another confirmation (if there was any need) that innovation is almost always the result of different skills collaboration.

siobhan-o-flynn's curator insight, January 11, 2013 7:53 AM

The idea of "interactivity as a 'story disruptor" is an old one & there are design strategies for interactivity that reverse that model. Must listen to the whole video(s) - bookmarking

Scooped by Thomas Salmon
Scoop.it!

This Coding Competition For Teens Was Also Created By A Teen - ReadWrite

This Coding Competition For Teens Was Also Created By A Teen - ReadWrite | Web Literacy | Scoop.it
ReadWrite
This Coding Competition For Teens Was Also Created By A Teen
ReadWrite
CreateHS isn't the only coding competition for high schoolers out there. Google Code-In, for instance, has been targeting teen participants since 2010.
more...
No comment yet.
Scooped by Thomas Salmon
Scoop.it!

Wix introduces platform for mobile website development

Wix introduces platform for mobile website development | Web Literacy | Scoop.it
HTML5 web-development platform Wix has today announced a new mobile solution for its worldwide user base, allowing them to create mobile-optimized versions of their websites without altering the traditional desktop ...
Thomas Salmon's insight:

Woot Wix goes mobile

more...
No comment yet.
Rescooped by Thomas Salmon from Fast Javascript (also HTML, HTML5, and CSS)
Scoop.it!

40+ Fresh HTML5 & CSS3 Tutorials | Splashnology.com

40+ Fresh HTML5 & CSS3 Tutorials | Splashnology.com | Web Literacy | Scoop.it
These days, when CSS3 and HTML5 technologies are used so widely, it is hard to find a modern site that was made without the developments of recent years in this area.

Via Monitis
Thomas Salmon's insight:

For the brave :) CSS adventureland

more...
No comment yet.
Scooped by Thomas Salmon
Scoop.it!

Web Literacy Standard - Mozilla Webmaker Project

The Web Literacy Standard resource for the Mozilla Webmaker translation project on Transifex. (RT @WebLitStd: So exciting to see the localisation progress for the Web Literacy Standard!
Thomas Salmon's insight:

Woot web-literacy standard is being localised :)

more...
No comment yet.
Rescooped by Thomas Salmon from IT Books Free Share
Scoop.it!

HTML5 Web Application Development By Example Beginner's guide - Free eBook Share

HTML5 Web Application Development By Example Beginner's guide - Free eBook Share | Web Literacy | Scoop.it
eBook Free Download: HTML5 Web Application Development By Example Beginner's guide | PDF, EPUB | ISBN: 1849695946 | 2013-06-25 | English | PutLocker

Via Fox eBook
more...
Fox eBook's curator insight, October 5, 2013 9:09 PM

Learn how to build rich, interactive web applications from the ground up using HTML5, CSS3, and jQuery

Overview

Packed with example applications that show you how to create rich, interactive applications and games.Shows you how to use the most popular and widely supported features of HTML5.Full of tips and tricks for writing more efficient and robust code while avoiding some of the pitfalls inherent to JavaScript.Learn how to create professional looking applications using new CSS3 styles and responsive design.Learn how to compress, package, and distribute your web applications on the Internet for fun or for profit.

In Detail

HTML5′s new features have made it a real application development platform with widespread adoption throughout the industry for this purpose. Being able to create one application that can run on virtually any device from phone to desktop has made it the first choice among developers. Although JavaScript has been around for a while now, it wasn’t until the introduction of HTML5 that we have been able to createdynamic, feature-rich applications rivaling those written for the desktop.

HTML5 Web Application Development by Example will give you the knowledge you need to build rich, interactive web applications from the ground up, incorporating the most popular HTML5 and CSS3 features available right now. This book is full of tips, tools, and example applications that will get you started writing your own applications today.

HTML5 Web Application Development by Example shows you how to write web applications using the most popular HTML5 and CSS3 features. This book is a practical, hands-on guide with numerous real-world and relevant examples.

You will learn how to use local storage to save an application’s state and incorporate CSS3 to make it look great. You will also learn how to use custom data attributes to implement data binding. We’ll use the new Canvas API to create a drawing application, then use the Audio API to create a virtual piano, before turning it all into a game.

The time to start using HTML5 is now. And HTML5 Web Application Development by Example will give you the tips and know-how to get started.

What you will learn from this book

Build your first HTML5 application in next to no timeDevelop fun applications and gamesLearn about UI and UX using the new features in CSS3Create dynamic, responsive applications that will work on any deviceUse the top features in HTML5 to create fun, useful applications

Approach

The best way to learn anything is by doing. The author uses a friendly tone and fun examples to ensure that you learn the basics of application development. Once you have read this book, you should have the necessary skills to build your own applications.

Who this book is written for

If you have no experience but want to learn how to create applications in HTML5, this book is the only help you’ll need. Using practical examples, HTML5 Web Application Development by Example will develop your knowledge and confidence in application development.

Table of Contents

Chapter 1: The Task at Hand
Chapter 2: Let’s Get Stylish
Chapter 3: The Devil is in the Details
Chapter 4: A Blank Canvas
Chapter 5: Not So Blank Canvas
Chapter 6: Piano Man
Chapter 7: Piano Hero
Chapter 8: A Change in the Weather
Chapter 9: Web Workers Unite
Chapter 10: Releasing an App into the Wild
Appendix: Pop Quiz Answers