What is Kartograph?

Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Actually, Kartograph is two libraries. One generates beautiful & compact SVG maps; the other helps you to create interactive maps that run across all major browsers.

Kartograph.py

A powerful Python library for generating beautiful, Illustrator-friendly SVG maps.

• Renders vector maps from shapefiles and PostGIS
• Compact SVGs using Visvalingam simplification
• Stores metadata in data attributes
• Built on top of GDAL/OGR and shapely
• Licensed under AGPL

Kartograph.js

A JavaScript library for creating interactive maps based on Kartograph.py SVG maps.

• Easy to use: create an interactve map within minutes.
• Runs 100% stand-alone. No server needed.
• Gracefully degrades to Internet Explorer 7+
• Built on top of Raphaël and jQuery
• Licensed under LGPL

The post Kartograph – A framework for creating interactive maps without any mapping provider appeared first on TOSDN.

ฟรี 200 ไอคอน นามสกุล PSD และ PNG (Vector icon) สำหรับใช้ในแผนที่ (Map Interfaces) เช่น Google Map ซึ่งมีค่อนข้างครบถ้วน เช่น ไอคอน กีฬา, ร้านอาหาร, โรงแรม ฯลฯ

MAP ICONS FOR GOOGLE MAPS
SUITABLE FOR MAP APPLICATIONS

Map Icons Designer is a set of 200 Map icons in PSD Vector Shape & PNG format. They can be used as Google Map Icons, Location Markers, Point of Interests (POI) on any Maps. It includes icons for tourism, sports, restaurants, hotels, transportation and etc. We have got 10 different style of Location Pins for you to choose from as well.It’s sutiable to use them in Google Maps API.

The post ฟรี 200 ไอคอน (Vector icon) สำหรับใช้ในแผนที่ (Map Interfaces) appeared first on TOSDN.

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).

What makes this plugin different?

Light and modular

You can choose to include only the features that you need using the online build tool or by compiling it yourself with Grunt.js. Size of core JS file is about 3KB+ each module weights about 0.5KB (gzipped). Sass CSS preprocessor is used for easier skinning, but you’re not obligated to use it.

Content is resized with CSS

The majority of lightbox plugins require you to define size of it via JS option. Magnific Popup does not – feel free to use relative units like EM’s or resize lightbox with help of CSS media queries. Update content inside lightbox without worrying about how it’ll resize and center.

Fast

Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

High-DPI (Retina) display support

Default controls are made with pure CSS, without external graphics. For the main image there is a built in way to provide appropriate source for different pixel density displays.

Conditional lightbox

Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size. Brad Frost has a terrific article about this technique.

Memory management

Popup has an extendable micro templating engine that reuses existing DOM elements (example), which is expecially useful when your popups same pattern.

Browser support

Tested on desktop: Chrome, Safari, FF, Opera, IE8+, partial support of IE7 (works, but some visual layout features, like vertical centering, are missing). Mobile: default browser in Android 2.3+, iOS5+, Blackberry 10+, WP7+, mobile Opera and Chrome on Android. If you noticed any bug, please open an issue on GitHub

The post Magnific Popup – A True Responsive jQuery Lightbox Plugin appeared first on TOSDN.

กลับมาอีกครั้งกับงาน Startup Weekend Bangkok คราวนี้มาพร้อมกับ Concept ”From Zero to Hero” ซึ่งเป็นงานที่เปิดโอกาสให้คุณเสนอโปรเจ็คในฝัน และค้นหาทีมโดนใจ เพื่อร่วมกันสร้างธุรกิจขึ้นมานำเสนอคณะกรรมการ ภายในระยะเวลา 54 ชั่วโมง

โดยลักษณะของงานคือ คนที่มีไอเดียเก๋ๆในการทำโปรเจ็ค จะเป็นผู้นำเสนอ จากนั้นคนในงานคนใดสนใจ ก็จะเข้าร่วมทีม และมีเวลาให้ 54 ชั่วโมง ในการคุยกัน เขียนแผนธุรกิจ และพัฒนาระบบตัวอย่าง (ระหว่างที่ทำ จะมีโค้ชคอยดูแล หรือตอบคำถามให้เราตลอดทั้งวัน) จากนั้นวันสุดท้าย จะขึ้นนำเสนองานแข่งกัน โดยมีคณะกรรมการเป็นผู้ตัดสิน

ถึงแม้โปรเจ็คเราจะชนะหรือไม่ชนะ แต่ก็ได้ทีมงาน ได้วิธีคิดเพื่อเป็นจุดเริ่มต้นของการทำธุรกิจจริงๆ ที่ทุกคนใฝ่ฝัน!

งานนี้ใช้ภาษาอังกฤษเป็นหลักทั้งงาน และเหมาะกับทุกคนครับ ทั้ง Designer, Developer และ Non-Techinical (เช่น นักการตลาด นักธุรกิจ อื่นๆ)

ถ้าซื้อบัตรเข้างานก่อน 5 พ.ค.2556 (Early Bird) จะได้ราคา 2,500 บาท
หลังจากนั้น เป็นราคา 3,500 บาท

