I’ve been reading lately about events and conferences selling “Blind Bird” tickets.
It seems like it stemmed from “Early Bird” and upon searching the term “Blind Bird Ticket” in Google, only more Blind Bird ticket sales came up. No official Wiki or definition whatsover.
Buying a Blind Bird Ticket means that you’re entitled to a hefty discount (much like an Early Bird) at an event without further details yet – such as to who will be speaking or doing the intermission numbers.
Does the HTML markup of your website has an accessibility function in the form of “Skip to Content”? If yes, then you would notice that it is located at the topmost of the markup. This is as such in order to make it the first focus when using keyboard to navigate.
Now you may ask, “Shouldn’t the document title be at the topmost of the document?”
Not when you put this accessibility function into the context of its intended use. The user, upon arriving at your website might have come from a link or have typed a URL into the web browser. That could’ve acted as the document title that ensures the user where s/he is.
The second part of this context is the user being able to go directly to the content – skipping every element that isn’t part of his or her purpose for visiting the website.
As UI designers, it’s easy to jump into sketching UIs through wire frames. Afterall, UIs are commonly visual. But taking a careful step of planning before sketching is a rewarding way of ensuring that the information embedded into the UI is well-thought of.
Awhile ago, I received a surprise in my email – that I passed the ToT post exam.
The little sacrifice of waking up early in the mornin, driving 46km to the venue, simultaneously participating in the discussion and working remotely – paid off.
I am now qualified as a lab assistant during the Web Development Training.
Branching out from HopScotch, I am reformulating mostly the front-end of the theme. Here comes Applicator – which I plan to submit to WordPress Free Themes.
Currently, I am building components one by one – starting from the Masthead constructor.
- > functions
- style and scripts
Components of Masthead Constructor
- Web Product Name
- Primary Menu
- Accessible Names
- Sub-Navigation Toggle Action
- comp – Component
- notice – Message
- accessible_name – Labels for Accessibility
- axn – Actions
- State – the state of the UI
- functions – Functions
- css – Stylesheets
- img – Images
- Always escape text strings (e.g., <?php _e( ‘Label’, ‘domain’ ); ?>)
Found in functions > setup.php. It replaces the default “no-js” class name that is added by default in <html>
HTML5 Shiv – for IE 8 and below
Located in js > html5.js
To avoid console errors in browsers without a console
Located in js > plugins.js
Makes “skip to content” link work correctly in IE9, Chrome, and Opera for better accessibility
Located in js > skip-link-focus-fix.js
Source: Twenty Fifteen WordPress Theme
- HTML5 Boilerplate
Coming straight from H5BP, these stylesheets modify the default browser stylesheet for the better. It is considered “default CSS on steroids”.
It adds usability to Active Elements and other elements that can be interacted with.
Anything visual concerning spacings and dimensions goes here.
Dealing with the CSS font properties. But if there’s a usability issue with the default font-size of an element, it goes to Usability.
A touch of color for usability and visual design.
- Vector Assets
located in img > vector-assets.php
called from header.php
Contains SVG markup of basic utility icons to enable color customization
Adds classes into <html>
simply adds the class “html” so that CSS doesn’t need to use the element selector
- masthead-aside–active / masthead-aside–inactive
class if Masthead Aside is active or inactive
- view–front / view–inner
class if on the front page or inner page
- browser–chrome / browser–gecko / browser–safari / browser–opera / browser–lynx / browser–ns4 / browser–ie / browser–unlisted
class depending on the browser user agent
- device–mobile / device–not-mobile
based on wp_is_mobile()
- theme–parent / theme–child
class if using a parent or child theme
There’s an old writing adage that advises writers, whenever possible, to “show, don’t tell” when bringing characters to life. The goal is to reveal the story through the character’s own experiences instead of the author’s.