Gabor Lenard’s blog

historium: Sir Tim Berners-Lee with the First Website, Cern...

Thu, 14 Mar 2019 22:54:41 +0100

historium:

Sir Tim Berners-Lee with the First Website, Cern Switzerland, 1991

The Only UX Reading List Ever

Tue, 05 Jan 2016 08:46:09 +0100

The Only UX Reading List Ever

Zen-Tools: Zenfonts, Zenscroll & Zentaps Yesterday I got...

Tue, 01 Sep 2015 22:42:19 +0200

Zen-Tools: Zenfonts, Zenscroll & Zentaps

Yesterday I got rebooked to another flight so I bought a large cup of coffee and finally finished version 3.0 of Zenfonts, this tiny JavaScript module that makes sure that web fonts are either loaded quickly or fall back to a local font. The code itself was already done but I wanted to explain how it can be used and that took me a while.

Recently I released another two small JavaScript modules that I created while working on Zenvite:

Zenscroll which makes scrolling within a page nice smooth.
Zentaps which removes the 300ms tap delay on mobile.

Why did I make these when there are many similar scripts? Because those are either not good enough or too big. And size is critical for me as people invite each other with zenvite.com links so the pages with rich typography must be loaded as fast as possible even on a slow mobile connection.

Optimizing for size while having a specific feature set is obviously quite opinionated. These three tools embody what I find important, in a package that is as simple as possible but not simpler.

I am really happy to release these 3 modules into the public domain.

Three takeaways for web developers after two weeks of painfully slow internet

Sat, 21 Feb 2015 15:01:22 +0100

When we went to Hungary during the Christmas period last year I bought a 1GB data plan on a prepaid card. However, soon after I went online with my laptop the entire data allowance was used up. Strangely, I wasn’t able to add another data package. Instead, T-Mobile limited my internet access to 32kbps till the end of the month.

Since there was no easy way to fix it and I had nothing critical to do I decided to embrace the situation as an opportunity to understand how it feels to be on a slow network most of the time. I had already started reading the book Responsible Responsive Design at that time anyway so I was curious.

I learned a lot from this first-hand experience. I was mostly using the Twitter client TweetBot and its embedded browser for online reading. I had to be really patient. I learned to make up my mind whether I tap a link or a button, as it was quite expensive: I had to spend the next 1–2 minutes waiting for the web page to load. The psychology of limited internet would be a good topic for another story. Here let’s just concentrate on the key takeaways for makers of web sites, like me.

Here’s the three most important things that I became aware of during this time as web developer:

1. Some sites never loaded

While most sites worked slowly but otherwise okay, there were some pages that simply never loaded. I couldn’t believe it so I tried many times and left the phone loading for several minutes but all in vain. Nothing appeared on those pages. Unfortunately, I don’t remember which ones but I can’t help thinking that those were single-page JavaScript apps whose loading script wasn’t prepared for these conditions and timed out before the browser could receive something to display. (Good thing I could still use Pocket to store the URL if the topic sounded interesting.)

Takeaway 1: Develop in extra slow emulated mode

It’s critical to test the sites I am making on a very slow network from the beginning. Chrome has an amazing feature for that. If I open the web developer tools (⌥⌘I on a Mac, F12 on Windows) and make sure that “device mode” is turned on (the small phone icon is blue) then I can select the network speed:

Chrome Developer Tools Network emulation, including throughoutput and Round-Trip-Time

I always keep this mode turned on for the site I am working on. I need to feel the pain as soon as possible so that I immediately notice the changes that are bad for performance. Additionally, I like that I can easily disable the cache under the “Network” panel (see screenshot above) without having to purge the browser cache.

2. On some sites the text was invisible for a frustratingly long time

This was annoying. The text was already there but I couldn’t see it until the relevant fonts were downloaded. This problem only occurs on WebKit-based browsers, which means iOS and old Android browsers. WebKit is overly polite and just waits and waits, prudishly hiding the text until the font is downloaded. In contrast, Internet Explorer is so rude it will show the site immediately with the fallback font, exposing me to the flash of unformatted text (FOUT) when the fonts are applied. The pragmatic solution is Chrome, both desktop and Android (as well as Opera which uses the same rendering engine): they hide the text to avoid FOUT but only for a maximum of 3 seconds. It’s a smart trade-off between the two extremes. Fortunately, these browsers cover the majority of the browser population. But there are still users out there with old Androids and iPhones, like me, who are sometimes on a very slow network and don’t have the fonts cached.

Takeaway 2: Web font loading must be controlled

After I’ve done everything Ilya Grigorik says about loading web fonts I created a tiny script called Zenfonts to fix both the “invisible text” problem and the FOUT, without changing the browers’ loading mechanism.

