Category: Updates

  • Go Back or Go Home

    From the Podcast, Unfinished Business Episode 80: I wonder why he trusts us?

    If you want to make a big difference to an industry or a big change in your own life, you’re never gonna do it playing it safe.
    ~ Ashley Baxter

    You can’t achieve anything just sitting back and watching other people do it.
    ~ Laura Kalbag

  • The Government in Becoming Relevant

    Step 1

    Embrace this thing called “internet“. No more red tape, no more grouchy customer-fronting employees, no more 7 am long lines 12 pm you’re given the application form 5 pm you’re ordered to come back tomorrow. No more nothing government, no more.

    Step 2

    Speak in Filipino. Speak in local dialects. And be understandable in whatever tone you will be speaking in.

    and Step 3

    Entertain questions and answer questions.

    Like this website.

    gov.uk

    The best place to find government services and information. Simpler, clearer, faster.

    It’s true, I’ve tried and used its information.

  • The Snail Mail Is Extinct

    Snail Mail
    A letter from the Office of Senator Antonio “Sonny” F. Trillanes IV whose recipient has already moved out of the mailing address.

    Every heard of this ancient creature snail mail? I used to send one to my pen pal in Cebu and was exhilarated finding a reply waiting for me.

    But that was ages ago.

    Living in an apartment complex has got its quirk – receiving tons of mails for people who already moved out of the address. And this morning, I dedicated my time to return them (instead of simply putting them in the junk folder or trash bin).

    Hello, mailbox, we meet again

    Some of the mail with stamps, I was able to slide into the dropbox of a private mailing company. But for some of the letters, like the pictured “official mail” from a good senator, remained on my hands because the personnel said it won’t be sent without stamps. I tried to buy some to get rid of the irrelevant mails that very minute but they’re not available.

    The thing called Philippine Postal Corporation

    Searching for a location where I can buy stamps (to return the mails) in Metro Manila on PHLPost’s wesbsite didn’t help either. As far as this website is concerned, other provinces have their post office locations listed down but not for Metro Manila. Are they all gone?

    PHLPost
    PHLPost missing Metro Manila in its list of post office locations.

    It’s not really extinct yet. Snail mail is a dying breed. Bills are coming into email inboxes and other letters or packages can be delivered within the day by reliable couriers. The people who are mistaken in sending packages thru the Philippine Postal system either gets arbitrarily taxed or gets their goods lost (either by theft of mishandling).

    I don’t know how PHLPost will transform its service into a sustainable and relevant one. Maybe its “Shop Online” section will save the day (currently a dead link). But what’s in store? Shop online for envelopes and stamps?

  • Webmaster, Webslave

    Smile Be a Good Driver
    A friendly reminder, “Smile Be a Good Driver,” from the back of a jeepney.

    Today, I signed up to be a consultant to manage a government website for several months. At first, the plan was to redesign it piece by piece and integrate a CMS (like WordPress) but news recently came that soon, all government websites will follow a set of guidelines and will be built on Joomla!

    Igor the web designer

    Mixed feelings of doubt and curiosity immediately entered my mind. From being a webmaster to a webslave. A master might mean someone in control and a slave – someone being ordered around. In reality of this situation, only the level of control varies – being ordered around stays the same whether webmaster or webslave. Nevertheless, a wise designer gets around in packaging his solutions in a way his/her clients would understand and agree on.

    The consultancy might not utilize most of my plans to power up the website in terms of better content structure and visual design. Well, as they say:

    It sucks but it’s money.

    This is the short-term, though. My toe is already in the door, so might as well shove the whole foot in. I am still hopeful that I would be a part of this effort to bring the government in a state-of-the-art information superhighway 21st century time being.

  • A Dose of Negativity

    If you have a padded content, everything in it will be bound by the padding around it.

    But how do we expand an element to the edges of the container, disobeying the padding – something like a full-width picture.

    We use negative left and right margins to offset the spacing brought about by the padding.

    Negativity only for margins

    The tendency of the negative margin is to, instead of inserting the specified space, it allows the content to fill in a space to that direction. So, for margin-left: -1rem, it will allow the content 1rem at the left – couple that with a margin-right: -1rem, it will allow the content 1rem at the right. That will offset the 1rem padding around the container.

    [codepen_embed height=”798″ theme_id=”1820″ slug_hash=”FybHu” default_tab=”result”]See the Pen A Dose of Negativity by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]

    As tested on the img element, margin-right does not work – so we wrap the image in a div and apply the negative margins on that element.

    You can use negative margins to offset/correct unwanted spacings around elements.

  • Iterations, Iterations, Iter

    Update – 10/9/2014

    This post has been moved to Design DriveThru.


    Iterations
    A sketch of component mapping.

    It’s like trying to solve a puzzle – you try out different solutions until you either come to a dead end or to face more questions.

    That’s how it is trying to establish a foundation, a system in simplifying the process of designing an internet product such as websites, apps, and nowadays, whatnot.

    How can we simply turn the abstract ideas of clients into a bunch of playing cards we could easily identify and arrange and ultimately build into a house (not made of cards)? Also at the same time, with only a flick of a switch, upload themselves and make available for usage.

    That’s what I’m trying to find out (at least the first part).

    I’m lazy. But it’s the lazy people who invented the wheel and the bicycle because they didn’t like walking or carrying things.

    ~ Lech Walesa

  • Lay It on the Table

    HTML Tables Used for Layout? Pepperidge Farm Remembers

    I’m looking for a bubblegum patch for tables displayed in narrow viewports. So, I thought about display: block, max-width: 100%, and overflow-x: auto. Take a look at the examples: Example 1 shows the problem of the overflowing content of the table and Example 2 shows the quick solution.

    [codepen_embed height=”621″ theme_id=”1820″ slug_hash=”Kobqa” default_tab=”result”]See the Pen Lay It on the Table by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]

    (more…)

  • I Agree to the Terms of Agreement

    A while ago, I was connecting my HTC phone to Mac and it needed a piece of app to do so. Of course, there’s a requirement to agree to something I seldom read.

    My behavior is to press on the label “I agree to the terms of the license agreement” instead of on the checkbox hoping that this will also tick the box.

    I Agree to the Terms of Agreement

    But nothing happens because the label is a mere label unconnected from the form element (checkbox).

    How do we make it easier for the user?

    We must provide an action whether the user’s behavior is to press on the checkbox or on the label – the box should toggle.

    (more…)

  • Week-links 5: Jun 9 – 13, 2014

    1. White-label product

      A white-label product or service is a product or service produced by one company (the producer) that other companies (the marketers) rebrand to make it appear as if they made it.

      Source: http://en.wikipedia.org/wiki/White-label_product

      If clients say, “We want this widget white-labeled,” theme it, rebrand it, they mean.

  • Sometimes the Future Isn’t Written on Adobe

    Yesterday, I was scouting for an Adobe Creative Cloud reseller. It was Microphase who sponsored the event at My Cinema, Greenbelt 3.

    Adobe Creative Cloud for Teams looks apt for the Chikka Design team. Joining entails having one administrator who will then purchase “seats” or subscriptions for people in the team. Long gone are the boxes and the discs and the serial numbers.

    The downside (for end users) as I’ve heard (not from the event) is that you can only install any Creative Cloud app on two desktop devices and on five mobile devices and you can only use one at a time. E.g., Illustrator in your iMac at the office and PC at home; Photoshop in 5 of your Cherry Mobile tablets – and leave one not running. Crap if you left one open at home.

    Adobe, get your act together. When you say that we can use Creative Cloud anywhere, mean it. Some people here own a computer shop! Let us use it anywhere there’s cloud up above.

    Oh yeah, sometimes it’s only the sky.

    But let’s see – I have yet to try this big purchase.

    Because imagine, it will amount to one little Kia Picanto car in 5 years for a team of 5.

    Enough of Adobe. And more of X-Men. Because along with the marketing spiel of Adobe Creative Cloud (and Symantec – the part I took a nap) is an X-Men screening.

    This X-Men:

    It’s the one I knew from grade school of the 90s – right after the Ghost Busters era. Storylines didn’t bear much meaning to me. I just wanted to watch Rogue and Gambit get it on. And listen to Storm murmur “Bulburine,” as my cousin pointed out.

    I ensured to not miss my beloved characters so I recorded one damn episode in VHS – the episode recalling Gambit’s past.

    But unlucky me, one kid (I don’t remember who) – there’s always that one kid who will plug in a 110-volt appliance into a 220-volt socket.

    And due to a bout of the crazy, I was forced to record several episodes on cassette tape. And listened to the intro whenever I would miss the X-Men.