Links can be left alone in CSS – because they are buried in paragraphs or sitting beside other texts. Actions require styles that will enhance their usability – like padding to increase its active area (easier to click).
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.
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.
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.
If JavaScript is supported/enabled by the browser, there are two classes added in <html>:
js
Found in functions > setup.php. It replaces the default “no-js” class name that is added by default in <html>
JavaScripts
html5.js
HTML5 Shiv – for IE 8 and below
Located in js > html5.js
plugins.js
To avoid console errors in browsers without a console
Located in js > plugins.js
skip-link-focus-fix.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
CSS Layers
HTML5 Boilerplate
normalize.css
main.css
Coming straight from H5BP, these stylesheets modify the default browser stylesheet for the better. It is considered “default CSS on steroids”.
Usability
usability.css
It adds usability to Active Elements and other elements that can be interacted with.
Layout
layout.css
Anything visual concerning spacings and dimensions goes here.
Typography
typography.css
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.
Color
color.css
A touch of color for usability and visual design.
Structure
Constructors
Masthead
Content
Colophon
Sub-Constructors
Navigation
Aside
Image Assets
Vector Assets
located in img > vector-assets.php
called from header.php
Contains SVG markup of basic utility icons to enable color customization
Functions
HTML Class
Adds classes into <html>
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.
Since day 1, I drive all the way from Cavite to UP, Diliman. It’s a 46km-drive and given the traffic condition in Manila, it takes me almost 3 hours each way, every day.
It’s like going to work and to school at the same time – I have my laptop for work and I participate in discussions and exercises.
A top-view picture of a street sweeper sweeping the street litter.
With a little bit of effort, I am hoping to be an accredited contributor to the design and development of GWT. Eventually, with more training, I could go into training and assisting government branches that need help transitioning their websites to GWT.
Act now
While being stuck in traffic, I realized something. We, as the people, tend to complain about subpar quality of services the government provides for us. In some areas, we are sure that we deserve better. In some, we know that we can do better. In general, we exactly know how to solve all the problems our city is facing.
But what are we doing exactly aside from paying our taxes? Our professions are devoted to the private sector – I know, it puts more food on the table but we’ve got to do something towards a direct solution to the same problems that are bugging us.
A delivery pedicab of balut eggs.
This is my own way of contributing towards a direct solution to the problems that we are facing when accessing government websites. Now I can complain all I want and shut myself up.
We’re actually using the Government Web Template – fitting in the content of a typical government agency. It sure has a lot of bugs – that’s why we’re here to help as contributors to the repo.
A picture of the test site of Bureau of the Treasury.
An Active Element is a user interface element that can be interacted with. It’s something you do something on (like click, tap, type on). A very basic example is a text link like this:
[codepen_embed height=”266″ theme_id=”1820″ slug_hash=”GpyBgM” default_tab=”result” user=”BrianSahagun”]See the Pen Text Link by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
Or a button like this:
[codepen_embed height=”266″ theme_id=”1820″ slug_hash=”ZbvjYN” default_tab=”result” user=”BrianSahagun”]See the Pen Button Example by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
Also a text input like this:
[codepen_embed height=”266″ theme_id=”1820″ slug_hash=”zvpLGY” default_tab=”result” user=”BrianSahagun”]See the Pen Text Input Example by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
