background preloader

Pixel Map Generator

Pixel Map Generator

Related:  Google Sites IMapasinformatiqueCartographie - visualisations et applicationsBoîte à outil

Create a Javascript Popup Window Make a Popup Window You can create the html code for a popup window with this online tool. Just use the form below to generate the necessary popup windows code to paste into your HTML. This tool is good for quick one time use but if you want to have popup functionality built into your website then you should learn about the javascript code needed to create pop-up windows for your site or an even better way is to use the jQuery popup code. Using this popup window generator script lets you control the pop-up window size and appearance, along with the option to make the pop up resizable or not. All the necessary HTML code is generated by this tool so all you have to do is copy and paste the script. ART OF MOVIES - Movie Maps To sum up the key character’s journey in an entire movie into a single picture, would not only be a pain in the arse to research, but would take forever to create. Well I’m glad Andrew DeGraff had the patience and skill to create his collection of Movie Maps. Andrew is an illustrator by trade and has loved maps from an early age, and as he told The Huffington Post, it sounds like merging his passion of stories and maps was a no brainer: “When I started as a professional illustrator, I got a few jobs creating maps for travel magazine illustrations, and had a lot of fun doing them. I realized I really loved doing architecture and landscape.

Use Google Sites to Build Your Own Digital Learning Hub TL;DR version: As your create and curate your digital identity and online educational brand, consider using Google Sites as your digital learning hub. This allows you to have one place online that you use to include any & all content you want your students to use. In a previous set of blog posts I detailed my own learning and reflections as a result of facilitating and presenting at the MA New Literacies Institute. One of my final revelations is that we’re at the point where educators should not only be creating and curating their online brand, but that this should be supplemented with your own learning management system (LMS).

Map Stack / Edit Map Stack stamen Sorry, we only allow 5 layers. Tiles by Stamen Design, under CC-BY 3.0. Data © OpenStreetMap contributors, under CC-BY-SA. Embed Audio with Google Drive - By Chad Olson | June 29, 2014 | Category Tutorials In this tutorial I will be showing you how to use Google Drive to host and embed audio for your blog. The first thing you will need is a Google Account. I am assuming you already know how to add folders and files to Google Drive. TellMyCity The mapping module allows me to have at any time a comprehensive view of applications on my city and to measure changesMayor, City of 72000 citizens Maps All requests automatically feed our mapping and statistical analysis tools. It is thus possible to analyze requests based on their category, from the date of reporting, their neighborhood, etc.

HTML Link Generator Use the following HTML link generator to create a link for your website. In HTML, links (also known as "hyperlinks") are created using the <a> tag. This is often referred to as the "anchor" tag. The link code generator below automatically creates this tag, as well as the relevant CSS for any customization. Customizing The HTML

The History of Barcelona, in 26 Interactive Maps It’s now possible to flip through the key chapters of Barcelona’s life as a city, through the The Historic Charter of Barcelona. This is a new interactive mapping project tracking the history of the capital of Spain’s Catalonia region from 150 A.D. to 2010, created by an urban-planning and data-viz collective called 300.000 Km/s (whose projects we’ve written about in the past). From the press release: The Historic Charter of Barcelona is a pioneering tool in the research and dissemination of urban history, making Barcelona the first city in the world to have a tool of this complexity. The Historic Charter is a document aiming to study the history but also to explain it: a tool to think the future by understanding the past.

How to do a SWOT analysis using a mind map A SWOT analysis is a popular business planning tool that is used to determine an organization’s current Strengths, Weaknesses, Opportunities and the Threats it faces – hence the SWOT moniker. A mind map is a terrific tool to perform this type of analysis, because it can capture so much information in a compact space. It also enables you to see connections between disparate pieces of information. The SWOT analysis above was created by Michael Deutch at Mindjet, and it is located on, an online community for sharing MindManager maps. Links In HTML, links (also known as "Hyperlinks") are what enables visitors to click through to another web page (or other URL). The visitor usually clicks on linked text or a linked image and that's what triggers the loading of the linked document. To create a link in HTML, you use the HTML <a> tag, also known as the "anchor" tag. The anchor tag is represented by the letter "a". Therefore, the syntax goes something like this <a href="...some URL...">anchor text</a>.

Watch_Dogs WeAreData In the video game Watch_Dogs, the city of Chicago is run by a Central Operating System (CTOS). This system uses data to manage the entire city and to solve complex problems,such as traffic,crime, power distribution and more... This is not fiction anymore. Smart cities are real, it’s happening now. Huge amounts of data are collected and managed every day in our modern cities, and this data is available to anyone. 4 free tools for making your own maps Most of us are very familiar with Google Maps, Google Earth, Google Tour Builder, and ArcGIS. Awesome tools all. But there are other tools out there to help you and your kids create and share maps. They may not have the same cache and brand name awareness but these types of tools can be very handy. Play with them a bit and run them by your kids. You may be surprised.

CSS Hover This page explains and demonstrates how to use the CSS hover pseudo-class to achieve visual effects when the user hovers the cursor over an element. This method is a quick and easy way to provide an effect without needing to use the JavaScript onMouseover event handler. Cascading Style Sheets (CSS) provides pseudo-classes that enable you to change the style HTML elements upon user interaction (such as hovering over or clicking an element). These are often used with the CSS text-decoration and color properties to change the text color and/or remove/add an underline under the text. While more advanced functionality can be provided using JavaScript (i.e. using the aforementioned onMouseover event handler), styles can be changed upon a hover over simply by using the CSS pseudo-classes listed on this page. Example

Related:  Cartographie