background preloader

Diagramming Components for HTML5/Canvas, by Northwoods Software®

Diagramming Components for HTML5/Canvas, by Northwoods Software®

Best tools and practices for concept mapping Last summer my interest in concept mapping was renewed when I read How Learning Works by Susan Ambrose et al.. At several points in the book they encourage higher educators to use concept maps. It has taken me a while to follow up but, with a little help from the POD List, here we go. Concept map or mind map? Concept mapping and mind mapping are graphic organizers, strategies for visualizing knowledge or graphically representing ideas. A mind map is a creative way to represent an idea or task, while a concept map is a formal attempt to organize or represent knowledge.Mind maps focus on a central idea; concept maps connect multiple ideas.Mind maps are colorful, use wavy lines, and often include pictures. “Mind Map” is a registered trademark, so it may be less problematic to use “concept map” for everything. Uses of concept maps In the video below, Karen Rohrbauck Stout at Western Washington University explains how she uses concept mapping as an assessment technique. Practices to consider

Jasmine 2.0 Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. Standalone Distribution The releases page has links to download the standalone distribution, which contains everything you need to start running Jasmine. Suites: describe Your Tests A test suite begins with a call to the global Jasmine function describe with two parameters: a string and a function. Specs Specs are defined by calling the global Jasmine function it, which, like describe takes a string and a function.

CmapTools - Documentation The CmapTools documentation is organized as a Knowledge Model composed of concept maps and associated resources, constructed with CmapTools itself. The following is a categorized list of the Cmaps in the Knowledge Model, for direct access. Home Cmap for the Site Home Cmap of the CmapTools Web site General Descriptions of the CmapTools Toolkit Root Cmap: General Description of Software General Description of the Network Architecture of CmapTools Description of the Various Collaboration Features of CmapTools The Views: Storing and Organizing Cmaps and Knowledge Models on the Network, plus History and Favorites My Cmaps: Storing and Organizing Cmaps and Knowledge Models in your Computer Automatic and On-Demand Generation of Web Page versions of Cmaps User IDs and Passwords for Identification during Collaboration and for Permissions Specific Collaboration Features of CmapTools Synchronous Collaboration: Two or more Users Editing the Same Cmap at the Same Time (Concurrently), with Chat

Introduction | Front-end Handbook Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses This is a guide that anyone could use to learn about the practice of front-end development. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The book should not be considered a comprehensive outline of all resources available to a front-end developer. The intention is to release an update to the content yearly. The handbook is divided into the following three parts: Part I. Part one broadly describes the practice of front-end engineering. Part II: Learning Front-End Development Part III: Front-End Development Tools

About Us What is VUE? At its core, the Visual Understanding Environment (VUE) is a concept and content mapping application, developed to support teaching, learning and research and for anyone who needs to organize, contextualize, and access digital information. Using a simple set of tools and a basic visual grammar consisting of nodes and links, faculty and students can map relationships between concepts, ideas and digital content. Concept mapping is not new to the educational field. In fact, the benefits of concept mapping as a learning tool have been documented by over 40 years of cognitive science research. VUE provides a concept mapping interface, which can be used as such, or as an interface to organize digital content in non-linear ways. Numerous tools currently exist for locating digital information, but few applications are available for making sense of the information available to us. Sharing and presenting information are important aspects of academic work.

gui design - With infinite scrolling, do scrollbars still make sense? Downloads Gephi is an open-source and multiplatform software distributed under the dual license CDDL 1.0 and GNU General Public License v3. Official Releases Release Notes | System Requirements | Installation instructions Gephi 0.9.2 is the latest stable release. Download Gephi for LinuxVersion 0.9.2 If you have an older Gephi on your computer, you should uninstall it first, see the installation instructions. All downloads:Download Gephi 0.9.2 for Mac OS XDownload Gephi 0.9.2 for WindowsDownload Gephi 0.9.2 for LinuxDownload Gephi 0.9.2 sourcesDownload Older Versions Sources: Gephi uses GitHub to host the source code and track issues. Localization Localization is available in French, Spanish, Japanese, Brazilian Portuguese, Russian, Chinese, Czech and German. Data sets Web/Internet, Social Networks, Biological Networks, Infrastructures and others… If you are looking for data samples to test Gephi, look at the wiki. Learn how to use Gephi Thank you for your support!

Server-Side Rendering With React, Node And Express Web typography is broken. Here’s how we can fix it | Thick | Service Design & UX Agency, Melbourne, Australia I'd like to introduce MegaType, which - we believe - solves these problems. Rather than building a boilerplate, I’ve wrapped this up as a modular component that can be included as needed. The advantage of this is that it reduces complexity for developers, cleans up our codebase, and allows everyone to benefit from bug fixes and updates. You may have noticed that the typographic specification above does not have a baseline grid. That’s because I’ve observed that our designers, more often than not, choose to use a looser grid for type to provide increased flexibility. But even without a formal baseline grid, it’s helpful to speak the same language as our designers. View the demo page at full size. Let's take a look at how to set this up. npm install megatype --save-dev or bower install megatype --save-dev We’ll then import this into our SCSS: @import megatype; Before we output any styles, let’s have a look at the config. $baseline-scaling: false ! Add as few or as many breakpoints as you’d like.

Related: