Vývojářský blog Tomáše Hercega

Poslední články

Období
RSS Feed
.NET Tips 2D 3D Aplikace ASP.NET C# C++ HTML+CSS Internet Javascript Office Silverlight SQL VB.NET VB6 VbNet.cz Vista VS Život, vesmír a vůbec Všechny články
Vzhledem k tomu, že se mě někteří ptali, kde jsou vystavena dema k mé přednášce z MS Festu, nahrál jsem je prozatím na http://www.vbnet.cz/storage/knockout.zip.
Všechny materiály z konference (hlavně videozáznamy) se ještě zpracovávají, jakmile budou, tak je všechny vystavíme společně i s ostatními demy.
[Zobrazit článek]
Datum: 13. 3. 2013 17:29
Kategorie: SQL, Javascript, ASP.NET, HTML+CSS, Život, vesmír a vůbec
Jeden náš zákazník má web na objednávání vstupenek do divadel a nedávno potřeboval udělat affiliate program, tedy že někdo si na svůj web dá tlačítko “koupit vstupenky na tuhle show na tento den”, a pokud ho někdo použije, tak majitel toho webu dostane nějakou provizi.
Vzhledem k tomu, že ne každému affiliátovi vyhovuje obyčejné tlačítko koupit, ale rád by od nás použil i obrázek a případně kalendář s výběrem vhodného představení, nabízelo se prakticky jediné řešení – použít iframe.
No a teď přijde ta legrace. Hledal jsem snad všude, ale v HTML neexistuje rozumný způsob, jak iframu říct, aby si velikost určil podle toho, co je uvnitř.
Představoval bych si třeba nějaký atribut “autoheight” nebo něco takového, nebo ještě lépe naprosto přirozené chování, že když nezadáte výšku resp. šířku, zabere to tolik místa, kolik potřebuje anebo kolik má k dispozici (což dělá většina dalších elementů, například tabulka, obrázek, odstavec textu, prostě všechno). Až pokud si někdo výšku řekne, pak to teprve platí.
Jenže ne - pokud výšku a šířku nezadáte, dostane iframe výchozí rozměry 300x150. Jak na ta čísla přišli si dovedu představit naprosto jasně – to se takhle někdo ráno vzbudí, protáhne se a řekne “tak co třeba 300x150”, to je takový užitečný rozměr.
[Pokračování článku]
Datum: 28. 9. 2011 18:27
Kategorie: Javascript, HTML+CSS
Vývojem webových aplikací se živím posledních 10 let. Ne proto, že by mi webová platforma nějak zvlášť imponovala, ale jiné typy aplikací po mě už hezky dlouho nikdo nechtěl.
V posledních pár letech jsme byli svědky posunu od statických stránek k poměrně rozsáhlým a patřičně komplikovaným webovým aplikacím, které se v ideálním případě snaží co nejvíc zamaskovat, že fungují nad bezstavovým protokolem HTTP. Uživatelé rádi zjistili, že po každém kliknutí na cokoliv nemusí nutně stáhnout celou stránku znovu, ale že se objeví světluška, co lítá furt dokola jak potrhlá, a za chvíli se možná něco stane.
Trendy jsou do jisté míry udávány velkými webovými aplikacemi typu Facebook atd. Když se podíváte třeba na Outlook Web Access a zjistíte, že v něm funguje drag & drop, většina klávesových zkratek jako v Outlooku, tak trochu žasnete nad tím, že to vůbec jde. Ano, jde, a pokud jste již nějakou webovou aplikaci napsali, dáte mi jistě zapravdu, že to dá neskutečné množství práce, až se jeden ptá, jestli se to vůbec vyplatí.
Za posledních pár let nabývám stále víc a víc dojmu, že se snažíme stavět obrovské domy uprostřed močálu, že přilepujeme nové technologie na ty staré a že se to stává čím dál nabobtnalejší a nespolehlivější. Vývoj pro web je zbytečně moc komplikovaný. Pro vytvoření webové aplikace musíte umět několik jazyků, namátkou HTML, CSS, Javascript, u 99% aplikací i SQL, protože většinou nějakou relační databázi používáte. K tomu si musíte zapamatovat stovky výjimek, protože tohle udělat nesmíte, tohle standard neřeší, takže si to prohlížeče implementují po svém, anebo to třeba i standard řeší, ale prohlížeče si stejně dělají, co jim libo jest.
Aktuální zlo HTML 4 a CSS 2.1
[Pokračování článku]
Datum: 2. 1. 2011 0:59
Kategorie: Javascript, HTML+CSS, Život, vesmír a vůbec
Heslo “co si nenapíšeš sám, to nemáš” bohužel platí velmi často, zejména pak, pokud potřebujete nějaké inteligentní zvýrazňování syntaxe v ukázkách kódu na webu. Zkoušel jsem několik různých řešení a žádné se mi moc nelíbilo. Buď bylo šíleně překombinované a používalo nehezká CSSka (každý řádek kódu byla tabulka a v CSS bylo vše s modifikátorem !important, což v praxi dělalo problémy), anebo nepodporovalo jazyky, které potřebuji, a ani nebylo snadno rozšiřitelné, abych je mohl dopsat.
Proto jsem si během pár hodin na MVP Summitu napsal své vlastní obarvovátko. Je to celkem jednoduchý javascript, který vložíte do stránky, on si v ní najde všechny značky pre a podle toho, jakou mají CSS třídu (tou se určuje jazyk ukázky kódu), provede samotné zvýraznění. Definice nových jazyků je velmi jednoduchá a přímočará, prostě jen popíšete stavový automat. Zatím to umí C#, VB, SQL a XML, což mi pro začátek bohatě stačí.
A protože by se to mohlo hodit někomu jinému, nehodlám to dodělávat a ať si s tím pro mě za mě dělá každý co chce, udělal jsem z toho open source a dal to na CodePlex.
Stránka projektu Tiny Syntax Highlighter
[Zobrazit článek]
Datum: 20. 2. 2010 9:09
Kategorie: Javascript, Život, vesmír a vůbec
Před pár dny byl uvolněn Windows Mobile 6.5 Developer Kit, což je první sada nástrojů pro vývoj aplikací pro Windows Mobile 6.5. Trochu jsem si s ním hrál a docela mě zaujala možnost psát widgety.
Widget je jednoduchá aplikace napsaná v HTML, CSS a Javascriptu, může komunikovat po Internetu pomocí technologie AJAX a umí pár dalších věcí. Není to samozřejmě na psaní velkých programů, ale na jednoduché věci typu zobrazovátko na počasí, jízdní řády nebo tak to bohatě stačí.
Zvládne to každý, kdo umí HTML a nebojí se Javascriptu, poněkud stručný návod je zde. Microsoft se ovšem rozhodl chytře implementovat již hotový standard W3C a nevymýšlel svůj. Dokumentace na MSDN i na W3C je ovšem pofidérní - na MSDN zatím pořádně není (a možná ani nebude, když ji má W3C), a W3C ji má v kvalitě typické pro sebe samo.
Ne, že by to bylo špatně zdokumentováno, ale občas jsem se nad některými věcmi pozastavoval, mohly by být napsány lépe a výstižněji. Místo vět typu “funkce by měla vracet nejlépe blablabla” bych uvítal raději věty typu “funkce musí vrátit blablabla” nebo “funkce vrací blablabla”. Takhle to vypadá, jako kdyby už při psaní té normy předpokládali, že to někdo naimplementuje blbě.
Psát aplikace v HTML a Javascriptu může někomu připadat dost úchylné, mě to tak ze začátku taky přišlo. Ale ono to tak není. To, že starší Windows Mobile widgety neumí, je možná jeden z důvodů jejich stagnace. Modelová situace - potřebujete jednoduchou aplikaci, která jenom stáhne data z Internetu a nějak hezky je zobrazí. Pište to v C++. Jde to, ale není to ono. Pište to v .NETu. Lepší, u jednoduché aplikace nevadí, že to je pomalejší. Anebo to napište v HTML, které je na tohle dělané. Prezentační možnosti HTML a CSS jsou řádově lepší než u WinForms, kde není úplně triviální zobrazit dokument plný formátovaného textu a obrázků. A patlat se se scrollováním a vykreslováním toho všeho, pokud je to trochu více grafiky, je také dost zbytečná práce.
[Pokračování článku]
Datum: 9. 6. 2009 21:25
Kategorie: Javascript, HTML+CSS, Život, vesmír a vůbec
Strana 1 z 2 (článků: 6) 12Další »»»