Edge pořád neumí ES6

Prosluněné dny hladkého vývoje webu na Linuxu, laděného pod Chrome a dolaďovaného pro Firefox, narušila zapeklitá chyba v Edge: SCRIPT1028: Expected identifier, string or number.
Dalo mi to trochu pátrání krzevá balíčky, dokumentaci, odborné weby a fóra (včetně výše uvedeného), než jsem došel k poznání, že celý problém působí rest parametry či spread operátory (či syntax), vymoženosti JavaScriptu ES6.
Ta se mi tam dostala z Bootstrapu zakompilovaného do js balíčku. Takže taková ta neopravitelná věc. Díky, EasyAdmin. :(
Přeskočme několik hodin usedavého pláče a přistupme rovnou k řešení: nenechme inkriminovaný javascript natahovat na web rovnou (jako hotový asset), ale přidejme ho přes webpack (nebo snad něco jiného? Možná tak Webpack Encore) projektu a profiltrujme ho přes Babel, kterým ty moderní zrůdnosti, jak si jistě myslí u Microsoftu, odstraníme.
Hurá! Web funguje a pochvala od projekťáka nás nemine. ;)

• Rest parameters and spread operator
• Rest parameters - JavaScript | MDN
• Spread syntax - JavaScript | MDN
• Can I use... rest parameters
• Can I use... spread

"IČO" nebo "IČ"?

Ještě včera bych se s váma do krve hádal, že správně se má psát "IČ". Svého času to byla pravda. Tehdy jsem sám vedl boj za správnou zkratku a všude možně opravoval hnusné "IČO". Měl jsem také zato, že ke zkrácení této zkratky došlo z důvodu podobnosti s jistým neslušným slovem. Já naiva!

Jisté úkoly mě přivedly k prověření správného tvaru a s pláčem musím přiznat, že

SPRÁVNĚ JE "IČO"!

Lakonickou odpověď najdete u Českého statistického úřadu. Není ale na první pohled jasné, jestli je aktuální.

Čerstvý výklad situace je v článku IČO a IČ, DIČO a DIČ? Pravdy a mýty internetu.

Starší vysvětlení včetně přehledné tabulky vysvětlující, proč je v tom takový zmatek, je "IČ" nebo "IČO", co je správně?.

Jak na dlouhá "slova" na webu?

Jsou věci, co se vrací jako bumerang. Třeba potřeba se popasovat s nezalomitelným textem, respektive dlouhými slovy. Přesněji "slovy". V praxi jde, pokud nebudeme brát v potaz Němčinu, o emailové a webové adresy a parametry notebooků a telefonů, které produktový manažeři s oblibou naperou do názvu, oddělené lomítky a bez dostatky mezer, na kterých by se text mohl v prohlížeči zalomit. Samozřejmě tyto nešvary se připomenou až s vyladěným layoutem (jsem si myslel) a ostrými daty.

První věc, která opravdu nejde ignorovat. Dlouhé "slovo" rozstřelí layout ve flex-boxu. Boxíky postižených produktů se roztáhnou. Zafunguje malé kouzlo. Stačí nastavit na item ve flexu

min-width: 0;
Minimální šířka nemusí být nulová, ale musí být definovaná. Více

• html - How to word-break text in a flex display when the text is long? - Stack Overflow
• Flexbox and Truncated Text | CSS-Tricks

Pak to chce nějak ošetřit samotný text. Při googlení je potřeba zohledňovat stáří rad a návodů. Co platilo před rokem dnes už neplatí, nebo nemusí platit. V CSS lze nastavit pravidla pro dělení a zalamování slov. V kombinaci s media query jde o dobrou pojistku zachování funkčního layoutu a čitelného textu. Použijme třeba podle Dealing with long words in CSS | justmarkup něco jako

.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
Více

• Dealing with long words in CSS | justmarkup
• Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc) | CSS-Tricks
• hyphens | CSS-Tricks
• CSS Hyphens Not Working in Firefox? - Stack Overflow
• CSS hyphens property

