Inovace

Jaký typ mobilní aplikace zvolit?

20.12.2018

Díky popularitě nových technologií a rostoucímu počtu mobilních zařízení vznikají různé druhy mobilních aplikací jako jsou: webové aplikace, nativní aplikace a hybridní aplikace. Webové aplikace fungují na všech platformách obdobně jako webové stránky. Omezení webových aplikací je v možnostech…

Důležité dva kroky v procesu webového a mobilního návrhu

17.11.2018

Drátěné modely vs. prototypy: Jaké jsou rozdíly? Drátový model (wireframe) je zjednodušeně obrázkový snímek, který ukazuje a představuje prvky jednotlivých stránek webu na základě struktury menu. Narozdíl od wireframu je prototyp pokročilým drátěným modelem, který obsahuje vizuální prvky a základní…

Co je nového v Material Designu?

23.6.2018

Od svého uvedení v roce 2014 se Material Design postupně stal nejpoužívanějším (a milovaným) vizuálním designovým jazykem! Má to své dva hlavní důvody: Sjednocení: vizuální jazyk, který funguje napříč platformami Intuice: základním principem Material návrhu je to, jak se daný návrh chová. Díky…

Magnetpro2 jako Headless CMS

13.10.2017

Co je to Headless CMS? "Head" (hlava) v "headless CMS" označuje frontend. "Headless" (bezhlavý) systém správy obsahu se skládá především z rozhraní API a technologie na straně backendu, potřebných k ukládání a poskytování obsahu. "Headless" přístup umožňuje vývojářům poskytovat obsah jako službu, …

RIA webové aplikace

27.7.2017

Schéma znázorňující architekturu a návrh webových aplikací RIA: Jak je vidět, logika grafického uživatelského rozhraní (GUI) je přesunuta z webového serveru do prohlížeče. Toto úplné oddělení od logiky serveru má samozřejmě své pozitivní, ale také negativní důsledky pro návrh a architekturu…

Top 10 frameworků pro moderní frontend

10.2.2017

Použití javascriptových frameworků nám dává prostor zaměřit se na vývoj interaktivních prvků uživatelského rozhraní bez větších obav o strukturu kódu a jeho údržbu. Většina JS frameworků pracuje na principu MVC (architektonický vzor), který zajišťuje více škálovatelný, opakovaně použitelný a…

Trendy ve webdesignu pro rok 2017

11.1.2017

Nechat vyniknout obsah Webdesign se vrací zpět ke svému prvotnímu účelu – kvalitně a přehledně prezentovat obsah. Koncepce layoutu by měla navést návštěvníka přímo k hlavnímu sdělení a provádět obsahem. Dobrým příkladem zjednodušování a minimalizace formy je Material Design od Google, který mimo…

S nástrojem Enhanced Ecommerce proměníte získané zkušenosti v business!

23.7.2015

Co dokáže Enhanced Ecommerce? Analyzovat jak daleko se dostávají nakupující v nákupním procesu a kdy odchází. Chování při platbě může poukázat na nedostatky v objednávkovém procesu. Pochopíte, které výrobky zůstávají často v opuštěném nákupním košíku a naopak. Lze sledovat souvislost mezi…

Představujeme trendy webdesignu v roce 2015

12.10.2014

Pojmy jako je flat design, responzivní web nebo parallax tu s námi již nějaký ten pátek jsou a určitě se jich jako weboví vývojáři nehodláme vzdát. Uvedeme některé nové trendy, které by mohly v nadcházejícím roce 2015 rozhýbat vody webového prostředí. Osobní uživatelský zážitek Přívětivé…

CSS3 animace v porovnání s jQuery a GSAPem

17.8.2014

Na začátek Vás zahrneme lehkým úvodem do CSS3 (Cascading Style Sheets 3). Nejedná se již o žádného nováčka na poli webových technologií. Jeho dva starší bratři nám pomáhají vytvářet internetové stránky od roku 1996 resp. 1998. Finální dokončení CSS3 je plánováno na rok 2015, nicméně ve vývoji je…

Vektorová grafika na webu

20.7.2014

SVG patří do skupiny vektorových formátů, je tedy v základu tvořen výhradně křivkami a výplněmi. Přesný matematický popis umožňuje neomezenou změnu rozměrů obrázku a to bez ztráty kvality a ostrosti. SVG se tedy výtečně hodí pro zobrazení ikon a jiné doprovodné info grafiky. Naproti tomu se…

Top trendy webdesignu v roce 2014

8.6.2014

