Witam wszystkich :)
Dzisiaj krótko i na temat - założyłem własną stronę - PixelTeam.pl .
Serwis jest poświęcony stronom internetowym. Przeważnie będą opisywane nowinki technologiczne (pokroju css3 i html5) w postaci poradników, ale można będzie też odnaleźć artykuły (na różne tematy). Jak można zauważyć, już coś tam się nawet znajduje :] Jeżeli kogoś interesuje - zachęcam do poczytania i komentowania.
Generalnie całość ruszyła niecały tydzień temu. Odwiedzin za dużo nie ma, jako, że google grzebie się z indeksowaniem (strone można znaleźć tylko po "pixelteam"). Oczywiście PSEmu jest dla mnie dalej ważną stroną, dlatego (za pozwoleniem) umieściłem button po prawej stronie.
Cóż, to w sumie tyle - jeżeli ktoś by miał jakieś przemyślenia/pytania/opinie odnośnie PixelTeam, to piszcie śmiało.[/url]
PixelTeam
-
- TROLOŻERCA
- Posty: 5248
- Rejestracja: 04 września 2002, 12:21
- Kontakt:
Ja rozumiem, że wordpress i wsteczna kompatybilność przeglądarek, ale... straszna lipa jest jak piszecie... ta i tamta funkcja CSS3 jest fajna bo uwalnia od konieczności tworzenia dedykowanych obrazków dla stron, a później wszystkie przykłady są w postaci plików graficznych :] Wiem, czepiam się ![Razz :P](./images/smilies/icon_razz.gif)
Poza tym, fajnie jest, choć ja osobiście wciąż czekam, na jeden standard przyjęty i obsługiwany jednakowo przez wszystkich wkoło (jedna definicja, takie samo wyświetlanie gradientów, jednolita i poprawna obsługa kanału alfa) oraz mam cichą nadzieję, że jeszcze w 3-cim CSSie uda się przeforsować wprowadzenie zmiennych.
Nie omieszkam też wspomnieć o swym ubolewaniu nad faktem, że dopóki XP nie zdechnie na komputerach w biurach, a razem z przyzwyczajeniami osób w wieku 45+ do korzystania właśnie z przeglądarki zaaplikowanej we wspomnianym OSie... dopóty CSS3 w komercyjnych stronach będzie jedynie wizualnym upiększaczem, zamiast podstawowym narzędziem przy tworzeniu układu i elementów graficznych stron www. Smutne, ale prawdziwe - musiałem przerabiać dwa projekty zmieniając CSS3 i AJAX na obrazki i JS, bo główną grupą odbiorców były osoby w starszym wieku - czytaj 50% userów korzystało z IE8, a pozostałe 49% z IE6 :] nie muszę tłumaczyć ilu odbiorców korzystało z alternatywnych przeglądarek. Ehhh.
Tak czy owak, gratsy z tytułu uruchomienia strony.
![Razz :P](./images/smilies/icon_razz.gif)
Poza tym, fajnie jest, choć ja osobiście wciąż czekam, na jeden standard przyjęty i obsługiwany jednakowo przez wszystkich wkoło (jedna definicja, takie samo wyświetlanie gradientów, jednolita i poprawna obsługa kanału alfa) oraz mam cichą nadzieję, że jeszcze w 3-cim CSSie uda się przeforsować wprowadzenie zmiennych.
Nie omieszkam też wspomnieć o swym ubolewaniu nad faktem, że dopóki XP nie zdechnie na komputerach w biurach, a razem z przyzwyczajeniami osób w wieku 45+ do korzystania właśnie z przeglądarki zaaplikowanej we wspomnianym OSie... dopóty CSS3 w komercyjnych stronach będzie jedynie wizualnym upiększaczem, zamiast podstawowym narzędziem przy tworzeniu układu i elementów graficznych stron www. Smutne, ale prawdziwe - musiałem przerabiać dwa projekty zmieniając CSS3 i AJAX na obrazki i JS, bo główną grupą odbiorców były osoby w starszym wieku - czytaj 50% userów korzystało z IE8, a pozostałe 49% z IE6 :] nie muszę tłumaczyć ilu odbiorców korzystało z alternatywnych przeglądarek. Ehhh.
Tak czy owak, gratsy z tytułu uruchomienia strony.
2BII!2B
Cóż, na wprowadzenie zmiennych raczej bym nie liczył, ale kto wie :]
Co do samych przykładów, to niestety nie widze innego, lepszego rozwiązania. Wiem, że to troche śmiesznie wygląda, no ale co zrobić. Wole żeby wyświetlało się to wszędzie.
Generalnie plan jest taki, by oprócz opisu dodawać linki do strony z żywymi przykładami, ale w wypadku takiego box-shadow uznałem to za zbyteczne (chociaż też nie wykluczam, że z czasem dorzucę).
A jeżeli chodzi o same technologie - to (za przeproszeniem) jest niezły burdel, w sumie od zawsze. Wina samych gigantów typu Microsoft, który robi aktualizacje przeglądarki IE tylko dla wybranych systemów (najczęściej tych najnowszych, które są najmniej popularne). To samo zaczyna się z komórkami (WP7 nie dostanie IE10 - genialny pomysł). I w tym temacie można tylko narzekać. Ale czy jest to wystarczający powód żeby olewać to co nowe? Znam kilka (niemałych) polskich firm, które już zostawiły starocie typu IE6 w spokoju, co dla mnie jest na prawdę bardzo dobrym, a zarazem odważnym pomysłem.
Poza tym sporo pracy jeszcze przede mną (i znajomymi). Jak sam Eysmond zauważył, są jeszcze kwestie graficzne do rozwiązania... i kilkanaście innych, o których wiem (lub czasami też nie), ale do których potrzebuje nadmiaru czasu :]
Co do samych przykładów, to niestety nie widze innego, lepszego rozwiązania. Wiem, że to troche śmiesznie wygląda, no ale co zrobić. Wole żeby wyświetlało się to wszędzie.
Generalnie plan jest taki, by oprócz opisu dodawać linki do strony z żywymi przykładami, ale w wypadku takiego box-shadow uznałem to za zbyteczne (chociaż też nie wykluczam, że z czasem dorzucę).
A jeżeli chodzi o same technologie - to (za przeproszeniem) jest niezły burdel, w sumie od zawsze. Wina samych gigantów typu Microsoft, który robi aktualizacje przeglądarki IE tylko dla wybranych systemów (najczęściej tych najnowszych, które są najmniej popularne). To samo zaczyna się z komórkami (WP7 nie dostanie IE10 - genialny pomysł). I w tym temacie można tylko narzekać. Ale czy jest to wystarczający powód żeby olewać to co nowe? Znam kilka (niemałych) polskich firm, które już zostawiły starocie typu IE6 w spokoju, co dla mnie jest na prawdę bardzo dobrym, a zarazem odważnym pomysłem.
Poza tym sporo pracy jeszcze przede mną (i znajomymi). Jak sam Eysmond zauważył, są jeszcze kwestie graficzne do rozwiązania... i kilkanaście innych, o których wiem (lub czasami też nie), ale do których potrzebuje nadmiaru czasu :]
-
- TROLOŻERCA
- Posty: 5248
- Rejestracja: 04 września 2002, 12:21
- Kontakt:
Wszystko zależy od firmy - bo ja z kolei widziałem kilka niemałych, które z IE nie zrezygnują, nie z przyzwyczajenia, a wymogu... konkretnie korzystania z Microsoft Exchange Server. I chcesz czy nie chcesz wraz z tysiakiem+ innych osób musisz odpalić IE, bo na innych przeglądarkach jest po prostu padaka :]
Niemniej strona www, a korporacyjny exchange w przeglądarce to dwa całkiem odmienne tematy... i u mnie większość klientów nie protestuje przed wdrożeniem HTML5, choć jak pisałem wcześniej zdarzają się przypadki pt.: "specyficzne grono odbiorców zrzytych z IE" czy "ale ten standard to nie standard, chcę XHTML" czy innych dziwactw żyjących we własnej czasoprzestrzeni... no i cóż zrobić, nasz klient, nasz paaaannnn![Smile :)](./images/smilies/icon_smile.gif)
Niemniej strona www, a korporacyjny exchange w przeglądarce to dwa całkiem odmienne tematy... i u mnie większość klientów nie protestuje przed wdrożeniem HTML5, choć jak pisałem wcześniej zdarzają się przypadki pt.: "specyficzne grono odbiorców zrzytych z IE" czy "ale ten standard to nie standard, chcę XHTML" czy innych dziwactw żyjących we własnej czasoprzestrzeni... no i cóż zrobić, nasz klient, nasz paaaannnn
![Smile :)](./images/smilies/icon_smile.gif)
2BII!2B
Poza tym, fajnie jest, choć ja osobiście wciąż czekam, na jeden standard przyjęty i obsługiwany jednakowo przez wszystkich wkoło (jedna definicja, takie samo wyświetlanie gradientów, jednolita i poprawna obsługa kanału alfa) oraz mam cichą nadzieję, że jeszcze w 3-cim CSSie uda się przeforsować wprowadzenie zmiennych.
??????
??????
GuL
-
- TROLOŻERCA
- Posty: 5248
- Rejestracja: 04 września 2002, 12:21
- Kontakt:
Kod odpowiedzialny za przezroczystość i wypełnienie elementu gradientem wygląda inaczej dla każdej przeglądarki. Teoretycznie powinno wyglądać to np. tak:??????
Kod: Zaznacz cały
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
FireFox
Kod: Zaznacz cały
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
Kod: Zaznacz cały
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,1)));
Chrome v10 i Safari 5.1+, stare wersje
Kod: Zaznacz cały
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
Kod: Zaznacz cały
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
Kod: Zaznacz cały
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%);
Kod: Zaznacz cały
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
Co do zmiennych, to gdzieś wyczytałem, że planuję się by kolejna po CSS3 wersja miała umożliwiać definiowanie zmiennych. Teoretycznie, bo nikt jeszcze nie wiej jak to będzie finalnie wyglądać ... jest to moim zdaniem świetny pomysł, bo poza wielkim uproszczeniem (na początku arkusza definiujesz sobie zmienną na której operuje kilka/kilkanaście elementów, ergo zmiana 1 linijki będzie skutkować modyfikacją kodu w kilkunastu innych miejscach), będzie można zmieniać atrybuty elementów bez pośrednictwa JS, jQ, jak to jest czynione obecnie.
Więcej na ten temat:
definicje: http://dev.w3.org/csswg/css-variables/
przykłady: http://css3.bradshawenterprises.com/blog/css-variables/
2BII!2B