minuscode / minuscode.github.io Goto Github PK

Both Twitter card and OpenGraph.

Confirm that there isn't any special metadata needed for Google+

The font family on masthead small text isn't consistent with the rest of the site's mastheads. Change one or another :)

Clicking on menu anchor doesn't open the navigation.

The value of html lang attribute isn't set on the pages.
Lang value to set: en

the sitemap should be automatically generated

Research if jekyll-sitemap gem is enough for our need.

see link

error: <span>or a brand activation, we can help you <strong>build it.<strong></span>

Something like: lonelyplanet.com

Use the new green version of the logo for the favicon.

Both Twitter card and OpenGraph.

Confirm that there isn't any special metadata needed for Google+

• replace 'its around the corner cae' to correct text
• replace 'IOS' by 'iOS'
• see capitalize and non-capitalize incoherences

In general have a look at the descriptions

Access to extra goodies need an updated tracking code.

Considering either:

• schema.org microdata (http://schema.org/Organization)
• hcard

problem

SASS build process is failing silently.

debug info

Error: File to import not found or unreadable: compass.
on line 19 of src/style.scss
Use --trace for backtrace.

impact

Changes to SASS files aren't reflected into built CSS files

On http://minuscode.com/work/

Work items have their types with font-style: italic.
However, no italic font is loaded/specified for the site.
This triggers a "font interpolation" from the browser.

The look is close enough but to a careful eye you can feel that something is not right.

Three options:

1. leave as is
2. change style for those elements
3. also load the italic font for PT Sans. I feel it is an overkill since it is only used for those elements.

In "about us", "consulting" and "contact us" pages, the main heading and hero unit image are duplicating the text.

Main problems:

• Since main heading text is hidden, it has no value for search engines nor is it spoken by screen readers. Thus, for all effects, main heading is empty
• Main heading and image ALT attribute are duplicating content

Current site doesn't allow to showcase any work and present the details about that work, challenge or final result.

Information that should be present:

• Tasks/responsabilities on the project
• Process/detail of the work done
• Main challenges and solutions (things that we overcome and could be helpful to the reader)
• A digest of lessons learned
• Images/videos/mockups of the work
• Code snippet
• Pull quote/highlight
• Client feedback (if available or relevant)
• Links to the client, product, app/website, …
• Team members assigned
• Technologies used and process
• Category (we need a closed taxonomy)
• references/resources

Additionally,

• we need to consider doing snapshots or backup of the work that we delivered to "future-proof" our work to showcase.
• A way to showcase work under NDA

I attach a proposal for such pages

it seems there is issue with "flexible", see the following link

hook up project tags to projects filtering in work page

Required for accessibility

Active work filter doesn't have enough visual differentiation.
It used #932a3a instead of the default #c94055

For a perceptible differentiation we need both a change on color and form.

The meta description uses incorrect attribute to define itself.
For example:
```

Instead of 'type="description" ' it should be 'name="description" '

The work page lists its items on a 2 by 2 grid for larger viewports and serialise for small ones.

However, viewport considered for the serialisation of the work items is too large.
You can't even see one complete item on a portrait/landscape tablet.

iPad (landscape)

iPad (portrait)

note: toolbar further reduce the available vertical space

The pages don't have any meta description set.

Each page has to have its own description.

For pages other than the homepage, the structure of the html titles has to give more relevance to specific information (the name of the page) and less to the generic (the name of the site).

Thus, the site structure is:
[page-title] - [site-name]

For example:
about us - minuscode

The arrows used for visual markers are spoken by the screen readers.
Since their purpose is for visual anchor, remove them from the main text and set them as :aftercontent.