3. Well-designed apps worked wonderfully

I am very grateful for those apps that worked flawlessly under such conditions. The three most prominent being Apple’s own Mail client, Reeder and Pocket. All of them downloaded and stored their items when the network was available and I could access those items even offline. When I marked something as read or starred, all three apps queued these requests until they could send them to the server. I was especially fond of Pocket’s sharing extension which worked lightning fast, even if everything else was unbearable. These three apps never complained that the network timed out. They just worked.

In comparison, FastMail’s app was unusable. I tried it several times but my Inbox never loaded. Their app is probably just a wrapper for the web app. Much easier for the developer but much less value for the user.

Takeaway 3: Design apps for offline & async usage

Design offline-first apps (both native and web apps). When you make a web app, make it offline-first. When you make a native app, don’t settle for a mindless wrapper. Cache content. Queue up outgoing data and actions without blocking the user. Handle conflicts. This makes a huge difference in the usability of the app and can literally open up new markets.

I am so glad this happened. There are different levels of understanding our users, especially those with special requirements. Nothing beats becoming them for a longer period of time.

This article was originally posted on Medium.

Show Up Every Day for Two Years That’s the golden answer right...

Sun, 25 Jan 2015 16:31:24 +0100

Show Up Every Day for Two Years

That’s the golden answer right there.

It will make you money.
It will build an audience.
It will solve most of your problems.
It will develop the tenacity needed to survive in this world.
It will teach you that those who are successful aren’t successful because of some condensed version of their story, but because they made a commitment to show up every single day when it was hard, sucked, and it looked like nothing would ever come of it.

But no one will hear this advice because “Show up every day for two years” isn’t microwaveable.

Lettering by Sean McCabe

panoramapanda: Ummmmmm. This video is beyond the spectrum of...

Tue, 12 Aug 2014 08:15:36 +0200

panoramapanda:

Ummmmmm. This video is beyond the spectrum of cute. I just can’t.

Nagy Nóri kérdezi tőlem, hogy miért tartom szörnyű ötletnek a miutcank.hu-t, és miért nem tudom...

Fri, 08 Aug 2014 18:58:01 +0200

Nagy Nóri kérdezi tőlem, hogy miért tartom szörnyű ötletnek a miutcank.hu-t, és miért nem tudom elképzelni, hogy regisztrálnék rá. Hadd világítsam meg egy hasonlattal.

Megyek az utcán, odajön hozzám egy szimpatikus lány divatos ruhában. Visszamosolygok, megállok. Elkezd mesélni nekem, hogy milyen bizalmatlanok az emberek a mai világban, elhidegültek, bezárkóznak, a szomszédok nem beszélgetnek, a társadalmunk pazarló, de itt van ez az új dolog, és ez mindent megold. Alapvetően egyetértek a problémával, és bár ez az “egy csapásra minden megoldódik” elég gyanúsan hangzik, azért neki drukkolok, szóval maradok. Tovább mesél. Szavaiból többek között kiderül, hogy regisztráció után egyből látnak majd a körülöttem lakók, és tudnak jönni hozzám kölcsön kérni. Na, már csak az hiányzik! Teljesen morbid ötlet!

Űrlapot és tollat tesz az orrom alá, hogy adjam meg a pontos címem, a vezetéknevem és a keresztnevem. Amíg ezeket nem adom, nem is tudhatom meg, hogy mi lesz. Ez azért kissé túlzás! Nem, sajnos addig nem tud többet mondani, amíg nem regisztrálok. De miért van szüksége ezekre az adatokra? Azt még értem, hogy a címem fontos (bár a házszám szerintem nem kéne, hogy kötelező legyen), de mit akar csinálni a nevemmel, miért nem elég egy becenév? És nem világos, hogy akkor majd mindenki látja a nevem és címem? Nem tud válaszolni, mindent ő sem tudhat. A végén eszébe jut, hogy adjon egy ÁSZF-et, meg egy Adatvédelmi Nyilatkozatot, de aztán kiderül, hogy pont mindkettő elfogyott (404-es hibát dobnak az oldalak, amikor ezeket írom). Ha lenne is, kétlem, hogy azokból kiderülne, ki mikor milyen adatomat láthatja. De akkor esetleg felhívhatom ezt és ezt a számot. Kösz, nem.

Kedves ötlet, jó szándékú, de mélységesen naiv (Burkert Rudolf finoman fogalmazott “Amiről beszélgetünk, az egy nemes gondolat egyébként, csak abban nem vagyok biztos, hogy működik…”), szerencsétlenül tálalja az ötleteit (“Te megvarrod a szomszéd ingét, cserébe ő megbütyköli a vízvezetéket. Te felfúrsz egy képet a falra, cserébe ő lenyírja a füvet.” stb.), a regisztráció nagyon tolakodó, és fogalmam sincs, mit kezd az adataimmal.

