background preloader

ICTMOJ-Train

Facebook Twitter

Have a Field Day with HTML5 Forms. Forms are usually seen as that obnoxious thing we have to markup and style.

Have a Field Day with HTML5 Forms

I respectfully disagree: forms (on a par with tables) are the most exciting thing we have to work with. Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article. Here’s what we’ll be creating: The form. Meaningful markup We’re going to style a simple payment form. The person’s details The address details The credit card details. Inbox (1,045) - titasak - Gmail. Layer control displaying garbage values. jQuery Form Plugin. The following code controls the HTML form beneath it.

jQuery Form Plugin

It uses ajaxForm to bind the form and demonstrates how to use pre- and post-submit callbacks. AJAX response will replace this content. The following code controls the HTML form beneath it. It uses ajaxSubmit to submit the form. This page gives several examples of how form data can be validated before it is sent to the server. The following login form is used for each of the examples that follow. Draggable. Sanborn/leaflet-ags. Styles and Themes. A style is a collection of properties that specify the look and format for a View or window.

Styles and Themes

A style can specify properties such as height, padding, font color, font size, background color, and much more. A style is defined in an XML resource that is separate from the XML that specifies the layout. Styles in Android share a similar philosophy to cascading stylesheets in web design—they allow you to separate the design from the content. For example, by using a style, you can take this layout XML: LAYER — MapServer 6.4.0 documentation. Signals the start of a CLASS object.

LAYER — MapServer 6.4.0 documentation

Inside a layer, only a single class will be used for the rendering of a feature. Each feature is tested against each class in the order in which they are defined in the mapfile. The first class that matches the its min/max scale constraints and its EXPRESSION check for the current feature will be used for rendering. RGB Color Codes Chart. RGB color picker | RGB color codes chart | RGB color space | RGB color format and calculation | RGB color table RGB color picker RGB color codes chart Hover with cursor on color to get the hex and decimal color codes below: RGB color space RGB color space or RGB color system, constructs all the colors from the combination of the Red, Green and Blue colors.

RGB Color Codes Chart

The red, green and blue use 8 bits each, which have integer values from 0 to 255. RGB ≡ Red, Green, Blue Each pixel in the LCD monitor displays colors this way, by combination of red, green and blue LEDs (light emitting diodes). WGS 84: EPSG Projection. WMS Labeling — MapProxy 1.1.1 Docs. The tiling of rendered vector maps often results in issues with truncated or repeated labels.

WMS Labeling — MapProxy 1.1.1 Docs

Some of these issues can be reduced with a proper configuration of MapProxy, but some require changes to the configuration of the source WMS server. This document describes settings for MapProxy and MapServer, but the problems and solutions are also valid for other for other WMS services. Refer to their documentations on how to configure these settings. The Problem. GISTDA AGS. Chrome เว็บสโตร์ - Pendule. Colorbrewer: Color Advice for Maps. Download/binary - Terminal Emulator Poderosa. Manually building a tile server. This page describes how to install, setup and configure all the necessary software to operate your own tile server.

Manually building a tile server

The step-by-step instructions are written for Ubuntu Linux 12.04 LTS (Precise Pangolin), however they should transfer fairly straightforwardly to other versions of Ubuntu or Linux distributions. This howto is based on an earlier version for Ubuntu Linux 10.04 The OSM tile server stack is a collection of programs and libraries that work together to create a tile server. As so often with OpenStreetMap, there are many ways to achieve this goal and nearly all of the components have alternatives that have various specific advantages and disadvantages. This tutorial describes the most standard version that is also used on the main OpenStreetMap.org tile server. It consists of 5 main components: Mod_tile, renderd, mapnik, osm2pgsql and a postgresql/postgis database. Metro Extracts. Download.geofabrik.de. Leaflet/FAQ.md at master · Leaflet/Leaflet. Leaflet Provider Demo. Leaflet: Past, Present, Future. Map Style Editor: Select Styles.

