👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
0
Comment
Do you read the news? I bet you do on Twitter and thru Facebook News Feed.
Some news sites are cleaner than others (especially foreign news sites) wherein the reader could focus on the article.
Have you passed by Guadalupe Bridge? I’m sure you’ve already seen the billboard capital of Metro Manila.
It looks like this on a sunny day:
And this morning, I saw it on a news website:
Might as well:
I have no unsolicited advice for cluttered news sites since revenue maybe booming from advertisements (heck, you only need a linkbait or a scary headline). But local news sites have been this way since a decade ago.
This is what we need. A breath of fresh air.
The Verge has some colorful boxes that contain a preview of their articles. Basically, they look like this (RIP Robin Williams):
We’ll recreate one of those boxes using the following:
- HTML & CSS
- A picture of our favorite local band, Eraserheads
Source: Day Cabuhat’s Instagram - Nice colors from colourcode
- ColorZilla’s Ultimate CSS Gradient Generator
Disclaimers
- I didn’t view the HTML or CSS source of The Verge
- I recreated it using the visible information with emphasis on the content structure
- the semantics could be improved by ARIA
- no information on browser compatibility
TL;DR
This is the final result of the recreation.
[codepen_embed height=”395″ theme_id=”1820″ slug_hash=”tJdGn” default_tab=”result”]See the Pen Recreating The Verge’s Article Preview Boxes by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
Plant seeds in the neighborhood, grow fruits in your yard.
~ BS
Developing one’s turf must be a priority before developing others. It is my patriotic principle why I am proud to be one of the workforces in our country. I, alone, am contributing a meager amount of help but I won’t feel the same contributing any help from a faraway land.
I might be speaking in tongues but I’m talking about my awareness of living in Manila, Philippines and my constant struggle in finding the balance between my personal hopes & dreams and this land’s baby steps into a better future.
From the Podcast, Unfinished Business Episode 76: Two old farts Googling
I’ve always wanted to be the guy that has the best barbecue that you walk away from and you go, “We gotta go back to that guy’s place – it was a laugh and there was plenty of food and it was all good fun.”
~ John Davey
From the Podcast, Unfinished Business Episode 77: Dirty, filthy, paid ads
I’ve decided that I’m going out on my own. Like I’m gonna write my own products, I’m gonna get my qualifications. I’m going out. I’m ready to put the money, the financial investment into it and everything else. I’m ready.
~ Ashley Baxter
That means you’re leaving your plateau.
~ Andy Clarke
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