clara.vrx.palo-alto.ca.us
Articles | Design |EDITOR| Works | Bespoke web
Net files | Fonts | Ips | Maps | Hints | Github | Cms
The IPS Editor | Theme Engine | Help Files
The IPS Editor Theme Engine

Help and information

Baseline Align Text

PDF Viewer: Implementation of a PDF file in your HTML web-page is very easy.
"embed src="file_name.pdf" width="800px" height="2100px" "

Archive.org: Save your website on Archive.org so you can look back and see how it's changed over the years- or as a back up in case you need it.

Use Opera 12 for editing webpages - it has step-by-step JS debugger. Also saves info on forms on the previous page.

CSS Transitions: for image transitions in galleries or slideshows, etc.

Editing PDFs for free
Use Google Drive. Simply Upload PDF, edit, and save or print to PDF.

facebook developer debugger OGP meta data info

PDF.JS - Set up tutorial https://www.youtube.com/watch?v=TstpR_gGb-4

https://mozilla.github.io/pdf.js/getting_started/#download

Notes: use 127.0.0.1 as it is universal, to access local server set up with apache. In apache config file make sure your documentroot is all the same and read through the config file to chane anything necessary. We made all our files on our computer, but don't right-cick on index.html to use pdf.js. instead go to localhost or better 127.0.0.1. once you are there it will open your index.htmml automatically. from there lcick on the link to the viewer.
Next step is to access files using COR. How -to links: moz, dev, colonel https://blog.teamtreehouse.com/install-node-js-npm-windows

There are only 2 open standards: text and PDF.

The counterintuitive logic of type facees
trying to use narrow fornt fo narrow space- a narrow font is the last hting you want, becaue they cheat by usin only a small part of the 2kpx by 2kpx square, and instead use th largest font that fills the whole square, but use a smaller font size until it fits you might be surprised how much better things fit this way.
Never use dash, use underscore- html will break linewrap underscore it wont for dash. The Font Browser

Arvo has wide variation between normal and bold, really good for bold font.

Font Symbols : HTML Charsets HTML Charsets HTML ASCII HTML ANSI HTML ISO-8859 HTML Symbols HTML UTF-8 HTML UTF-8 Latin Basic Latin Supplement Latin Extended A Latin Extended B Modifier Letters Diacritical Marks Greek and Coptic Cyrillic Basic Cyrillic Supplement HTML Symbols General Punctuation Currency Symbols Letterlike Symbols Arrows Math Operators Box Drawings Block Elements Geometric Shapes Misc Symbols Dingbats HTML Entities

Webediting Tip: Do not ever display text in .JPG files on a website(if you want it to be universal). The text in a picture file will not translate, a standard browser feature. Example: del Nino

How to build a Google map

Googlemaps JS API
GeoJSON editor: here
Draw mutliple polygons: link
import data
complex polyline
Remove markers
Marker Labels
Reverse Geocoding
Custom InfoWindow

suppress markers

more icons: 1 2 3 custom

Navigating a Web Full of Ads

Pop up ads, ads that change size upon scrolling, shiftin text all over the screen, laggy scrolling have taken over every single article on the web since 2017. It's 2018 now and only gotten worse. Some mainstream sites follow a template that only lets you view a 2 inch by 4 inch gap of actual text or picture on the screen, the rest is moving, graphic, dynamic ads. Not to mention the page is reloading every 5 seconds to get new ads. When you're trying to read Globe and Mail and the advertising makes you feel like you're in a casino, something is wrong. This is also a huge problem on cooking websites.

The Solution: Look for a button that says "Print", or right click and click print. Read it from the print preview or click print to pdf and open. No ads, no silly lagging. Just. Words.
Photo resizing: add information to photo. shrink photo. use expand tool in PSP to larger image.

Advanced : Geometry for programmers

the mathematical foundation of css curve sthrory and practiece of rendereing shaped in css3
Cuves can make any shape in nature. bj splines calculate curves thats what adobe is based on.

Remember me, buy my shirts!
pop art
MBZ