.activeProsty problemy. Mamy pasek nawigacyjny stworzony na podstawie styli bootstrap.

Jak ustawić na wybranym przycisku nawigacyjnym klasę CSS active. Klasa ta podkreśli przycisk. Naturalnie chcemy podkreślić przycisk nawigacyjny jeśli znajdujemy się na stronie do której on referuje.

Stack modulesBoostrap oferuje łatwy skrypt do wywołania okien modalnych w stronach internetowych.

Czasem jednak istnieje potrzebna wywołania kolejnego okna, gdy już jedno z nich zostało otwarte.

Pamiętam jak kiedyś uruchamiałem okna modalne przy użyciu kontrolek Telerick. W scenariuszu, w którym było potrzebne kolejne okno modalne, wtedy „łamałem sobie głowę”. Wywołanie okna modalnego, mając otwarte inne okno modalne, powodowało utworzenie okna modalnego w oknie modalnym. Całe szczęście, że nie programuję już z wykorzystaniem tych starych rozwiązań.

Mając jednak nawet boostrapa i rozwiązanie godne naszych czasów wciąż zadaję sobie pytanie, jak to można zrobić.

XAML WstępZaktualizowałem system do Windows 8.1. Nie ma sensu robić długiej recenzji, ale dla przeciętnego użytkownika PC aktualizacja właściwie nie jest potrzebna. Obecnie dla mnie najważniejszych gadżetem Windows 8.1 jest odpicowana przeglądarka Internet Explorer 11 wraz z narzędziami developerskimi.

Pierwszy raz mam wrażenie, że to narzędzie jest na tyle intuicyjne by go używać zamiast FireBug w FireFox-ie lub Developer Tools w Chrome.

CSS3 AnimCSS3 oferuje znacznik “@keyframes”, który potrafi określić animację danego elementu html.Oczywiście wcześniej by osiągnąć taki prosty efekt musieliby użyć jQuery, Flasha albo Silverlight-a.

W tym wpisie pokaże banalną animację wypełnienia napisu.

IE StylesJeżeli zajmujesz się Web Developmentem to zapewne nie raz chciałeś wynaleźć wehikuł czasu i zabić wszystkich programistów odpowiadających za wygraną IE 5.0  w wojnie przeglądarek przeciwko Netscape.  Zwycięstwo tej wojny jest odczuwane ,aż do dzisiaj. Wiele użytkowników ślepo korzysta z IE. Świat na szczęście się zmienia…ale dzięki popularności systemu Windows XP użytkownicy IE8 i IE7 wciąż istnieją.

Tak to jest gdy scalisz swoją przeglądarkę z systemem operacyjnym. Poza tym nie oszukujmy się nawet JQuery oficjalnie powiedziało nie dla IE8.

Tak koniec pisania specjalnych skryptów dla IE bo są jakieś bugi z właściwością z-index i itp.

CSS3 GenIstnieje tona wspaniałych generatorów, które za ciebie napiszą style CSS3 wraz ze specyficznym prefiksami do przeglądarek.

Gradienty, Animacje, obramowania, cienia.

Oto krótka lista takich generatorów.

Focus BorderChyba dawno nie odrobiłem pracy domowej z technologii webowych ponieważ nie mogłem ustalić co powoduje  to obramowanie. Teraz już wiem.

Zacząłem swoją przygodę z kontrolkami Telerik i jedną z najbardziej irytujących rzeczy było właśnie to obramowanie. Sprawa wydawała się trudna ponieważ to obramowanie nie wywodziło się od żadnych styli CSS.

Less CSSKilka dni temu wyszła aktualizacja do ASP.NET i narzędzi WEB w Visual Studio 2012.

Zainteresowała mnie lista obsługiwanych składni językowych (CoffeScript, CSS Less), o których słyszałem ale nie miałem jeszcze okazji ich sprawdzić. W pracy działam w końcu na Visual Studio 2010.

FireFoxFireFox udostępnia wiele dodatków. Dzięki temu nawet gdybym chciał zmienić przeglądarkę to nie mogę. Istnieje wiele dodatów, bez których nie mogę już żyć.

W tym wpisie opisałem kilka dodatków, które są użyteczne dla każdego grafika bądź programisty web.

CSS

Figury Scalable Vector Graphic (SVG) jest to standardowy język zaakceptowany przez W3C służący do opisywania dwuwymiarowej grafiki wektorowej jak i rastrowej, w niektórych przypadkach za pomocą pliku XML. Firefox 3+, Opera 9+ i Safari 3+ wspierają renderowanie SVG. Jedyną zagubioną przeglądarką jest … oczywiście Internet Explorer w wersji 8 ,ale tą lukę można uzupełnić przy pomocy wtyczek. Chociaż i one odchodzą w zapomnienie.

SVG staje się następnym elementem standardów HTML 5. Wcześniej by użyć SVG trzeba było się posłużyć wspaniałym tagami jak <object> <iframe>. Jak pokazuje ten przykład.