Úgyhogy még egyszer kedvesen mosolygok, sok szerencsét kívánok, és továbbmegyek.

The Accurate Watch – Designed To Remind Us That We Should Seize...

Wed, 09 Jul 2014 11:34:00 +0200

The Accurate Watch – Designed To Remind Us That We Should Seize The Moment While We Can

from 24 Of The Most Creative Watches Ever

"The most difficult work many professionals do is getting someone else to agree with their point of..."

Fri, 27 Jun 2014 08:07:08 +0200

“

The most difficult work many professionals do is getting someone else to agree with their point of view and take action.

The second most difficult work professionals do is developing a point of view in the first place.

”

- Seth Godin

"Transformation is about enlargement, and enlargement generally comes only from suffering. Stop and..."

Wed, 18 Jun 2014 08:47:34 +0200

“Transformation is about enlargement, and enlargement generally comes only from suffering. Stop and reflect on growth experiences. Invariably they arise out of conflict and loss, for consciousness only comes from the tension of opposites.”

- James Hollis

Photo

Sun, 18 May 2014 00:13:33 +0200

worldes: Tai Shan in a tree by Craig Salvas - Simba on 17th on...

Sat, 17 May 2014 21:20:13 +0200

worldes:

Tai Shan in a tree by Craig Salvas - Simba on 17th on Flickr.

a-bittersweet-life: Creativity Inspiration from Creative...

Fri, 14 Mar 2014 22:02:16 +0100

a-bittersweet-life:

Creativity Inspiration from Creative Something.

"A magyar ember az olcsót keresi. Ami nem akciós, azt nem veszi meg. Úgy érzi, átbasszák, ha nem..."

Mon, 10 Feb 2014 13:36:52 +0100

“

A magyar ember az olcsót keresi. Ami nem akciós, azt nem veszi meg. Úgy érzi, átbasszák, ha nem írják rá, hogy -20%. Mi az egyik portál neve? Olcsóbbat. És nekem ne magyarázza el senki, hogy azért, mert a nép csóró. Tényleg? Akkor miért van tömve a Meki? Miért nem lehet végigmenni egy Tescoban péntek délután? Ki tankolja a középkategóriás autókat, mert már Suzuki alig van az utcán, csak régi. Nincs itt nagy csóróság, csak a tisztelt magyar nép nagy része szarrágó.
Az a modell, ami Amerikában működik, egy 93 ezer négyzetkilométeres, alig 10 milliós, piacgazdaságban nem hívő és azt nem értő, sunyi, mindig okosságot kereső (eladó és vevő oldalán egyaránt) társadalomban nem működik. Itt Dodóka kibontja a csomagot, aztán összebarmolják, leönti kólával, ráfingik, a gyrosos kezével összekeni, rábasz egyet, ha nem működik, majd felhívja a céget és elküldi a kurva anyjába, mert hát mi ez a szar? A cég kimenne érte, visszavenné, de nem ezt. És akkor kezdődik a jogi folyamat.
A tisztelt cégvezető azért tartja sufniban a cégét, mert mindent elkövet azért, hogyha pakolni kell, akkor gyorsan sikerüljön ezt végrehajtani. Mert nem véletlen, hogy egy iPhone az Árukeresőn keresztül csak 190 000 és nem 300 000, mint az Appleből. Huszonhétszer levonja azt, amit le tud, behozza valahogy Kínából, nyolcszor átutaztatja öt cégen, hogy ennyibe kerüljön és legyen rajta haszon. És csak nulla százalékos számlát tud róla adni.
Ne gyertek nekem az állammal, aki szar arc azért, mert magasak az adók, meg a bürokrácia ilyen meg olyan. Amint fizetni kell, sír mindenki, mint a fürdős kurva. Hogyan tudnál úgy adót csökkenteni, hogy azt a keveset is visszaigénylik? Hogyan lehet úgy piacgazdaságra kényszeríteni egy országot, hogy a lakosság mindig mindent olcsóbban akar megszerezni, mert úgy érzi, meglopják? (Hiszen a piacgazdaság lényege a haszon, tehát, hogy többért adsz el/veszel meg valamit, mint amennyit ér/munka volt vele, tehát jogilag tiszta, de átbaszás.) Nem értik, nem érzik, nem akarnak ebben részt venni. Egy Kádár Jánost akar a nép, aki megvédi őket ettől.
Magyarországon NINCS piacgazdaság. Ha lenne, akkor nem arról szólna minden egyes hír, hogyha valaki filmet/zenét/klipet/tévéműsort/szatócsboltot/földet/mezőgazdasági feldolgozóüzemet/benzinkutat nyit, akkor az első dolga, hogy TÁMOGATÁST vegyen fel, az államtól, az EU-tól vagy valamilyen szponzortól. Óriási pénzeken ül a magyar elit és középosztály, csak a sajátját nem fekteti be, hanem ül rajta és más faszával veri a csalánt, mert úgy lehet álmodozni. A magyar rapper vagy rockzenekar úgy csinál klipet, hogy kifizetteti az energiaital céggel, mert nincs annyi vásárlója és koncertre járója, aki eltartaná őket. Akkor meg MINEK csinálják? Miért üzemeltet valaki egy vállalkozást, ha önmagában nem éri meg, csak zsiványkodva? Úgy a művészet a lényeg a zenében, úgy a mondanivaló a lényeg a filmben, úgy le van szarva, ha nem veszi meg senki a terméket, mert majd valaki állja az összeget. Senkit nem érdekel, hogy hogyan térül meg, ki vesz rá jegyet, ki fizeti ki, hogy éri meg. Amikor pedig importról van szó és a kedves vásárló távozik a kasszától, nem tud visszatérni reklamációval, mert biztos olyan mint Dodóka, aki összetrógerolta a terméket. A vásárlónak a kurva anyját, örüljön, hogy vett valamit, nálam a pénze, az államnak az adók miatt a kurva anyját, a boltosnak meg azért, mert köcsög. Ott rohadt az egész rendszer, ahol van. Az emberek miatt.

