Studio Gri Fare Logo
-- epic emigration to Cyberland

List of Technologies   About Armagan Tekdoner

Say it in English WebishHTML

<!DOCTYPE html>

Gratitudes to for starting it all in 1989.

I loved the semantic structure of HTML5 and adapted it as a standard. Despite I keep using self-closing tags of the beautiful old XHTML 1.0 transitional document type, I am inclined to use any novelty HTML5 has brought. I proceed with validations services during the entire development process to hunt the errors but have no obsession about 100% validated codes. Is HTML gradually becoming a sort of XML with more pre-defined elements?

Geolocation: Permission Required

An easy way to locate user is using the HTML5/JavaScript-powered tool. But the catch is that it requires user permission and does not work for old browser versions.

The button below will display your location on the map, IF you grant permission when prompted.

HTML5 Validations

Built-in form validations of HTML5 is also a brilliant novelty. Even before any client-side or server-side validations, it performs basic checks without allowing form submission.

Demo Form
The form below is NOT submitted to anywhere and has no database connection. It only performs the built-in validations along with some basic regex, upon submit.

All fields are mandatory

Title:










 

Yes, of course, all these validations can be by-passed by using javascript injections, as demonstrated here. Non-server-side validations such as these, are good for helping users to prevent errors, they cannot stop bad guys.

Conversions from .doc to .html

screenshot of aandc
See , which is one of the many pages I prepared while I was working at AANDC in 2015.

School Assignments

A few HTML5 studies I resumed at Georgian College, in 2013 - 2014.

Some New Tags & Attributes I have randomly chosen

  • contenteditable: specifies whether the content of an element is editable or not. Recognised by even IE8.
    ⇨ You can change this text!
  • spellcheck: check for spelling errors while you fill in.
  • bdo
    Right to left w/o script.
  • meter: defines a scalar measurement within a known range, or a fractional value.
    87%: 60%
  • date: displays browser's native date picker. (Recognised by Chrome and Opera at time of this update)