Věci nejsou nikdy takové, jaké se zdají, a ani v titulku není to, co tam pravděpodobně čtete. O čem se budeme bavit? Schválně: Zkoušeli jste někdy vytvořit něco složitějšího pomocí CSS3 a přišlo vám to zbytečně komplikované? V tomto článku si ukážeme nástroje, které vám psaní CSS3 zjednoduší.
Jestli jste někdy řešili nasazování aplikace, asi víte, že všechno odladit může být celkem zdlouhavá záležitost. Dokážete si představit, že na to máte jen týden? Že je to nemožné? Není! Jde to a ani to nemusí být příliš složité.
Reportáž z virtuální konference FOSDEM. Minule jsem popsali Go room, dnes se věnujeme monitoringu a observability.
Mikrofrontendy jsou zajímavá adaptace konceptu microservices pro potřeby frontendového vývoje. Podívejte se, co to v praxi obnáší a proč jsme se v Seznam.cz rozhodli vyvinout náš vlastní microfrontend framework, Merkur.
Titulky
Tyjo, kdo vymýší takové titulky článku? Něco rozumnějšího by nebylo?
Re: Titulky
Ale znamená „piffloviny“, nikoliv to, na co myslíte.. :)
Re: Titulky
Kdyby ty hvězdičky byly jen dvě, mohl bych si myslet, že jde o pizzoviny.
Re: Kdo vymysli takove titulky
Hurych a synove, Tanvald, Lipova 13.
titulok
ten titulok je fakt strasny, zmente to prosim!!!
Re: titulok
Titulek samozřejmě znamená „piffloviny“, nikoliv to, co by si někteří mohli myslet.. :)
Re: titulok
A tomu se máme smát?
Re: titulok
neboj, suchaři se smát nemusí
Draging
Piffle je úžasné dílo a na jeho UI je vidět, že autoři používají Mac (to zas bude v álejích…). Jedna drobnost mě ale docela zmátla: ačkoliv se nad objekty ukazuje přetahovací kurzor, s objekty nejde myškou hýbat. Považoval jsem to za chybu první alpha verze, teď se ale zdá, že je to (nešťastný) záměr – nechcete přetahování povolit? Pokud ne, asi by tam ten kurzor neměl být.
Přetahování by se hodilo i v levém sloupci s vrstvami – nepřišel jsem na jiný způsob, jak prohodit jejich pořadí.
A nakonec: bylo by fajn, kdyby všechny odkazy měly target=“blank“, protože pokud kliknu např. na „tweet this!“, k rozdělanému dokumentu se už nelze vrátit. Nebo by se stav mohl ukládat do session.
Každopádně dobrá práce!
Re: Draging
no mne to úžasné dielo nefunguje ani v Opere ani v IE
Re: Draging
Pro Piffle teď platí JESPR (Google Chrome, Safari). A to hlavně kvůli nejpokročilejší podpoře html5 a css3. Nicméně můžete se na Piffle podívat také ve Firefoxu 4 a IE 9. Podporu pro Operu zatím neplánujeme.
Re: Draging
Mně to teda ve FF4 nightly taky moc funkční nepřipadá, ale těžko říct, protože si nejsem jistý, jak to má vlastně správně fungovat. Připadá mi, že to je skutečně zatím jen Webkit only.
Re: Draging
nefunguje to ani v IE9 :(
MSIE
Tam toho nefunguje :-)
Re: MSIE
písal že to má fungovať aj v IE9, ale nekompatibilita je všeobecný problém webových aplikácií, na tento typ problémov sa technológie ako(HTML5 / JS / CSS) absolútne nehodia, keby použil nejaký sofistikovanejší UI framework napríklad WPF alebo Qt tak by mal užívateľské rozhranie hotové za 20 minút a má istotu že to bude fungovať všade rovnako, a tiež že užívateľ sa nemusí učiť nové ovládanie.
Re: MSIE
Ctverec, rozmery, barva, border…
Pridal jsem stin, pak zrcadleni, odebral stin a zrcadleni je pryc a naporad.
Jinak chlapci… hsla(97.333333333333, 74.347826086957%… tsss
(chrome)
Re: MSIE
Kdyžtak od toho jsou bug reporty a ne diskuze, ve které by se na to mohlo časem zapomenout.. :)
Díky za přípomínky – jsme stále v alpha verzi.. :)
Re: Draging
Všechno (přetahování i ukládání díla do localStorage) už je v přípravě, resp. v developmentu, target u odkazu upravíme.
Díky moc za připomínky a za hodnocení!
ad titulek
Mně se třeba titulek docela líbí. Možná je to tím, že si sám slova moc nevybírám, ale nevidím důvod, proč by měl někoho pohoršovat. Stejně tak proč je tady víc příspěvků k titulku než k obsahu samotného článku ;-) .
Zajímavé
Tohle se bude hodit na experimenty, děkuji. :)
Titulek mě taky trochu vyděsil…
To krasne logo
To krasne logo vubec neni css3. Je to obrazek. To je podvod -:)
Staci juknout do zdrojoveho kodu:
http://i.iinfo.cz/images/307/piffle-14-prev.png
Re: To krasne logo
Podvod to není, originální výtvor najdete zde :)
http://cordobo.com/wp-content/uploads/ie-pure-css-logo/
Re: To krasne logo
Diky za link. To je to, co jsem chtel videt :)
Re: To krasne logo
Je snad logické, že v článku bude pouze screen. Originál zde http://cordobo.com/wp-content/uploads/ie-pure-css-logo/
Re: To krasne logo
Jo,jo, tak se na mne nezlobte, vzdyt jsem tam dal usmev -:)
Odkaz
V clanku chyba odkaz na piffle web….
Re: Odkaz
Ach, uz som ho nasiel, len je dost nenapadny…
Ked som docital clanok, hladal som ho niekde na spodku.
Re: Odkaz
Díky za připomínku, už je i na konci článku.. :)
hezke
Opravdu uzitecne to bude, az pridate animace a 3D, ale gratulace, kdysi by mi to pomohlo. Zareportoval jsem asi 7 bugu, tak sup do prace a at se dari :) ! Vypada to nadejne.
Ad narky nad titulkem clanku – stezovatele jsou zkratka trolli idioti..
Compass
A kdo chce jit jeste o level vic k abstrakci a nezajima ho jak experimentalni vlastnosti implementuje Opera, IE, Chrome etc, muze pouzit Compass. Vrele doporucuju.
http://compass-style.org/docs/
nadpis? - historické okénko
A nemělo by tam být spíše „PIFárny“? Z Přítele Počítače: „PIF … šílení Pifaři, kteří jsou schopni spustit pod Windows naprosto cokoliv…“ (Míněno tehdy z Dosu.)
Konecne slusny titulek!
Za zadnou cenu nemenit, jinak si budu myslet, ze jste pekne vypi***eny…
Chrome na OS X?
Mne to poriadne nefunguje ani v Chrome 8 na OS X 10.6.5. Robi to velmi zvlastne veci pri zbalovani a rozbalovani ponuk… Dokonca sem tam preblikne aj aplikacia, ktora je umiestnena pod prehliadacom… Velmi divne, to som zatial este pri ziadnom inom webe nevidel.