Jest to blog poświęcony nowoczelnym technologiom ułatwiającym tworzenie aplikacji internetowych. Znajdziesz tutaj porady na temat CSS3, JavaScript, designu, web-usability, standardów W3C.
Cześć! Nazywam się Michał Środek. Z zawodu programista php, z zamiłowania gitarzysta oraz fanatyk GNU/Linuksa(openSUSE® w laptopie). W branży aplikacji internetowych od 9 lat. Prywatnie bez dzieci i kota.
Pracuję wciąż nad własnym elastycznym i wydajnym frameworkiem MVC, kilkoma portalami internetowymi oraz mniejszymi bibliotekami php. Czekam na wasze opinie, zgłoszenia błędów oraz pomysły na dalszy rozwój.
Ta część strony jest w trakcie budowy a moje prace tymczasowo niedostępne.
W przypadku pytań, ofert pracy oraz ciekawych pomysłów proszę się ze mną kontaktować. Możesz mnie znaleźć i wysłać PW na php.pl(SHiP), jamendo.com(michalsrodek), goldenLine.pl, facebook.com lub nk.pl
Podczas tworzenia animacji do mojej gry, nie zawsze będę używał kształtów generowanych przez JavaScript. Dobrze byłoby czasami stworzyć jakąś bardziej zaawansowaną animację w oparciu o grafiki rastrowe. W tym celu używa się tzw. Sprite’ów, czyli plików z poszczególnymi klatkami animacji umieszczonymi obok siebie. Zanim jednak przejdziemy do dalszego pisania gry, chciałbym przedstawić jak w prosty sposób użyć sprite’ów do optymalizacji stron internetowych.
CSS3 wprowadza nową — moim zdaniem — przełomową funkcjonalność, która znacznie ułatwi kreowanie stron internetowych. Jest to parametr umożliwiający tworzenie zaokrągleń. Co ciekawe, zaokrąglenia są na tyle inteligentne, że wpływają także na obramowania oraz cienie.
Wczoraj pokazałem w jaki sposób dodać cień dla tekstu. W jaki sposób uzyskać cień dla znaczników HTML? Służy do tego parametr box-shadow. Niestety nie jest to jeszcze zatwierdzony parametr CSS. Znajduje się on w kategorii „Working Drafts“. Dlatego też jego użycie wymaga od nas wykorzystania prefiksów dla różnych przeglądarek. Składnia jest następująca:
1 | box-shadow: przesuniecie-poziome przesuniecie-pionowe promien-rozmycia zasieg kolor inset |
CSS już od dłuższego czasu(zostało to zaproponowane w CSS2) udostępnia bardzo ciekawą funkcjonalność. Tekst możemy udekorować ładnym cieniem. Problemem była implementacja tej opcji w znanych przeglądarkach. Przez długi czas jedynie Safari(już od pierwszej wersji) pokazywało klasę. Na szczęście minęło trochę czasu i prawie wszystkie przeglądarki(pozdrowienia dla zespołu IE!) obsługują sprawnie cienie a składnia jest ujednolicona. (więcej…)