Snipplr

(HTML) Google Maps V2 Static Maps - FatFolderDesigner

Mon, 11 Jun 2012 08:23:37 UTC

Below are several different types of google static maps. The first is a map with a single marker on the Space Needle. The second is one with 3 marks, one on the Space Needle, one on the Seattle Science Center, and One on the EMP Museum. The last three have the same 3 markers but varios styles. Generally markers are separated with "|" pipes, styles are a bit more complex and require multiple parts separated with pipes and for more advanced stuff multiple markers. I have a writeup at the url.

(HTML) Offline Sites in HTML5 - FatFolderDesigner

Sun, 14 Aug 2011 10:17:44 UTC

The link has a full explanation with more detail about how this all works, as well as an example of it in action. This is just going to be the short-short version. If you have any questions check that out, if you still have questions then leave a comment and I'll help you as best I can. First we need to define a cache manifest, to do that you simple need to add a cache manifest item to your initial HTML tag. The proper extensions is .appcache, check the first section of the source to see an example. Then, if the server isn't set up to support the .appcache file we need to add a line to out .htaccess file, this is important because it must be servered with the proper header. See the second section for the line to add to the htaccess file. The we need to add the files to be cached to the appcache, there is a more complete example at the link, this is just the basic format. It's in the third section below. If you have any questions or problems implementing leave a comment and I'll help you if I can.

(HTML) 100% WIDTH TEXT AREA WITH ADJACENT BUTTON - FatFolderDesigner

Sun, 24 Apr 2011 08:11:36 UTC

A contract I work on uses tables to layout forms (kinda ghetto I know) and I wanted a text field with a button text to it that would work with their 100% width scheme. Normall it places to betton below the text input, but using this HTML and CSS it will go next to it. One thing to note is that the button has to have a width, and you need that width + any margin you give the button to be updated accordingly. In this example the button is 95P with a 5Px right margin on it, the to magic number is 100Px, it has to be updated in both the inline style on the table and in he CSS. Also this will work outside a table, as long as all the divs are in something with an appropriate badding on it. There is no reason that can't all be inline or all be in the stylesheet, it's just based on the way they lay out the becked of their CMS. Questions can be posted here or (preferable) at the link, theres an example of it in action there too (not that it's a complicated thing to make yourself)