Accessibility [ Lighthouse ]

I dived into Lighthouse, an open-source automated tool for improving the quality of web pages which you can run as a Chrome extension.

Lighthouse generates a report – one of the aspects being examined is accessibility. I ran the test on a few websites, just to get the sense of what is the average result. I believe we should try this also together in class (even just for the performance aspect of the automated report generated in a self-running chrome window).

As mentioned at the report “These checks highlight opportunities to improve the accessibility of your web app. Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.” (the link directs the user to accessibility principles and practices document).

It’s interesting to see how this test reflects the priority of web developers & designers – most of the websites I checked received a perfect score for SEO, but did very poorly in the accessibility section.

In conclusion, I was a bit skeptic regarding the ability of the average user to contribute to the accessibility effort – but turns out there is a lot of support and resources, at least in making the first steps towards a truly equal internet access for all.

Nice ⚑️

– H.

#1 FFN – Fresh Fake News

I would like to create an illustrated Instagram account with Fresh Fake News! which I’ll invent based on real events or irrelevant facts. It can be a funny, light, creative way of approaching the subject.

I’ll print stickers for coffee shops and street mild-vandalism to encourage people to follow the account. For the mid-term presentation, I’ll also print some type of newspaper which will follow the content, therefore I’m not sure yet what the final result would look like. 

Looking forward for this wild and humoristic adventure ⚑️
– H.

#1 Bukowski

I’ve made a chrome extension, which every time you yawn – opens a new tab with a random quote by Charles Bukowski about Being Alone.

This is based on a chrome extension I wrote for Cory Forsyth class last semester. As always when trying to mash old code with new I ran into some difficulties. so I haven’t finished! here is some version of the extension, see text below. I’ll upload the finished one later today/tomorrow.

The thing I’m missing now is more privacy than I would like.
I would like to be alone more. Like the phone rings too often, there are too many cameras and all that and I kind of except it, but it’s not me. When these things are gone I go back to the room and I become myself again. Often times I pull down all the shades like I used to just lay down in a room for five or six hours just alone. Just lay in that bed and get something back some kind of juice. Just being away from people is one of the most marvelous fulfillments a man like me can have. Just absence of humanity is a fulfillments some graceful that even God would understand if he invented them, which he probably do.

– – –

– H.

#1 Data Art – Asia Population

Gridded Population of Asia
Center for International Earth Science Information Network (CIESIN) Columbia University

Here it is.
And here is my code βš‘️

I’ve made a simpler version of the heatmap for last semester ‘Impossible Maps’ class with Mimi Onuoha. It required a lot of preparation since the table originally included lots of information which wasn’t neccecery for my purposes.

Among other information, the dataset from 2016 included the size of the Asian country population (by region) in the year 2000 and a prediction for 2020. for the heatmap, I used those two columns and layered them for easy comparison. 


For the second one (which is just an experiment in creating a small unconventional interactive data visualization) all I wanted was the growth by percentage. I did some excel work in advance for easier calculation.

Blue = Population size at the year 2000 (/ 30000)
Yellow = The increase by 2020

Not sure that’s the best way to represent data, I’m sure it’s not, but it’s interactive and soon enough the screen is crowded with colored particles.

Some screenshots from the process:

I don’t have a 3rd one for today.
– Hadar

What is your place of birth?

What is your place of birth?

What does and beautiful and beautiful.
The man wished a darkest wishes that he was a dovelike.

There are lots of birds in the sky suddenly.

In that (empty) building, a woman who’s now seventy-four (if she’s not dead) took off her dress. Then too (as now) the opposite of sweetness was the time in the army when I knew nothing I’ll do won’t matter anymore. I could write about how the Bible that the principal gave me at the end of eighth grade saved my life

What is your place of birth?


What is your place of birth on Vimeo

& The code.

– H.

Final project – Sweeping the web

I wish to create a small illustrated gif animation of a man sweeps across the screen (I’m an illustrator β˜πŸΌ) – which sweeps away the page content.

A poetic b & w animative chrome extension ☾☁︎

Steps that I can tackle separately:
1. Understanding how to erase each word separately
2. Matching the position of the animation with the position of the word
3. Creating the animation, understanding the rhythm and aesthetic…

What do you think?

– H.