Na všechno styly ale nestačí. Správnému dělení slov pomůžeme znakem měkké dělení. Hojně se řeší, jakou formu zápisu znaku volit, ale aktuálně by to mělo být použití entity

­­­
Pročti si

• Soft hyphen - Wikipedia
• text - Soft hyphen in HTML (<wbr> vs. &shy;) - Stack Overflow
• wbr na www.quirksmode.org

Rovnou jsme se dostali i k HTML5 tagu

<wbr>
který slouží k označení místa, kde se může v případě potřeby text zalomit, ale bez "-". To je přesně to, co je dobré vrazit za výše zmíněná lomítka v názvech.

• <wbr> - HTML: HyperText Markup Language | MDN
• Can I use... Support tables for HTML5, CSS3, etc
• What is <wbr> in HTML5? Why do we need this? - Quora

Dřív se toto nahrazovalo využitím třeba tenké mezery &thinsp;. I další entity, jako třeba &zwnj; a &zwj; můžou najít uplatnění.

• hyphenation - HTML: Soft hypen (&shy;) without dash? - Stack Overflow
• Special Characters [Robin’s HTML 4.0 Conformance Test]
• The Little-Known Preview Text Hack You May Want to Use in Every Email – Litmus Software, Inc.
• &ZWNJ;&NBSP; Preview text hack > Litmus
• Zero-width non-joiner - Wikipedia
• Zero-width space - Wikipedia

Obecně se řešení problémů s dlouhým textem věnuje článek Handling Long and Unexpected Content in CSS | CSS-Tricks.

Toto neberte jako přesný návod, spíš soupis poznámek k navedení, kde hledat nápovědu k dané problematice.

Osclass - inzertní portál na základech Wordpressu

WordPress je sice původně blog, ale běžně se na něm staví i mnohem náročnější aplikace. Dost často se pomocí pluginů láme i pro funkci e-shopu, což je od původního určení WordPressu na míle daleko. Jistí lidé v Barceloně zašli ještě dál - celý WordPress překopali (i když na webu toto ani nenaznačují, natož že by přiznávali) na "úplně jiný" systém - Osclass, the free classifieds script!

Na Osclass postavíte inzertní portál (tak je systém prezentován), katalog realit či ubytování, bazar, e-shop... Však si projděte ukázky instalací na stránce Showcase. Osclass sice z WordPressu "pocází", ale autoři "přejmenovali" všechny funkce, adresáře a proměnné ("wp_" -> "os_"), takže nemůžete použít žádné z témat ani žádný z pluginů připravených pro WordPress. Pro Osclass musí být pluginy a témata speciálně připravená. Není jich ještě moc, ale protože se jedná o relativně úzce specializovanou aplikaci, nebude to na závadu. Osclass má oproti WordPressu na druhou stranu integrované jazykové mutace, vylepšenou administraci a další dobroty.

Prohlédněte si demo instalaci - A serious Business Inc.

Jak nakoupit (nejen) z Číny?

Placení

Nejlépe (?) si zřídit účet PayPal a pokud nejste paranoidní, provázat ho s vaší platební kartou. Platba je pak "na pár kliknutí".

Clo a DPH

• DPH a clo se vyměřuje u zásilek ze zemí mimo EU
• DPH se vyměřuje u zásilek nad 22 Euro a tvoří 20 % z její celkové hodnoty (celková hodnota zásilky = hodnota zboží + poštovné + pojištění přepravy).
• Clo se vyměřuje u zásilek nad 150 Euro a tvoří 3–11 % z její celkové hodnoty (přesná výše cla závisí na typu zboží).

(zdroj: CLO a DPH - Jak nakupovat - inChina.cz - bezpečný nákup z číny)

Rady kde a jak nakupovat a další rady

