Przetwarzanie mowy na tekst za pomocą Web Speech API


26 października 2020 / Michał Kortas


Zaciekawiły mnie możliwości, jakie daje Web Speech API. Ostatnio napisałem o przetwarzaniu mowy na tekst, więc naturalnym kierunkiem będzie sprawdzenie odwrotności tego procesu – przetwarzanie tekstu na mowę. Niestety, jeśli chodzi o kompatybilność, realnie działa to jedynie na stacjonarnym i mobilnym Google Chrome, oraz jeszcze na kilku innych, egzotycznych przeglądarkach. Być może niedługo interfejs będzie wspierany również w Microsoftowym Edgu. Jednak na razie pozostaje nam uzbroić się w cierpliwość i czekać na ruchy pozostałych dostawców. Continue reading Przetwarzanie mowy na tekst za pomocą Web Speech API


Tagi:


Web Speech API – nawigacja na stronie z audiodeskrypcją


19 października 2020 / Michał Kortas


Zaprzyjaźniałem się ostatnio z możliwościami Web Speech API przy okazji tworzenia nawigacji po aplikacji webowej. Konieczna była funkcjonalność odczytująca opisy aktywnych elementów. Posłużyłem się w tym celu interfejsem SpeechSynthesis, który jest już obecnie dość dobrze wspierany przez wiodące przeglądarki. Przyjąłem, że powinienem brać pod uwagę te elementy, które posiadają niepsute atrybuty aria-label, aria-labelledby lub aria-describedby. Dodatkowo chciałem, aby obsługiwane były również formularze i ich etykiety. Continue reading Web Speech API – nawigacja na stronie z audiodeskrypcją


Tagi:


Format zdjęć WebP sprawdza się w sieci znakomicie


9 października 2020 / Michał Kortas


Chciałbym dziś krótko pochwalić format zdjęć WebP. Ostatnio poprawiałem wydajność strony i PageSpeed Insights zwrócił mi uwagę, aby używać nowszych formatów zdjęć, zamieniając PNG i JPEG na WebP właśnie. Przekonwertowałem więc kilka zdjęć, między innymi zdjęcie w tle tego bloga, nie skupiając się zbyt na szczegółach kompresji. Efekt?

Continue reading Format zdjęć WebP sprawdza się w sieci znakomicie


Tagi:


Płynne przewijanie strony – smooth-behavior: scroll


2 października 2020 / Michał Kortas


To już kolejne odświeżenie tematu płynnego przewijania strony. Wcześniejsze dwie wersje jednego z bardziej popularnych wpisów na blogu opierały się na JavaScript. Lata minęły i można już śmiało użyć w tym celu możliwości czystego CSSa. Co prawda, nie wszędzie poniższy przykład zadziała, jednak pomijanie Internet Explorera stało się wreszcie upragnionym standardem ;-)

Cały czas można wesprzeć się awaryjnie JavaScriptem, ten temat zwięźle opisał u siebie WebKrytyk.
Continue reading Płynne przewijanie strony – smooth-behavior: scroll


Tagi:


Bootstrap 4 i menu responsywne


13 lutego 2017 / Michał Kortas


Bootstrap 4 wciąż leży w powijakach, jednak z rosnącą nadzieją na finalne wydanie. Na blogu Bootstrapa znajdują się informacje o gotowości do wydania pierwszej bety, a co za tym idzie, nie powinny już pojawiać się żadne większe aktualizacje, nie licząc oczywiście bug-fixów. Myślę, że w tym wypadku mogę już w miarę bezpiecznie zacząć publikować krótkie poradniki związane z tymże frameworkiem. Całość dostępna będzie pod specjalnie wydzielonym tagiem Bootstrap 4. Continue reading Bootstrap 4 i menu responsywne


Tagi:


Jak zwiększyć sprzedaż w sklepie internetowym?


9 marca 2016 / Mr.Mr


Ludzie chcą kupować i mają w zakodowane w głowie aby szukać okazji. Natomiast konsumenci kupujący towary w Twoim sklepie internetowym to być albo nie być biznesu online. Stąd sugestywny obrazek po lewej. Z jednej strony mamy potencjalnych klientów myślących o zakupach, a z drugiej strony e-biznesmena chcącego sprzedać towary. Wszystko brzmi jakby obie strony mogły idealnie się uzupełniać… więc co jest nie tak skoro Twój sklep nie osiąga dochodów?

Continue reading Jak zwiększyć sprzedaż w sklepie internetowym?


Tagi:


Etykiety na stronach internetowych


21 grudnia 2014 / Mr.Mr


Etykiety na stronach internetowych

Image courtesy of digitalart at FreeDigitalPhotos.net

‚Etykietowanie stron internetowych’ to pojęcie, które może budzić mylne skojarzenia i jest dość rzadko spotykane. Cokolwiek sobie teraz nie pomyśleliście na temat tego czym jest etykietowanie stron mogę Wam z dużą dozą pewności powiedzieć, że nie trafiliście… W uproszczeniu etykietowanie to proces organizacji treści na stronie internetowej i jest on częścią procesu tworzenia architektury informacji a nie czymś do czego będzie Wam potrzebna znajomość PHP lub HTML. Jeśli to Was nie zniechęca to zapraszam do dalszej lektury…

Continue reading Etykiety na stronach internetowych


Tagi:


A co Ty zrobiłeś żeby zoptymalizować konwersję na swojej stronie?


14 listopada 2014 / Mr.Mr


Optymalizacja konwersji

Image courtesy of bplanet at FreeDigitalPhotos.net

Jak to nie wiesz co to konwersja? Dobrze. Zacznijmy od początku. Można powiedzieć, że konwersja następuje wtedy kiedy odwiedzający naszą stronę zachowuje się zgodnie z naszymi oczekiwaniami. Przykładowo zachowaniem użytkowników pożądanym z punktu widzenia właściciela sklepu internetowego będzie złożenie zamówienia, a z punktu widzenia organizacji charytatywnej złożenie dotacji wspomagającej działanie fundacji. Tak więc ostateczne cele mogą mieć rozmaity charakter, często zupełnie nie finansowy, ale w gruncie rzeczy chodzi o to samo – sprawianie by użytkownicy mogli wejść w interakcję ze stroną w określony sposób, zgodny z celami właścicieli witryny.

Continue reading A co Ty zrobiłeś żeby zoptymalizować konwersję na swojej stronie?


Tagi: