HTML

Postřehy z tvorby webu v AMP: chce to jen větší smysl pro pořádek

Postřehy z tvorby webu v AMP: chce to jen větší smysl pro pořádek

Měl jsem nějaké zkušenosti s AMP a WordPressem. Spočívaly v zapnutí pluginu. Ale protože se zapnutím pluginu AMP nenaučím, rozhodl jsem se nakódovat nový jednoduchý webík právě rovnou v AMP. Od píky, čistě jen v editoru, bez redakčního systému.

Vzhůru do AMP: nová kniha od Martina Michálka a Robina Pokorného

Vzhůru do AMP: nová kniha od Martina Michálka a Robina Pokorného

Technologie AMP pomalu nabývá na popularitě. Aby ne, díky ní postavíte weby, které se na telefonu načtou prakticky během okamžiku. Jedním s velkých propagátorů AMP v Česku je Martin Michálek. Před pár dny vyšla jeho nová kniha o AMP, kterou připravil s Robinem Pokorným.

Jak vypadají titulky 19 českých IT webů na mobilu? Žádná sláva

Jak vypadají titulky 19 českých IT webů na mobilu? Žádná sláva

Google spustil mobile first indexaci. Podíl mobilních zařízení stále roste. Designéři, alespoň ti ukecanější, pořád mluví o mobile first návrhu webu. Stránky zrychlujeme i kvůli dobrému načítání na pomalém mobilním spojení. Napadlo mě se mrknout, jak jsou na tom české IT weby. Jde o obor, který by mohl být vzorem.

Online výuka webových technologií zdarma tento víkend

Online výuka webových technologií zdarma tento víkend

Tento víkend se objevily přinejmenším dvě akce, díky kterým se můžete zdarma naučit nejrůznější webové technologie, případně si rozšířit obzory o další znalosti. Bezplatný víkend doporučuji využít. Venku je stejně ošklivo…

Tip: responzivní webové šablony ke stažení

Tip: responzivní webové šablony ke stažení

Nejsem sice přítelem univerzálních šablon pro redakční systémy, čisté HTML šablony však čas od času sám využívám. Nedávno mi padl do oka zajímavý web se sbírkou bezplatných webových šablon připravených se zřetelem na “mobile first”.

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Navzdory mnoha škarohlídům si programátorský editor od GitHubu s názvem Atom našel množství příznivců. Já jím v případě Windows nahradil už poněkud zastaralý PSPad a v případě Macu zdarma dostupný TextWrangler. Ostatně i Atom je dostupný zadarmo – jeho funkce jdou navíc rozšiřovat pomocí pluginů.

Netradiční generátory výplňového obsahu nejen pro tvůrce webů

Netradiční generátory výplňového obsahu nejen pro tvůrce webů

Jistě znáte latinské věty začínající slovy Lorem ipsum. Slouží k realistickému vyplnění prostoru v nějakém návrhu webu či aplikace. Jde o skutečný text a ten dodá o vzhledu lepší představu než náhodně nabušená změť znaků z klávesnice. Jsou tu i jiné varianty a také generátory obrázků.

BlueGriffon: vizuální editory pro HTML nejsou úplně mrtvé

BlueGriffon: vizuální editory pro HTML nejsou úplně mrtvé

Čas od času si říkám, že by nebylo špatné některé HTML soubory a šablony zeditovat vizuální cestou. Platit Dreamweaver se mi nechce, proto mě příjemně překvapilo, že editory vycházející z Mozilly nejsou úplně mrtvé.

Novinky v online editoru Cloud9

Novinky v online editoru Cloud9

Cloud9 je online editor pro vývojáře, který nabízí v prostředí webového prohlížeče plnohodnotný programátorský editor s podporou syntaxe mnoha programovacích jazyků i webových aplikací, jako je třeba WordPress. Nedávno došlo k několika zajímavým aktualizacím, které činí Cloud9 ještě zajímavějším a doporučuji jej proto vyzkoušet.

Editor Atom je nově k dispozici i pro Windows

Editor Atom je nově k dispozici i pro Windows

Zajímavý programátorský editor Atom, který těží z konceptu editorů Vi nebo Sublime, vyšel před pár dny i ve verzi pro Windows. Aktuální alfa verze tak podporuje i Windows 7 a Windows 8. Stahovat můžete samozřejmě jako balíček ZIP, k instalaci lze využít i systém chocolatey.

Codio: zajímavé online vývojové prostředí s virtuálním serverem a podorou Gitu