1. Responzivní design Pravdou ovšem je, že oproti minulému roku se toho ve světě webdesignu moc nezměnilo. Stále slýcháme to samé. Responzivní web zůstává nadále hlavním stavebním kamenem každé druhé webové stránky. Proč tomu tak je? S rozšířením výkonných mobilních zařízení si lidé zvykli mít…

Fitness.cz zaznamenal na Facebooku rekord!

14.5.2014

Díky kombinaci sociálního marketingu a inovativních technologií podpořené znalostmi z oboru fitness patří Homegym s.r.o. mezi nejúspěšnější hráče na poli sociálních medií v Česku, Slovensku, Maďarsku a Rakousku. Svým dosahem oslovuje, a to nejenom na Facebooku, většinu tuzemských vyznavačů fitness…

Trendy 2013 aneb jak jsme na tom ve WDT

11.7.2013

Loňský rok byl rokem velkých změn v systému návrhů webů, které umožnila zejména větší podpora nových technologií a rozšíření nových verzí prohlížečů. Nemalou zásluhu na možnost využití nových postupů má i výrazné rozšíření tzv. chytrých telefonů a tabletů. Nejen pokročilí, ale i běžní uživatelé si…

Seminář: Typografie na webu by Tomáš Celizna

31.1.2013

Dne 19. listopadu 2012, v 19 hodin začal mnou dlouho očekávaný seminář Tomáše Celizny. V průběhu semináře jsme procházeli vybrané projekty Tomáše Celizny, kde ilustroval principy přenosu zákonitostí tištěné sazby do prostředí dynamického webu. V rámci semináře jsme kontextuálně odbíhali ke studiím…

Responsivní design – z pohledu web developera

31.12.2012

Proč web přizpůsobovat? Snadná odpověď – aby nám ze stránek neutíkali návštěvníci – potenciální zákazníci. Společnost zároveň ukazuje, jak pečuje o pohodlí svých stávajících i budoucích klientů. Také je to známka přístupu k aktuálním trendům a schopnosti zajistit si kvalitní řešení prezentace…

Responzivní webdesign aneb vytváříme webové stránky pro tablety a mobilní telefony

22.11.2012

Webové stránky v mobilním zařízení. Malý display, různá rozlišení a dotykové ovládání to jsou charakteristické vlastnosti mobilních zařízení (tablety a mobilní telefony). Uvedené vlastnosti komplikují prohlížení klasických webových stránek. Často nastávají i případy, kdy se klasické webové stránky…

Cloud computing

19.7.2012

Cloud computing můžeme definovat jako poskytování služeb nebo aplikací dostupných na serverech připojených k internetu. Uživatelé k nim mohou přistupovat pomocí webového prohlížeče nebo speciálních aplikací a prakticky služeb využívají z libovolného místa na světě. Nabídka služeb se stále rozšiřuje…

Hlubší indexace webů s mikroformáty

22.4.2012

Krátce pro oživení paměti: mikroformáty (dále μF) jsou prakticky systémem CSS tříd, které se podle definovaných pravidel přiřazují jednotlivým prvkům a označují tak přesně význam jednotlivých částí. Výsledkem je strojově zpracovatelný balíček informací, která je snadno čitelný i pro člověka.

Prodáváme už i přes Google

18.1.2012

Prodej a nákupy přes internet se v České republice těší bezpochyby veliké oblibě. Vždyť dle dostupných informací zde funguje přes třicet tisíc internetových obchodů a stále přibývají nové. Ať už kupuje zákazník prakticky cokoliv, má tedy velkou možnost výběru a zakoupení daného produktu na mnoha…

Komplexní hrátky s CSS 3

5.12.2011

Fantastické stíny Všechny objekty jsou vytvořené pouze pomocí CSS a to včetně animací. Není zapotřebí žádný obrázek. Zejména v druhé desítce si najeďte myší nad jednotlivé objekty a potěšte se nápaditou animací. Využívá se box-shadow…

Efektivně, dynamicky a úsporně – CSS 3

18.9.2011

Co jsou to kaskádové styly Kaskádové styly v zásadě slouží k oddělenému formátování masky (formátování) a obsahu webové prezentace. Navíc umožňovaly základní formátování stavů prvků, např. po najetí myši (:hover) nebo při výběru elementu (:focus). Nové CSS3 dramaticky rozšiřuje možnosti…

Sémantické vyhledávání a rozpoznávání přirozeného jazyka v podání Google

31.5.2011

Základní účel vyhledávačů je poskytování výsledků vyhledávání co nejvíce odpovídajících hledanému dotazu – to co se chtěl člověk dozvědět. V raných dobách bylo nutné při vyhledávání znát sadu logických operátorů a jejich kombinace. Ruku v ruce s masovým rozšiřováním internetu mezi „běžné uživatele“…

