Brian Dys

Category: Updates

  • Technical Document

    —

    by

    Brian Dys
    in ,

    Web products need to be supplied with a Technocal Document. Its content are the basic specifications of a mobile app or website in the following aspects: Filled-up by developer Programming Language Filled-up by product developer Browser Version Support Mobile Version Support Filled-up by front-end designer Mobile Response This document aids all team members involved in…

  • Notes on User Research

    —

    by

    Brian Dys
    in ,

    User Research Input – research and requirements; output – design artifacts, actual product How did we come up with the problem and solution? Have one solution and validate with users Set target users; create personas Continuous user research Improve the product for both the business and the users UI Review/Usability Testing Refer to Components Masterlist…

  • Garage Selling: OLX and Tackthis

    —

    by

    Brian Dys
    in ,

    I’m in the process of letting go/disposing of/getting rid of/selling stuff that I no longer need around the house. In line with this activity, I signed up for two online shops, namely: OLX and Tackthis. Both offer free registration so I went on to set up my online shops. Just a disclaimer, this blog post…

  • Visual Variables and Animation Diagram Teaser

    —

    by

    Brian Dys
    in ,

    We’re working on two projects that we’d like to share with you – Visual Variables and Animation Diagram – both of which aim to bridge communication between visual and front-end designers working on web projects. Check back on Monday for updates. 10/8/2014 Visual Variables and Animation Diagram are available! See Visual Variables See Animation Diagram

  • Excluding a Content from Getting Styled

    —

    by

    Brian Dys
    in ,

    The layout of HTML Patterns contains the following: web view of the HTML markup and CSS source view of the HTML source view of the CSS Both the textarea of HTML and CSS are editable to immediately update and reflect the changes on the web view. The Problem One thing that gets in the way…

  • About HopScotch

    —

    by

    Brian Dys
    in

    HopScotch is a Free WordPress Theme. Principles What goes into the creation of HopScotch? Progressive Enhancement Responsive Web Design History The name HopScotch was derived from the children’s game, hopscotch. According to Wikipedia: Hopscotch is a children’s game that can be played with several players or alone. Hopscotch is a popular playground game in which…

  • Branding for Photographers by Heidi Aquende – Some Notes

    —

    by

    Brian Dys
    in ,

    I’ve had the privilege to attend a talk at Camera Cart about branding for photographers. Heidi Aquende invited me to their studio’s 6th anniversary. She did not say who were speaking – only the topics. I chose the first one in the morning and it she who’s speaking. Please read with discrection since these are…

  • HTML Principles #1

    —

    by

    Brian Dys
    in ,

    Semantic HTML Semantic class names HTML Document Outline Microformats Schema Validation Accessible name and Friendly name

  • Front-end Design Principles

    —

    by

    Brian Dys
    in ,

    Here are some guiding principles we’ve adapted along the way in the web design and development industry: It’s easier to ask forgiveness than it is to get permission. DRY – Don’t Repeat Yourself KISS – Keep it simple, stupid HMW – How Might We? Be open to changes/improvements Invent, innovate Always set a purpose and…

  • Accessible Name and Friendly Name

    —

    by

    Brian Dys
    in ,

    If a component is significant enough, it must contain a component name in the form of a heading element (e.g., h1). But sometimes there’s a big tone discrepancy between the name of the component and what you want to say in the heading. Consider this example: [html] <div class="registration-component"> <h1>Welcome! Please register.</h1> <form>…</form> </div> [/html]…