ซื้อบัตรได้ที่ swbkk2013.eventbrite.com

When

Friday, 24 May 2013 at 17:00 - Sunday, 26 May 2013 at 22:00 (ICT)

Location

Bangkok University

Event Details

Participants : 120 People

Tickets Open on Sale !!!

Early Bird 2,500 Baht Normal 3,500 Baht

** Non-Refundable **

Rules

1. Participants must remain at the event for 54 hours until after pitching & announcing the winner
2. Participants can leave in case of emergency only
3. Anyone who is not a participants, facilitators, mentors, presss or judges are not allow in the event
4. Please , prepare sleeping bag or sleeping equipment and shower equipment for yourself.
5. Please keep your belongings to yourself. We cannot responsible for any lost.
6. Please come by taxi or other public transportation. We don’t have car parking lot for participants.

About Startup Weekend

Startup Weekends are 54-hour events designed to provide superior experiential education for technical and non-technical entrepreneurs.  Beginning with Friday night pitches and continuing through brainstorming, business plan development, and basic prototype creation, Startup Weekends culminate in Sunday night demos and presentations.  Participants create working startups during the event and are able to collaborate with like-minded individuals outside of their daily networks. All teams hear talks by industry leaders and receive valuable feedback from local entrepreneurials. The weekend is centered around action, innovation, and education.  Whether you are looking for feedback on a idea, a co-founder, specific skill sets, or a team to help you execute, Startup Weekends are the perfect environment in which to test your idea and take the first steps towards launching your own startup.

Contact

Email : bangkok@startupweekend.org
Follow us : www.facebook.com/startupweekendbangkok
Website : http://bangkok.startupweekend.org

The post Startup Weekend Bangkok 2013 – “From Zero to Hero” appeared first on TOSDN.

Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltipsenhanced with the power of CSS. Tooltipster allows you to use any HTML tag you can think of inside your tooltips. This means you can insert things like images and text formatting tags.

The style of your Tooltipsters can be easily changed by modifying the default Tooltipster theme in the tooltipster.css file. You also have the option to create and attach a brand new theme. Tooltipster’s options gives you a wide range of variables to tweak your tooltip to your heart’s content as well.

The post Tooltipster – Easily create semantic, modern tooltips with jQuery plugin appeared first on TOSDN.

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary.

Helios is a constellation of mobile backend components – Mix and match to meet the specific needs of your app. Built on the Rack webserver interface, Helios can be easy added into any existing Rails or Sinatra application, or used by itself. It is released under MIT License.

One great example of this philosophy in Helios is Core Data Synchronization. This allows you to use your existing Core Data model definition to automatically generate a REST webservice, which can be used to shuttle data between the server and client. No iCloud, no problem.

 

Helios also comes with a Web UI. Browse and search through all of your database records, push notification registrations, in-app purchases, and passbook passes. You can even send targeted push notifications right from the browser.

The post Helios – An Extensible Mobile Backend Framework appeared first on TOSDN.

Flexisel is a jQuery carousel plugin that works well on screen sizes down-to-mobile.

It has settings for enabling autoplay, defining the animation speed and stopping on hover or not.

The standard layout of Flexisel adapts to different screen sizes but also, the plugin provides an option to customize the “number of visible items” for the screen sizes preferred which offers a great experience for users.

The post Flexisel – a Responsive Carousel jQuery Plugin appeared first on TOSDN.

The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don’t support CSS3 Media Queries – in particular, Internet Explorer 8 and under. It’s written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).

If you’re unfamiliar with the concepts surrounding Responsive Web Design, you can read up here and also here

Demo page (the colors change to show media queries working)

Usage Instructions

1. Craft your CSS with min/max-width media queries to adapt your layout from mobile (first) all the way up to desktop

    @media screen and (min-width: 480px){
        ...styles for 480px and up go here
    }

1. Reference the respond.min.js script (1kb min/gzipped) after all of your CSS (the earlier it runs, the greater chance IE users will not see a flash of un-media’d content)
2. Crack open Internet Explorer and pump fists in delight

The post Respond.js – A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) appeared first on TOSDN.

แจกฟรี 300 icons แนว Metro เหมาะสำหรับทำ Application และเว็บไซต์ทั่วไป ใช้งานได้ทั้ง Personal และ Commercial ในไฟล์มีให้แบบ PSD,SVG,EPS,AI,PDF และ Web Font เลือกใช้ได้ตามสะดวก

Free Collection of 300 Metro-Style Icons for Designers and Developers.

Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like.

All Icons, WebFont and Updates are Free.

The post Metrize – 300 Free, Metro-Styled And Vector Icons (Web Font Included) appeared first on TOSDN.

IVORY is a lightweight front-end framework that can handle responsive layouts from 320px to 1200px widths.

It has a 12-column grid and comes with styles for typography, forms, buttons, tables, pagination, toggle-switches, tooltips, accordion, tabs and more.

The post IVORY- A Simple And Flexible Front-end Framework appeared first on TOSDN.