Блогът на Гонзо

Responsive header images with WordPress

Големите картинки, заемащи почти целия екран от доста време са на мода, но освен да впечатляват потребителя, те могат и доста да го изнервят докато чака да се заредят. Проблемът става съвсем явен когато потребителя разглежда сайта на екрана на телефона си, особено ако на мястото на което се намира няма 3G покритие. За решаването на този проблем на помощ идват отзивчивите картинки.

Годината е вече 2016та, най-популярните браузъри от доста време поддържат srcset, sizes и picture, така че няма причина да не ги използваме. А с новата версия 4.4 на WordPres това е още по-лесно. Не че с предишните беше трудно, просто трябваше да се инсталира разширението RIGC Responsive Images.

И така, постановката е проста, в горната част на сайта, под главата или като част от нея, искаме да поставим голяма картинка, която да заема цялата ширина на екрана. Освен това сайтът ще е с отзивчив дизайн, все пак е 2016 година вече. До тук нищо сложно, но като погледнем картинката с пропорции 16:9 на екрана на телефона в портретен режим и виждаме, че нещо е е така. Тогава сигурно бихме искали картинката също да е в портретен режим или поне да отива към квадрат, може би да увеличим основния елемент в нея. За да решат този проблем, хората от Responsive Images Comunity Group измислиха елемента picture. още…

Валидиране на форми в браузъра

В тази статия ще се опитам да ви покажа как лесно да направите валидация на форми с HTML5. Не че няма сигурно хиляди модули за всяка възможна библиотека или фреймуърк, обаче те ще ви наложат техния интерфейс и начин на […]

Self-initialising Module Pattern

Доста време не съм писал в блога, предишната публикация е от преди повече от две години. Смятам обаче да променя това и сега ще се опитам да ви покажа до какъв design pattern достигнах, работейки по един проект. Въпросният проект […]

Качване на файлове с cURL към Lighttpd

Днес се сблъсках с един проблем, решението на който, макар и лесно, въобще не беше очевидно. Трябваше да направим така, че когато потребителя изпрати файл към сървъра, PHP да го изпрати на друг сървър, на който инструмент, написан на Java, […]

Web Widgets – уеб приложения за инсталиране

От известно време се интересувам от възможностите да се създават приложения за мобилни устройства с помощта на отворени уеб стандарти. Разнообразието от платформи за мобилни устройства е доста по-богато отколкото за настолни системи, което прави създаването на приложения за всички […]

Анатомия на едно мобилно уеб приложение, част трета: JavaScript Event Driven Architecture

Това е третата публикация, в която разказвам как направих клиент за Foursquare използвайки само уеб технологии. В първите две разказах как работи GeoLocation API в съвременните браузъри и как не се справих в разбирането на oAuth. В тази публикация ще […]

Responsive web design – защо критиците му просто не схващат идеята

Поводът да напиша това е размяната на няколко съобщения в Twitter с Константин Данков след като той сподели една статия от миналата година. Откакто Итън Маркот описа приложението на CSS media queries за създаване на уеб-сайтове, подходящи за всякакви екрани […]

Анатомия на едно мобилно уеб приложение, част втора: oAuth и FourSquare API

В предишната публикация ви разказах как с помощта на GeoLocation API можете да установите местоположението на потребителя. В тази публикация ще се опитам да ви разкажа как се справих със следващата стъпка към създаването на приложение за FourSquare. Както всяка […]

Анатомия на едно мобилно уеб приложение, част първа: къде съм аз?

От доста време търсех задачка, върху която да опитам да приложа различни NEWT. И както изисква добрата практика, намерих поле за изява в решаването на собствените си нужди. Работата е там, че от както ползвам Foursquare пробвах две различни приложения […]

Позор!

Не, не вярвам, че някое старо момче ще се съгласи да им каже мерси защото днес е с дълги коси. Ей на, намериха се. И то не кои да е, а най-успелите, онези, които ни даваха надежда, че и в […]