Account Details. Quick Start Guide. ← Tutorials This step-by-step guide will quickly get you started on Leaflet basics, including setting up a Leaflet map, working with markers, polylines and popups, and dealing with events.

Quick Start Guide

Preparing your page Before writing any code for the map, you need to do the following preparation steps on your page: Now you’re ready to initialize the map and do some stuff with it. Setting up the map Let’s create a map of the center of London with pretty Mapbox Streets tiles. Var mymap = L.map('mapid').setView([51.505, -0.09], 13); By default (as we didn’t pass any options when creating the map instance), all mouse and touch interactions on the map are enabled, and it has zoom and attribution controls. Note that setView call also returns the map object — most Leaflet methods act like this when they don’t return an explicit value, which allows convenient jQuery-like method chaining. Cloudmade API KEY (titasak) Komodo file locations. Where is Komodo installed?

Komodo file locations

The default location varies by platform, and the name of the directory corresponds to the version of Komodo you are running ("IDE" or "Edit" plus the version number - e.g. "Komodo IDE 8"): Windows C:\Program Files\ActiveState Komodo [IDE|Edit] <version>\ Linux /opt/Komodo-[IDE|Edit]-<version>/ OS X /Applications/Komodo-[IDE|Edit]-<version>.app Where does Komodo keep settings data? Customizing the Komodo UI. /* Customized setting for override the selected editor Tab colors */

Customizing the Komodo UI

Komodo Edit and Komodo IDE color schemes. Komodoedit - Change color scheme on komodo edit. Setting the map div to be 100% gives a height of 0px · Issue #11 · mlevans/leaflet-hash. Demo. Cavis/leafpile. Flash Sokoban. Photo Game - Spot the Differences - Educational Games and Puzzles. Chrome เว็บสโตร์ - pearltrees extension. Chromium for CentOS. ไอทีเดฟโซน.คอม : การเขียนโปรแกรม การพัฒนาระบบ เพื่อการศึกษา. ช่วงนี้ผมก็เขียนพวก javascript อยู่บ่อยๆ เลยนึกอยากจะหาเครื่องมือมาช่วยเขียนบ้าง ก็ได้ไปพบกับเจ้า JSFIDDLE พอได้ลองเล่นดูก็ถูกใจขึ้นมาทันที ข้อดีทดสอบการทำงานได้ทันที ดูตัวอย่างกัน กับ EXTJS ก็ OK โดยที่ Javascript Tools ตัวนี้จะแบ่ง กล่อง โดยเริ่มต้นมาครั้งแรกจะมีให้เรา ทั้งหมด 4 กล่อง แบ่งเป็น HTML CSS JavaScriptc และ Result ทดลองเล่นได้ที่นี่นะครับ โดยที่เราสามารถเขียนสามารถเขียนโคด ตามแต่ละส่วน แล้วผลลัพธ์ก็จะออกมาที่ ส่วน “Result” ที่สำคัญ Javascript Tools ตัวนี้ ยังอนุญาติให้เรา Load พวก JS Framework ต่างๆ เข้าไปเพื่อทำการเทสต์ร่วมได้ด้วย โดยที่เราจะใช้ Sources ที่เค้าเตรียมมาให้ หรือว่าจะ link ตรงเข้าไปเพิ่มเอง ก็ยังได้ ที่สำคัญ โคดที่เราเขียนออกมาทั้งหมด เรายังสามารถเอาไป Embed เพื่อแสดงผล ที่ไหนก็ได้นะครับ ลองทดสอบคำสั่ง Extjs (ที่ผมชอบ) ก็ใช้ได้เลย สำหรับผม ผมว่ามันมีประโยชน์พอสมควรเลยทีเดียว.

Online Maps with Leaflet. So you want to make a webpage with a Leaflet.js map: You can use to set up your page and show the code to us online. Jquery tweets. Flash for CentOS.