Dnes za mnou přišel kolega, že mu web mění barvu obrázku. Jeho cílem nebylo upozornit na fakt, že PHP není zcela vhodné prostředí pro práci s obrázky. Chtěl jenom pomoc :)

Vlevo je vidět výřez originálu (jpg) a vpravo o kousek tmavší výstup (webp a jpg) po zpracování souboru v PHP. Nedalo mi to, a tak jsem začal pátrat.

Image for post
Image for post

Postupně jsem se snažil problém izolovat do krátkého konkrétního kódu. Zahodil jsem tedy ořezy, změny velikostí i PHP wprapper pro práci s obrázky (v mém případě Nette Image). Výsledkem byl podobný kód:

Image for post
Image for post

Po přezkoumání všech různých variant od barevného profilu až po dpi původního obrázku jsem si vytvořil testovací obrázek s větší barevnou plochou. Vlevo je vidět původní obrázek a vpravo obrázek, který prošel přes PHP kód beze změn, ve 100% kvalitě. …


Potřebujete na webu zobrazovat příspěvky z facebookové stránky? Tak to se neobejdete bez bezpečnostního access tokenu. Cesta k jeho získání není triviální, a proto jsem připravil nejen pro náš tým Beneš & Michl návod.

Jestli integrujete do webu i Instagram, tak jsem nedávno sepsal krátkého Průvodce novým Instagram Basic Display API.

Na konci návodu získáte Page Access Token, který nikdy neexpiruje. Nemusíte se tak starat o jeho obnovování.

Image for post
Image for post

Než začnete

Ujistěte se, že máte dostatečná práva u stránky, kterou budete napojovat. …


Pokud jste se nechali nalákat, že se spolu podíváme do budoucnosti, zklamu vás. První verze tohoto formátu pro rastrové obrázky vyšla 30. září 2010. Ani po deseti letech není použití tak snadné, jak si myslíte. V agentuře Beneš & Michl to řeším každý druhý den.

Image for post
Image for post

Už nějakou dobu doporuče nástroj Lighthouse od Googlu používat obrázky nové generace, kam patří právě WebP. Pokud tedy na webu používáte klasická jépégéčka nebo dokonce péngéčka, dá vám to skóre rychlosti webu hodně sežrat. Aby ne, obecné studie od Googlu říkají, že WebP je menší

  • u bezztrátových obrázků typu PNG o 26 %
  • u ztrátových obrázků typu JPG o 25–34…

Konec podpory původního API od Instagramu se blíží, proto je potřeba přejít na novější variantu. Pokud na svém webu zobrazujete příspěvky z Instagramu, bude se vám hodit nové Basic Display API. Pro ty náročnější je tu pak Instagram Graph API.

Co budete potřebovat

Vytvořte novou Facebook aplikaci

Po vytvoření aplikace přidejte platformu Website v Basic nastavení a zadejte vaši webovou adresu.

Image for post
Image for post


V dokumentaci propojení OpenHAB a Samsung TV se dozvíte, že je možné využívat kanál power. Ten přijímá jenom stav OFF. Takže televizi nejde zapnout, ale jenom vypnout. Smůla.

Image for post
Image for post

Proč tomu tak je?

Vysvětlení je jednoduché. Když je televize vypnutá nebo ve standby režimu, tak má vypnutou WiFi. To znamená, že není v síti a nemůže přijmout žádnou akci.

Jak to vyřešit?

K televizi mám připojený Chromecast do vstupu HDMI, který podporuje HDMI — CEC. To je vstup, který umí televizi zapnout a vypnout společně s připojeným zařízením. Klasický případ použití je připojený Playstation. Když konzoli zapnete, automaticky se zapne televize a přepne zdroj obrazu na dané HDMI.

V tomto případě stačí poslat na Chromecast jakýkoliv multimediální soubor, který aktivuje Chromecast a tedy zapne televizi. …


OpenHAB je populární open-source řešení domácího centra pro chytrou domácnost. Jedna z prvních věcí, kterou jsem řešil, byl backup. Jednou z doporučených možností je dělat pravidelný backup celého systému na USB flash disk. Já jsem chtěl navíc vyřešit geograficky nezávislý backup nastavení OpenHABU.

Pro upřesnění dodávám, že OpenHAB v ukázce využívá distribuci Openhabian.

Proč do GITu?

