background preloader

Subway Map Visualization jQuery Plugin » TechBubble

Subway Map Visualization jQuery Plugin » TechBubble
I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! University departments, offices, student groupsGovernmentOpen Source projectsInternet startups by category More examples on this blog: Ten Examples of the Subway Map Metaphor. Fast-forward to now. Anyone should be able to create a beautiful, interactive subway map visualization for their website using HTML markupThe map should be as faithful as possible to the London Underground map style with smooth curves and interchange connectors and 45-degree diagonalsThe map size, line width and colors should all be customizableStations, interchanges and linked interchanges should be distinguishable from each otherThe markup used to create the map should be search engine friendly Download or get it on GitHub Step-by-Step Guide 2. Related:  web

Three.js: render real world terrain from heightmap using open data Three.js is a great library for creating 3D objects and animations. In a couple of previous articles I explored this library a bit and in one of those examples I showed you how you can take GIS information (in geoJSON) format and use D3.js and three.js to convert it to a 3D mesh you can render in the browser using javascript. This is great for infographic, but it doesn't really show a real map, a real terrain. Three.js, luckily also has helper classes to render a terrain as you can see in this demo: This demo uses a noise generator to generate a random terrain, and adds a whole lot of extra functionality, but we can use this concept to also render maps of real terrain. Or look at the live site here: Where do we get the data? The open data that we'll use comes from ASTER/GDEM. This project offers us elevation data (geotagged) with a resolution of 30 meters. #!

Guggenheim Museum Makes 65 Exhibit Catalogues Free Online The Guggenheim is one of the real standouts in the global modern art arena. The New York-based institution is no light-weight in the area of arts education. They've now extended that mission extensively by making dozens of high-quality publications on artists available to anyone with an Internet connection. The books, art catalogues for major exhibitions at the museum, pop out into a clean, fast virtual book reader. Open Culture points out that the books are also available for download in a number of e-book formats, including ePub and PDF, at's Guggenheim page. Above: Reader view of Egon Schiele from "Gustav Klimt and Egon Schiele" The offerings range from the ubiquitous Alexander Calder to Fernand Léger, from Francis Bacon to Wassily Kandinsky. They also offer theme and anthology-type books, such as 1954's "Younger American Painters" and "Amazons of the Avant-Garde" (which seems to be one of the few offerings to feature women artists). Guggenheim photo by Randy Pertiet

регулярные выражения в Notepad++ | skill 00. удаление любого атрибута полностью шаблон: атрибут="([^"]+)" замена: режим: регулярные выражения 01. удаление атрибута style со всеми значениями шаблон: style="([^"]+)" замена: режим: регулярные выражения 02. удаление атрибута class со всеми значениями шаблон: class="([^"]+)" замена: режим: регулярные выражения 03. удаление цифр из начала строки шаблон: ^\d{1,2}. 04. корректура цифр с запятой шаблон: <td>(\d{2}),(\d{2})</td> замена: <td>\1 руб. \2 коп. 05. удаление гиперссылок с оставлением текста шаблон: <a([^>]+)>(.*?) 06. извлечение текста и url из гиперссылки и расположение как надо шаблон: <a href="([^"]+)" target="_blank">(.*?) 07. удаление символов между квадратными скобками шаблон: \[(.*?) 08. удалить лишние переводы строк шаблон: \r\n замена: \n режим: расширенный 09. удалить ненужные теги шаблон: <span> замена: режим: обычный 10. удалить лишние пробелы шаблон: \s{2,9} замена: режим: регулярные выражения 11. удалить табуляцию (отступ tab) шаблон: \t замена: режим: расширенный

Cartographer.js – thematic mapping for Google Maps JavaScript Toolkit for Rich Web Mapping Applications — GeoExt v1.1 The top 50 iPad apps | Technology | The Observer It's easy to forget that when Apple's first iPad was unveiled in January 2010, there were plenty of cynics questioning the need for a slate-shaped device sitting somewhere between a smartphone and a laptop computer. Microsoft had pitched tablets a decade before, to little interest. So what were iPads for? Scroll on 21 months and a second-generation model later, and we have a better idea: iPads are for lounging on the sofa, browsing, emailing, tweeting and Facebooking, for sure. There are currently more than 100,000 native iPad apps available, although, as with the iPhone, a big chunk of those are filler. Developers are bringing multimedia bells and whistles to poetry; splicing books and games to find new ways to educate and entertain children; tapping into social networks and filtering technology to aggregate news and recommend music; and they offer tactile touchscreen ways to explore the earth, the human body and the solar system. JAMIE'S RECIPES free. MARK ON CALL HD £2.99.

Дорогой веб-дизайнер, давай перестанем нарушать возможность скроллить / Хабрахабр Мы все это видели. Вы заходите на веб-сайт — и вот она: большая, красивая фотография во весь экран. Сейчас это огромный (каламбур) тренд в веб-дизайне, и похоже, что людям это нравится. Прекрасные веб-сайты агенств. Но похоже, что мы подходим к единству в дизайне. Ну ладно, не всем это нравится. Почему ты кричишь на меня, стрелка вниз? «Если это требует объяснений, это уже не работает», — Milton Glaser Дорогой дизайнер Вы нарушаете процесс восприятия пользователем в его наиболее базовом взаимодействии с веб-сайтом. Используя стрелку для того, чтобы сказать пользователю, чтобы тот проскроллил страницу — это то же самое, что написать на кнопке «кликни здесь», даже если это совсем не кнопка. Эта стрелка не преследуют никакую цель, если только цель — создать себе проблем. Вы можете больше, чем «стрелка для скроллинга» Читайте пост на тему скроллинга от компании Huge: Используем легкую анимацию для общения (не анимированную стрелку)

D3.js - Data-Driven Documents