• Nákupy v Číně | Kde nakupujete?
• Nákup levného zboží z Číny po Internetu | Zprávy.czin.eu
• Návod, jak nakupovat z ciziny přes internet a ušetřit tisíce - iDNES.cz

A konkrétní zkušenosti? Dokonce čerstvé...

• Rudý Android – nakupování z Číny má i svá úskalí (zkušenost čtenáře) | Svět Androida
• Rudý Android – na co si dát pozor při nákupu čínských telefonů? | Svět Androida

Pěkná návodná reportáž 9. 10. na ČT ve zprávách (někdy po půl hodině)

• Události: 9. 10. 2013 — iVysílání — Česká televize

Jak vypadá web na tom kterém rozlišení?

Jak vypadá váš web na tom kterém rozlišení? Toto nikoho moc nezajímá, dokud si šéf nepořídí tablet a nepřijde si stěžovat ;-)

Tak si to prosím prověřte včas, třeba pomocí Screenfly / Test Your Website at Different Screen Resolutions.

WordPress na 110 %

Getting 110% out of WordPress | HotScripts: Článek zmiňuje s krátkou charakteristikou některé pluginy a témata pro WordPress, které dokáží proměnit váš WordPress z jednoduchého blogu do úplně jiného typu webových aplikací. Dozvíte se, jak WordPress změnit na inzertní server, aukce, sociální sítě, wiki (faq), e-shop a další…

'via Blog this'

iFixit - návody na opravu všeho možného

Na serveru iFixit najdete návody na všemožná zařízení, zejména počítačová. Potřebuje váš iPhone vyměnit display? Potřebujete opravit iPad, Nintendo, Game Boy, Xbox nebo PlayStation? Podívejte se na  iFixit! Návody na opravu můžete také sami doplnit, nebo opravit.

Google Analytics pro pokročilé

Google Analytics je úžasný nástroj, který v podstatě vyšachoval z hřiště (to je ale blbej obrat!) běžně používané statistiky generované www servery. Ty sice mají také stále své opodstatnění, ale neřeknou zdaleka všechno to, co opravdu chtějí provozovatelé webů vědět (nebo si to alespoň myslí). Jedna z vlastností Google Analytics je sledování cílů - goals. Jak na to vám vysvětlí miniseriál Advanced Google Analytics: Conversion Goals na serveru WorkHappy.net.

Beta OXID eShop 4.5 pod stromeček

Nová verze OXID eShop 4.5 byla nejdříve slibována na podzim tohoto roku, pak byla odložena na začátek příštího, pak se objevily zprávy o zveřejnění bety Oxidu po novém roce, aby nakonec byla testovací verze přislíbena před vánocemi. Současně není o vlastnostech nové verze známo nic moc konkrétního, až na kompletně překopaný systém šablon front-endu. Nicméně stále kde nic tu nic a vánoce byly téměř za krkem.
"Jako blesk z čistého nebe", chcete-li to prožívat dramaticky ;-) , pak přišla zpráva: Oxid eShop 4.5 Beta kommt Heiligabend! A opravdu - OXID eShop 4.5.0 beta je tu! Finální verzi můžeme čekat v prvním kvartále 2011.

Snadný export a import dat e-shopu - Cart2Cart?

Import a export dat, nebo chcete-li přesun či "migrace", citlivých a důležitých dat z jednoho e-shopu do druhého není většinou snadný. Tento problém by měla pomoci vyřešit on-line aplikace Cart2Cart. Momentálně podporuje e-shopy a "košíky" Zen Cart, Magento, osCommerce, X-Cart, xt:Commerce, VirtueMart, CRE Loaded, PrestaShop, Pinnacle Cart, CubeCart, CS-Cart, osCMax, Interspire, Shop-Script, OpenCart, Squirrelcart, Yahoo Store, Summer Cart, Veyton, Ubercart, Shopify, WP e-Commerce, Volusion, HHG multistore, TomatoCart, 3DCart, Miva Merchant.