SVG, HTML, CSS 3 media queries

O CSS 3 Media Queries piszą tutaj, a odkąd zaimplementowali to w Fx 3 - można sobie obejrzeć głupią prezentację zastosowania CSS3 media queries.
Może nie aż taką głupią, bo skoro da się tego użyć w html - to czemu nie w svg; ten domysł mnie nie zawiódł - i rzeczywiście - da się - jak widać na przykładzie.
Przykład z tabelką jest dość przebiegły, ale nigdy by się nie udał przy braku wsparcia dla :nth-of-type ; dziwnym trafem <col> nic właściwie nie potrafi, kolor tła może nadać - ale niewiele pozatym niestety :>

Dla tabeli natomiast można użyć magicznej 'visibility: collapse' - to sprawi iz:

 col.hide{visibility: collapse} zniknie cala kolumna tabeli a nie tylko



Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Mapy ISOK LIDAR z Geoportalu w OSMAnd przez OsmAnd Map Creator

Obraz
W Geoportalu – oprócz legendarnej ortofotomapy i szeregu innych interesujących map – można znaleźć mapę ISOK – to bardzo precyzyjna mapa wysokości terenu ( LIDAR ), pomyślałem że warto by mieć coś takiego w OSMAnd aby nie spaść z klifu podczas spaceru. A to historia o tym - jak udało się to osiągnąć. Mapa ISOK jest dostępna publicznie na Geoportalu jako usługa WMTS (http://mapy.geoportal.gov.pl/wss/service/WMTS/guest/wmts/ISOK_CIEN), niestety – narzędzie OAMC którego zamierzałem użyć - nie potrafi bezpośrednio obsługiwać połączeń z serwerami tego typu, jedyne czego można użyć to połączenie z serwerem pracującym w protokole TMS . Techniczna niemożliwość natchnęła mnie do prób innych metod uzyskania mapy w OSMAnd – ale bez powodzenia – wróciłem więc do OAMC gdyż on sam zasugerował rozwiązanie – istnieje usługa tłumacząca do TMS (rozumianego przez OAMC ) mapy w formacie WMS . Odkrycie istnienia WhooTS rozjaśniło światełko w tunelu – niestety Geoportal mapę ISOK serwuje w formac...
Czytaj więcej

Jak dodać własną mapę do OSMAnd

Obraz
Na początku trzeba zaopatrzyć się w narzędzie OSMAnd Map Creator (w wersji z https://github.com/osmandapp/OsmAnd-tools brakuje OsmAndMapCreator.jar) – to napisane w javie narzędzie do pobierania lokalnie obrazków z widokiem mapy (kafelków) z serwerów map ( na wiki openstreetmap jest dokładniejszy opis ). Po pobraniu trzeba go rozpakować i uruchomić OsmAndMapCreator.bat : Wygląda jak zwyczajna mapa – ale obsługuje się ją jak JSOM – prawym przyciskiem myszy można przesuwać mapę, a kółkiem powiększać;  można chwilę spędzić na przesuwaniu i powiększaniu mapy żeby OAMC pobrał obrazków (kafelków). OAMC w trakcie przeglądania mapy – pobiera wyświetlone kafelki (obrazki z mapą) na dysk: W ustawieniach OAMC można zmienić miejsce gdzie ma lokować te grafiki (menu Window->Settings ) : Żeby się przekonać jak wyglądają te kafelki – trzeba wejść do katalogu osmand\tiles\Microsoft Maps – wewnątrz będzie kilka podkatalogów (poziomów powiększenia) wewnątrz których znajdziemy kol...
Czytaj więcej

IE7 PNG i filter :

Ha, znalazłem sposób jak obejsc nieprzyjemna wlasciwosc IE7, otoz - drab - zapewniajac wsteczna kompatybilnosc - obsluguje wyswietlanie PNG za pomoca filter:, oraz... PNG za pomoca wyswietlania poprzez wyswietlanie, czyli normalnie. Na ogol uzywalem sprytnego wybiegu pozwalajacego wyswietlac PNG tak samo w IE jak i innych przegladarkach, na ogol wygladalo to tak : fragment CSS div.menu{ filter:blablabla } div[class='menu']{ background: png } Niestety, podstepny IE7 zaczal obslugiwac selektory atrybutow, co powoduje ze wyswietla div.menu, oraz div[class='menu'] co wyglada niespecjalnie bo oba png sie na siebie nakladaja. Dochodzimy zatem do sedna, po wyprobowaniu roznych elementow ktorych IE7 nie obsluguje, ostatecznie doszedlem do kontrukcji na ktora najtrudniej bylo wpasc, mianowicie : fragment CSS div.menu{ filter:png } div[class='menu']{ background: png filter: none } Et voila - wyswietla sie jak nalezy - oklaski, ukłony Labels: css , ...
Czytaj więcej