Vzhůru dolů - Latest Comments

Re: Plány na podzim: přednášky, newsletter, nový blog…

Martin Michálek — Mon, 30 Sep 2013 06:05:11 -0000

Like!

Re: Plány na podzim: přednášky, newsletter, nový blog…

Jan Sládek — Mon, 30 Sep 2013 05:35:51 -0000

Neboj, budu tě na konferenci WebTop100 bránit! :)

Re: CSS preprocesory: Nejspíš nějaký potřebujete a nejspíš je to LESS!

Martin Michálek — Tue, 23 Jul 2013 03:24:27 -0000

Vojto, na portech mi vadí to odpojední od originálu na úrovni kódu (jsou vždy o něco pozadu, mají jiné chyby než původní codebase atd).

Co mi ale vadí ještě víc — jsou odpojené od původního ekosystému. Nemůžu využívat znalostí široké komunity kolem Bootstrapu, ani pluginů a nástrojů co ta komunita vytváří.

I když samotnou syntaxi a vlastnosti Stylusu obdivuju asi stejně jako ty, pragmaticky volím Bootstrap/LESS. ;)

Re: CSS preprocesory: Nejspíš nějaký potřebujete a nejspíš je to LESS!

vbulant — Mon, 22 Jul 2013 09:24:59 -0000

Pro kodéry básníky existuje použitelný port Boostrapu do Stylusu :) https://github.com/Acquisio...

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Tomáš Kout — Thu, 09 May 2013 10:34:07 -0000

Myslím, že tohle je ten případ, kdy ani jedna možnost není vyloženě nelogická. Takže těžko říct. Osobně bych dal přednost svému původnímu chápání, ale rád se přizpůsbím. Ještě nejsem tak starej.

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Patrik Illy — Wed, 08 May 2013 16:02:05 -0000

OK, díky za odpověď.

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Martin Michálek — Wed, 08 May 2013 08:06:07 -0000

Respond.js na nějakých projektech mám, ale když někde používám preprocesor, volím ten, protože je ve srovnání s javascriptem bezpečnější.

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Patrik Illy — Wed, 08 May 2013 06:32:28 -0000

Existují z tvé strany nějaké důvody, proč nepoužít polyfill Respond od Scotta Jehla? Každopádně díky za článek...

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Patrik Šíma — Mon, 06 May 2013 16:29:40 -0000

Nejlepší je minoritní prohlížeč jako je IE vůbec neřešit :)

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Michal Kobelka — Mon, 06 May 2013 15:23:43 -0000

Musím říct, že mi operátor & pro rodičovský element taky dělal problémy. Očekával jsem, že správně by měl rodičovský element jít IHNED před element, na kterém je tento operátor volán (v tvém případě "body h1 .xs"). On se místo toho zařadí vždy na začátek ("h1 body .xs"). Co je logičtější?

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Tomáš Kout — Mon, 06 May 2013 14:51:22 -0000

Díky moc, vygeneroval jsem si nesmrsknuté CSS a hned tu bylo jedno velké AHA! Když totiž zapíšu .parent & pro prvek, který je vnořený do jiného vyšší úrovně, vypíše se za & celá posloupnost. Raději příklad:
body{
.xs{
.stylování-řádkového-bloku-všude-na-stránce
h1 & {
.stylování-řádkového-bloku-v-H1
}
}
}
No a ono to vyhodí:
body .xs{.stylování-řádkového-bloku-všude-na-stránce}
h1 body .xs{.stylování-řádkového-bloku-v-H1}

Záhada vyřešena, musím se odnaučit přenášet DOM do kaskád, evidentně je to blbost, nehledě na zbytečně nabobtnalý výsledný stylopis... Člověk chce bejt gigant, a je hovno... [Švejk]

Děkuji za udání správného směru.

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Tomáš Kout — Mon, 06 May 2013 10:30:43 -0000

Díky moc oběma za ochotu, ozvu se, jak jsem pochodil!

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Martin Michálek — Mon, 06 May 2013 08:02:09 -0000

Tomáši, syntaxe v článku by měla být OK. Pokud na problém nepřijdeš ani s pomocí toho co píše Michal, vystav příklad online, pokusím se pomoci.

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Michal Kobelka — Mon, 06 May 2013 07:31:54 -0000

Podívej se do vygenerovaného CSS - tak zjistíš, kde máš chybu. Pokud normálně používáš oficiální JS kompilátor, tak si zkus CSS vygenerovat něčím jiným, např. http://winless.org/online-l....

Re: Responzivní Mobile First s pomocí body tříd6. 5. 2013

Tomáš Kout — Mon, 06 May 2013 05:12:48 -0000

