Studio Gri Fare
-- epic emigration to Cyberland

Presentation Page 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. 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

While working for the federal government in 2015, I converted Bootstrap classes (WET3 to WET4) in many pages at a time using regular expressions, handled web publications and news releases, and converted hundreds of word documents into web pages by hand-coding HTML5, following Web Accessibility Content Guidelines (WCAG 2.0) and common look and feel (CLF 2.0) standards.

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!
  • bdo: Bi-Directional Override - Read the text below from right to left
    Showing what was typed from left to right as right to left, without any script.
  • meter: defines a scalar measurement within a known range, or a fractional value.
    70%