Codio: zajímavé online vývojové prostředí s virtuálním serverem a podorou Gitu

Zkoušíte-li rádi nové vývojové pomůcky, mrkněte na online vývojové prostředí pro tvorbu webů. Codio nabízí online správu projektů, zabudované virtuální prostředí pro ladění, podporu Gitu nebo SFTP, konzolu Node.js, podporu různých komponent od PHP přes Ruby až k Pythonu, ale i databáze.

Atom: VIMózní programátorský editor, který si prostě zamilujete

Atom: VIMózní programátorský editor, který si prostě zamilujete

Považujete všemi deseti dokonale ovladatelný editor VIM za výborný nástroj pro úpravu kódu? Pak vás možná překvapí jím inspirovaný nový editor Atom nabízející trošku více flexibility. A pokud VIM neznáte nebo nemáte rádi, pak editoru Atom určitě dáte alespoň jednu šanci.

Emmet (dříve Zen Coding) – zrychlete si psaní webového kódu

Emmet (dříve Zen Coding) – zrychlete si psaní webového kódu

Ať už programujete a tvoříte weby v PHP, .NET, Pythonu nebo něčem jiném, stejně se neobejdete bez psaní značek HTML a zápisů CSS. Psaní delších, opakujících se kódů je otravné. Ovšem s využitím nástroje Emmet zkrátíte čas pro tuto činnost na minimum.

Jak na sbalovací sekce na stránce aneb vyváříme FAQ

Jak na sbalovací sekce na stránce aneb vytváříme FAQ

V dnešním docela jednoduchém návodu si vyzkoušíme vytvoření jednoduché sekce pro často kladené dotazy na webu. Bude obsahovat otázky s odpověďmi, které budou standardně ukryté. Zobrazení odpovědi si vyzkoušíme jen s použitím čistého CSS, ale v další fázi také s pomocí jQuery. A nakonec se podíváme, jak to implementovat do Drupalu.

Jak importovat data z webu do tabulky v Google Docs

Jak importovat a parsovat data z webu do tabulky v Google Docs

Tabulkový program v Google Docs má trojici zajímavých funkcí, které vám umožní velice jednoduše importovat data z webových stránek a XML feedů. Pro zpracování dat z webu nemusíte tedy nic programovat, stačí si rozumět s webovým tabulkovým programem.

Windows 8.1 přinesou podporu nového 3D formátu

Windows 8.1 přinesou podporu nového 3D formátu

Microsoft bude do Windows 8.1 integrovat nový formát s názvem 3D Manufacturing Format (3MF), který má usnadnit trojrozměrný tisk.

Prototyping a wireframe pro Twitter Bootstrap? Zkuste Pingendo

Prototyping a wireframe pro Twitter Bootstrap? Zkuste Pingendo

Už dlouho hledám nějaký jednoduchý, zdarma dostupný nástroj pro tvorbu wireframů pro webové stránky. Zkusil jsem jich mnoho, žádný mě však moc nezaujal. Výjimkou je Pingendo, který jsem našel o víkendu. Podporuje totiž Twitter Bootstrap.

Views Datasource: snadný export z Drupalu do XML, JSON, RDF nebo XHTML

Views Datasource: snadný export z Drupalu do XML, JSON, RDF nebo XHTML

Rádi byste exportovali data z redakčního systému Drupal do některého z běžně používaných formátů a zrecyklovali je na jiném webu? Nechcete stavět vlastní modul, byť s pár řádky kódu? Pak uvítáte řešení v podobě modulu Views Datasource.

Firefox 11 a pomůcky pro vývojáře webu. Znáte je všechny?

Firefox 11 a pomůcky pro vývojáře webu. Znáte je všechny?

Nejnovější verze webového prohlížeče Firefox přináší několik vylepšení i po stránce pomůcek pro vývojáře webu. Pojďme se podívat, co všechno momentálně Firefox 11 nabízí pro tvůrce webových stránek a jak můžete tyto nástroje využít.

AJAX pro začátečníky: formulář zpracovaný bez opětovného načtení stránky

AJAX pro začátečníky: formulář zpracovaný bez opětovného načtení stránky

Současné webové stránky se bez JavaScriptu a dalších technologií provádějících různé operace na pozadí, téměř neobejdou. Postup, kterým můžete dosáhnout zpracování dat bez toho, že by bylo nutné znovu načítat webovou stránku, je založen na sadě technologií souhrnně označovaných jako AJAX. Podívejme se na jednoduchý příklad.

Stránky

Subscribe to RSS - HTML