Zdravím Martine, mohl bys mi poradit, prosím: nefunguje mi zápis .old-ie & {...}, prostě je-li prvek navíc i potomkem .old-ie, nechť jsou styly jiné...
Je to parádní vychytávka, ale pokaždé, když ji použiju, změna se neprojeví. Buď mi uniká něco zásadního, nebo je to verzí less.js anebo nevím. Netušíš, kdy by mohla být chyba?? Nepřikládám kód, protože mám dojem, že to musí být nějaká prkotina, kterou pro brýle nevidím (protože je nenosím...).
Díky

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin Michálek — Sun, 31 Mar 2013 05:31:44 -0000

Myslíte HTML prototyp? Máte ho s reálným obsahem? Pokud ano, neměl by to být žádný problém. Potřebujete to jen mít v prohlížeči a s plnohodnotným obsahem.

Re: Jaké breakpointy zvolit v responzivním webdesignu?

forgie — Sat, 30 Mar 2013 16:11:16 -0000

Jak v tomto prípade riešit prototypy? Keď su 1, 2 nebo 3 breakpointy možme urobiť pre každu verzi prototyp. V pripade mikrobreakpointu to ale bude s návrhom prototypu ako?

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin Michálek — Thu, 28 Mar 2013 15:09:13 -0000

Zrovna nedávno jsem se díval, že počet různých rozlišení displejů u jednoho konkrétního projektu narostl za poslední čtyři roky více než pětkrát. Aktuálně eviduji na 500 různých rozlišení obrazovky. Velikostí oken by bylo daleko více, ale ty Google Analytics neměří.

Nechci tady z toho generovat nějaké jednoznačné závěry. Opět záleží od situace, ale troufám si říct, že z toho důvodu je obvykle výhodnější použít fluidní layout s rozměry v procentech.

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin — Thu, 28 Mar 2013 13:24:24 -0000

A co rikate na pouziti responsive vs adaptive? Delat prechody postupne (cili rozmery v procentech) nebo skokove (pevne sirky)?

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin Michálek — Thu, 28 Mar 2013 03:59:48 -0000

Přesně tak — RWD zase ukazuje, že to pověstné "it depends!" platí hrozně moc. :) Výjimky a konkrétnosti (mikrobreakpointy) jsou protipól obecnosti (breakpointy) a cílem není zafixovat se na nějakém pólu, ale umět lavírovat mezi nimi. ;)

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin Michálek — Thu, 28 Mar 2013 03:55:21 -0000

Pěkné doplnění, neznal jsem. Díky!

Pokud by se v projektu používaly globální breakpointy, SASS je v práci s media queries silnější a tak to kód vypadá o fous lépe. Trik s @content je cool:

@mixin modular-mq($breakpoint) {
@if $breakpoint == medium {
@media (#{$media} and $feature: $value) { @content; }
}
}

U "mikrobreakpointů" je rozdíl mezi SASS/LESS imho malý.

Re: Jaké breakpointy zvolit v responzivním webdesignu?

Martin Držka — Wed, 27 Mar 2013 16:34:18 -0000

Souhlas. Jen bych si dal pozor, at je v tom nejaky systém. Pokud si člověk potrpí na detail, lehce sklouzne ke spoustě mikrobreakpointů, což taky nemusí být žádoucí (udržovatelnost, nový rozměry budoucích zařízení, apod). Právě si s tím hraju na jednom onepage webu a vidím jak mám neustále tendence při testování na více zařízeních dopiplávat a vyhovět každému. nechci vidět, že bych k tomu sklouznul na něčem větším. Přijde mi lepší pohlídat si určitý počet layoutů (neříkám, že to musí být nutně předdefinovaná trojka mobil>tablet>desktop) a navrhovat to plně fluidně. Někdy holt s kompromisem, který ale k RWD IMHO patří :)

Re: Jaké breakpointy zvolit v responzivním webdesignu?

pavelbier — Wed, 27 Mar 2013 09:10:10 -0000

Tento přístup také nedávno prezentoval Louis Lazaris v článku "Modular CSS with Media Queries and Sass" - http://www.impressivewebs.c...

Re: Mobile First v praxi s preprocesorem Stylus

Martin Michálek — Tue, 12 Mar 2013 16:43:01 -0000

Pozor, @import v CSS vytváří pro každý parciál jeden request navíc, což by v tomhle případě bylo fuj. :)

Re: Mobile First v praxi s preprocesorem Stylus

Marian Hello — Tue, 12 Mar 2013 11:59:23 -0000

"Pokud jste se někdy pokoušeli zorientovat v cizím (nebo vlastním
starším) CSS souboru, asi budete souhlasit, že dělení stylopisů do
„parciálů” a jejich importování do jednoho malinkého samovysvětlujícího
indexu je jedna z jejich mnoha killer vlastností."

Nechcem veľmi rýpať, ale už "plain" CSS má import deklaráciu, takže deliť CSS do parciálu, možete aj bez preprocesora.