all-aboard - Mozilla Firefox Desktop Onboarding Add-On

  •        22

The Mozilla Firefox Educational Tool

https://github.com/mozilla/all-aboard

Tags
Implementation
License
Platform

   




Related Projects

Codelobster - Free Portable IDE for PHP/HTML/CSS/JavaScript Development

  •    PHP

Codelobster PHP Edition streamlines and simplifies php development process. It provides HTML editor, HTML code inspector, CSS editor, JavaScript editor, PHP editor, PHP debugger and lot more.

thimble

  •    Javascript

Online code editor geared to people teaching and learning HTML, CSS, and JavaScript

l20n.js - A next-gen localization framework from Mozilla.

  •    Javascript

L20n is an opinionated localization library for the Web. It builds on top of Project Fluent which was designed to unleash the expressive power of the natural language. L20n.js is a good choice for websites which want to offer a best-in-class translation experience for their users. L20n takes advantage of modern web technologies to offer a fast and lean localization of HTML and JavaScript.

Donatello - Pure-CSS drawing library for the browser.

  •    Javascript

Donatello is a pure-CSS drawing library for the browser. The API is inspired in part by Raphael.js. All graphical elements are rendered using HTML DOM and CSS. The idea came together from various code snippets I had lying around for drawing circles and lines in other projects. I decided to make an attepmpt at a drawing API using these ideas after using Raphael.js in my Node Knockout team project. Donatello aims to provide a familiar drawing API similar to Raphael and other drawing libraries. Since all rendering is done using HTML and CSS, and a lot of effort is going toward optimizing CSS using graphics acceleration in the major browsers, there is the opportunity to do very efficient and performant drawing in the browser using this technique. In future versions I hope to be able to leverage CSS animations and transitions for efficient hardware-accelerated animations.

webL10n - Client-side internationalization / localization library

  •    Javascript

webL10n is a client-side, cross-browser i18n/l10n library (internationalization / localization), designed with modern web applications in mind. We don’t focus on the gettext format: the bullet-proof *.properties format, used in Mozilla and GWT projects, is preferred — at least, by default.


code-guide - Standards for flexible, durable, and sustainable HTML and CSS.

  •    HTML

Code Guide is a project for documenting standards for developing flexible, durable, and sustainable HTML and CSS. It comes from years of experience writing code on projects of all sizes. It's not the end-all be-all, but it's a start. Released under MIT by, and copyright 2014, @mdo.

pure - A set of small, responsive CSS modules that you can use in every web project.

  •    HTML

Now, all Pure CSS files should be built into the `pure/build/` directory. Allfiles that are in this build directory are also available on the CDN. The namingconventions of the files in the `build/` directory follow these rules:* `[module]-core.css`: The minimal set of styles, ususally structural, that provide the base on which the rest of the module's styles build.* `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + `[module]-[feature].css` from the `src/[module]/` dir. This i

HTML Validator for Mozilla and Firefox

  •    Javascript

HTML Validator is an Mozilla extension that adds HTML validation to Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details are seen when looking the HTML source of the page.

cleanslate - An extreme CSS reset stylesheet, for aggressively resetting the styling of an element and its children

  •    CSS

Cleanslate is an extreme CSS reset stylesheet. It is used to reset the styling of an HTML element and all its children, back to default CSS values. It is composed exclusively of !important rules, which override all other types of rules. It does not require any JavaScript – it’s just a CSS stylesheet. However, you may find it useful when used within JavaScript widgets, such as those created by Sqwidget.

flag-icon-css - :flags: A collection of all country flags in SVG — plus the CSS for easier integration

  •    HTML

A collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Which means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class.

gendesign

  •    C

Gendesing is WYSIWYG HTML Editor for Gnome, using Gtk+ and gecko from mozilla, the change properties of element is in realtime, in html view and source html, include suport php and css

Checky for Firefox, Mozilla, Netscape

  •    Javascript

Checky is an easy to use interface to many online validation and analysis services. Validate, analyze and view documents containing HTML, XHTML, CSS, RDF, RSS, XML, P3P, hyperlinks and metadata. Check Section 508 and WAI compliance of your documents.

party-mode - An experimental music visualizer using d3.js and the web audio api.

  •    Javascript

Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.

Hartija---CSS-Print-Framework - Universal CSS for web printing

  •    HTML

Hartija is universal printing stylesheet or best printing CSS practices all in one. The "magic" is in media="print", this CSS file will be used by the browser only when you print. You can also use it inside CSS like: @media print { .. }.

slippy - HTML Presentations

  •    CSS

At the core, slide decks are simple HTML files. Every slide can be any html element, but is typically a div or section. You initialize slippy by calling slippy() on a jQuery selection, for example, if you add the slide class to all your slide divs, use: $(".slide").slippy({}). Using the slide class is recommended because that's what the default CSS file is using, but you're free to do what you want. In addition, if you want syntax highlighting, you should add the following files. Using it is simple, just create a <pre> tag with a class="brush: js" to highlight javascript code for example. You can read more on the SyntaxHighlighter website itself.

SeaMonkey - All-in-one internet application suite

  •    Python

The SeaMonkey project is a community effort to develop the SeaMonkey all-in-one internet application suite. It contains an Internet browser, email & newsgroup client with an included web feed reader, HTML editor, IRC chat and web development tools. Under the hood, SeaMonkey uses much of the same Mozilla source code which powers such successful siblings as Firefox and Thunderbird.

sanitize.css - The best-practices CSS foundation

  •    HTML

sanitize.css is a CSS library that corrects broken and missing styles in all browsers, preserving useful defaults rather than unstyling everything. It’s developed alongside normalize.css, so every normalization includes the browsers or browser versions being targeted, and every opinionated change is marked and documented. normalize.css and sanitize.css correct browser bugs while carefully testing and documenting changes. normalize.css styles adhere to css specifications. sanitize.css styles adhere to common developer expectations and preferences. reset.css unstyles all elements. Both sanitize.css and normalize.css are maintained in sync.

Bloom: rule-based web loom

  •    Javascript

Bloom is a great rule-based development framework for websites, web applications and CMSs. Bloom (web-loom) rules promote consistent look and feel and integration of HTML, CSS, JavaScript, data model, etc. Bloom applications are single HTML pages (SPADE).

Ace - Code Editor in JavaScript

  •    Javascript

Ace is a standalone code editor written in Javascript. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter project. Ace can be easily embedded into any existing web page. It could provide Syntax highlighting, Auto indentation, key bindings including VI and Emacs modes, Themes, Search and replace and lot more.

Imhotep CMS

  •    

Imhotep is a php professional CMS based on web blocks with a powerfull block html caching publishing system. Default database is mysql. Wysiwyg css and html editor. Image editor. Mozilla and Internet explorer compatible.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.