Microsoft: HTML5 a IE 9 Code Camp

17.5.2011

V první části semináře Štěpán Bechyňský auditorium seznámil se základními pojmy problematiky okolo HTML 5 a celkovým postojem MS k této technologii. Microsoft vnímá HTML 5 jako silnou platformu zejména pro konzumaci obsahu (mobilní zařízení všeho druhu). Nejen pro svou multiplatformnost, ale…

Jak to děláme my z WDT?

29.3.2011

Z našeho pohledu můžeme společnosti působící v internetovém marketingu rozdělit do tří kategorií: Společnosti nabízející již hotové internetové prezentace - vytvořené šablony s možností barevných variant či drobných přesně definovaných změn Společnosti vyrábějící internetové prezentace jako na…

Řekněte vyhledávačům více – sémantický web

10.2.2011

Dnešní článek věnuji další intenzivně se rozvíjející oblasti internetu – sémantickému označování obsahu webových stránek. Zaměřím se na výhody existujících technologií a možnosti implementace a využití. Trochu teorie Sémantikou v prostředí webu uvažujeme aplikaci určitých HTML…

HTML5 – nové technologie

9.1.2011

Hudba přímo z prohlížeče, internetové rádio Nově zavedený element umožňuje přímo přehrávat audiozáznamy přímo v prohlížeči bez nutnosti instalace doplňků nebo spouštění externích aplikací. Samozřejmostí je i streamované poslouchání hudby – internetové rádio. Uživatel ovládá přehrávání hudby…

HTML5, ta správná cesta do budoucnosti?

20.12.2010

V tomto článku lehce rozptýlím mlhy okolo nově vyvíjené a již částečně implementované specifikace HTML5. Zmíním, jaké jsou výhody a přínosy oproti stávajícím standardům. Nebudu se zabývat podrobným popisem změn oproti dřívějším specifikacím, ani nebudu popisovat jednotlivé funkce. Takovýchto…

Pravidla psaní čistého kódu

14.11.2010

Psaní kódu neboli programování je základní činností vývoje všech aplikací, které fungují na vašem počítači. Proto je dobrý kód nejdůležitější předpoklad dlouhodobě úspěšného projektu. Každý, kdo delší dobu programoval, se setkal se situací, kdy jeho práci významně zpomaloval zaneřáděný kód. Každá…

Písma na webu jak je vidí Google

28.7.2010

V jednom z předcházejících článků jsem se zabýval metodami vkládání a používání nestandardních písem na webových stránkách. Po několika málo měsících běhu nového rozhraní Google Font API a přidružené knihovny písem Google Font Directory bych rád popsal toto řešení. Google Font API je rozhraní…

Ergonomie moderních internetových obchodů (1.díl)

7.7.2010

Internetové obchody se pomalu staly zcela normální součástí našich životů. Přes počáteční nedůvěru uživatelů v začátcích obchodování na internetu se situace vyvinula a dnes je internet běžnou cestou k nákupu nejrůznějších věcí. Spolu s vývojem e-shopů jako takových se vyvíjí i jejich ergonomie…

Tiskové verze na webu

22.6.2010

Moderní uživatel vyžaduje rychlou a jasnou cestu k informacím a to nejen v podobě digitální, ale i klasické tištěné. Řečeno jinými slovy, připravte uživateli pro tisk speciální tiskovou verzi, která zobrazí pouze relevantní část stránek bez zbytečné grafiky a případných reklam a bude…

Propagace webu na Facebooku

12.5.2010

Když jste dva roky zpátky vyslovili Facebook, jen malá část lidí ve vašem okolí věděla, o co se jedná. A dnes? Dnes již takřka každý člověk, pohybující se na internetu ví, co Facebook je, jak funguje a velká většina uživatelů internetu jej také pravidelně navštěvuje a používá. Postoj k Facebooku…

Oživte web nestandardním písmem

16.4.2010

Typografie v prostředí webu je ze svého historického principu velice omezená, ale o to více důležitá! Poskytuje se přece primárně textový obsah. Současné trendy ve webdesignu a tím i v typografii na webu stále více vyžadují odlišení se od strohosti standardních a okoukaných „webových“ písem. Proto…

Je Firefox dokonalý?

7.4.2010

O chybách a nekoretkním chování CSS stylů v prohlížečích od Microsoftu byly napsány již kilometry textu. Ovšem jak je na tom největší konkurence Internet Exploreru, tedy prohlížeč Mozilla Firefox? O jeho chybách toho příliš mnoho napsáno nebylo. Hlavní důvod je ten, že autoři prohlížeče vždy…