Ez a társadalom alkalmatlan a piacgazdaságra. Ha alkalmas lenne rá, akkor a boltos, a politikus és a vásárló is előre tervezne, félretenne és nem azonnal akarna lerabolni mindent, ami elé kerül. Megvárná, amíg megtérül vagy amíg szép lassan szedhetne ki belőle pénzt, úgy, hogy senki ne háborodjon fel rajta. A fenti jelenség ennek az egyik, de tökéletes bizonyítéka.

Üdv, egy itt élő orosz, akinek nyilván a kurva anyját.

ui.: Lehet minket baszogatni, meg anyázni, meg fölhánytorgatni a sérelmet, meg röhögni a nem kinyíló ötödik olimpiai karikán, csak nálunk legalább a hibrid rendszer működik és mindenki tudja a helyét a rendszerben (aki nem, annak meg “segítenek”, hogy tudja). Ti még azt sem döntöttétek el, hogy a világ melyik felén akartok élni. Álmodoztok az amerikai jogrendről, a német fizetésekről és gazdaságról, de egy Putyint vagy egy Kádárt akartok magatok fölé vagy akárkit, aki végre rendet tesz és a hétköznapjaitokat menedzseli. Ilyen rendszer nincs. Majd ha eldöntöttétek, hogy mit akartok, akkor lesz valami mozdulás ezen a téren is, de addig nem.

Az írás névtelen olvasónktól érkezett kommentben, erre a cikkre. Változtatás nélkül közöljük.

”

- http://444.hu/2014/02/10/egy-putyint-vagy-egy-kadart-akartok-magatok-fole/

kobak: Lénárd Gábor @gaborlenard egy fantasztikus új hordozható...

Wed, 05 Feb 2014 22:06:25 +0100

kobak:

Lénárd Gábor @gaborlenard egy fantasztikus új hordozható eszközt vizionál. Ezenkívül bemuatatja miket használ ma.
View Post

Tarkovsky Films Now Free Online

Sun, 12 Jan 2014 21:00:55 +0100

Tarkovsky Films Now Free Online:

deadmanride:

minuszot:

Watch online six films by the legendary Russian filmmaker, Andrei Tarkovsky: Ivanâs Childhood, Andrei Rublev, Solaris, The Mirror, Stalker, Nostalghia, plus Tarkovsky’s student films.

közszolg, Tarkovszkij a Dzsatabin

pisilnem kell, de utana megnezem.

zoltanhosszu: Hungarian is hard to understand I guess. :)

Sun, 05 Jan 2014 02:28:06 +0100

zoltanhosszu:

Hungarian is hard to understand I guess. :)

snipeyhead: When my office’s internet connection goes down for...

Thu, 19 Dec 2013 17:20:56 +0100

snipeyhead:

When my office’s internet connection goes down for 25 minutes because I accidentally unplugged the firewall while trying to sort through the rats nest of cables in the server room before we move office locations.

Privacy happens at the endpoints

Tue, 26 Nov 2013 16:16:23 +0100

Privacy happens at the endpoints

“Your camera takes really nice...

Mon, 21 Oct 2013 22:21:00 +0200

“Your camera takes really nice pictures.”

“Your mouth makes really nice compliments.”