clara.vrx.palo-alto.ca.us
articles | bespoke web | design | EDITOR| works
IPS |CODE TIPS| examples
fonts | github | hints | maps | net files
Code Tips
Code Tips

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

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.

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

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.

Remember me, buy my shirts!
pop art
MBZ