Možná to zní trochu divně používat GIT jako backup úložiště, ale má to hned několik výhod. Ty zásadní jsou: jednoduchost, geografická nezávislost, prakticky neomezené úložiště zdarma (bavíme se o zálohách čistě nastavení, které mají několik jednotek KB, ne celého systému).

Nemám jinde soukromý server, takže rsync by mi nepomohl. Propojovat GoogleDrive nebo OneDrive mi přišlo zase zbytečně složité. …


Každý týden vybírám ty nejlepší články ze světa webového vývoje. Ze začátku jsem výběry dělal jen pro náš vývojový tým v agentuře Beneš & Michl. Nejsme tým, který určuje světové trendy, ale jsme tým, který s nimi drží krok! Později jsem výběry začal vydávat veřejně na svůj blog.

Články v češtině

Jaké novinky přinese PHP 7.4
Vydání PHP 7.4 je plánováno na 28. listopadu 2019. Přináší hromadu zajímavých věcí — Typed Properties, Arrow Functions, Preload, FFI a pár dalších vylepšení. Sice přibyly i nějaké deprecations, ale typicky se týkají podivného chování, takže upgrade by měl být snadný.

Webpack: Úplné základy a tutoriál k tomu
Webpack je nástroj pro zpracování souborů a usnadnění práci vývojářů. Jde o kombinaci balíčkovače (module bundler jako je Browserify) se spouštěčem úloh (task runner) jako jsou Gulp nebo Grunt. …


Každý týden vybírám ty nejlepší články ze světa webového vývoje. Ze začátku jsem výběry dělal jen pro náš vývojový tým v agentuře Beneš & Michl. Nejsme tým, který určuje světové trendy, ale jsme tým, který s nimi drží krok! Později jsem výběry začal vydávat veřejně na svůj blog.

Články v češtině

Konzultanta potřebujete najmout předtím, než víte, že ho potřebujete. Velký rozhovor s Harrym Robertsem
Harry v rozhovoru nechal nahlédnout do své práce konzultanta. Prozradil, jak pracuje s lidmi, proč se věnuje webové rychlosti i co si myslí o AMP nebo CSS v JavaScriptu.

Testování webových aplikací — návrhový vzor PageObject
Tento článek je druhým článkem z minisérie týkající se funkcionálního testování webových aplikací. …


Každý týden vybírám ty nejlepší články ze světa webového vývoje. Ze začátku jsem výběry dělal jen pro náš vývojový tým v agentuře Beneš & Michl. Nejsme tým, který určuje světové trendy, ale jsme tým, který s nimi drží krok! Později jsem výběry začal vydávat veřejně na svůj blog.

Články v češtině

Jaké bylo WebExpo 2019?
Souhrn toho, co se vůbec stihlo pojmout v nabitém programu letošního WebExpa. Spousta skvělých řečníků, inspirativní prezentace, program pro děti a jedna tramvaj navíc. Přečtěte si souhrn některých přednášek.

WebExpo 2019 obrazem
K WebExpo se váže ještě jeden tip. To je skvělý fotoreport od Adama Kudrny.

Jak jsem (znovu) testoval webovou aplikaci
Článek popisuje „extrémní“ případ testování v experimentálním projektu, kdy se Pavle Herout snažil napsat tolik (smysluplných) automatizovaných testů, kolik jen bylo možné. …


Každý týden vybírám ty nejlepší články ze světa webového vývoje. Ze začátku jsem výběry dělal jen pro náš vývojový tým v agentuře Beneš & Michl. Nejsme tým, který určuje světové trendy, ale jsme tým, který s nimi drží krok! Později jsem výběry začal vydávat veřejně na svůj blog.

Články v češtině

Paul Bakaus: „AMP je docela nepochopený projekt“
Za pár dní bude na WebExpo v Praze přednášet Paul Bakaus z týmu stojícím za technologií AMP, kterou v poslední době na Vzhůru dolů potkáváte často. Martin Michálek se jej zeptal na pár otázek.

Články v angličtině

Monthly Web Development Update 9/2019: Embracing Basic And Why Simple Is Hard
Co se stalo ve světě webů za poslední čtyři týdny? Ve svém posledním měsíčním seznamu čtení Anselm shrnul vše, co potřebujete vědět. …

About

Eduard Štůla

Lead developer | Beneš & Michl | Czech Republic

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store