Kolejny quiz z serwisu Nettuts+. Tym razem nasze szare komórki zostaną wystawione na naprawdę duży wysiłek, ponieważ nie będzie tutaj podstępnych pytań zakładających znajomość najgłębszych sekretów języka. W przypadku CSS przetestowana zostanie nasza znajomość kaskadowości. Za pierwszym razem uzyskałem 80% (3 błędy). Jak wam poszło? Zapraszam do zabawy.
http://net.tutsplus.com/quizzes/nettuts-quiz-5-css-specificity-and-cascading/
Od czasu do czasu nie mamy możliwości całkowitego zignorowania IE6 i zmuszeni jesteśmy do modyfikacji naszego dzieła. Kolejną niedziałającą właściwością CSS, z którą IE6 sobie nie radzi jest position: inline-block. Ten typ wyświetlania elementu jest bardzo pomocy w wielu przypadkach i często zastępuje float. Powoduje, że element wyświetlany jest jak liniowy, jednocześnie zachowując się jak element blokowy (można ustawić mu marginesy, wysokość, itd.). Niestety, jak już wspomniałem, IE6 nie radzi sobie z tym elementem. Okazuje się, że istnieje prosty fix, który można zastosować, aby inline-block działał poprawnie. Zaprezentuję to na przykładzie paginacji.
<ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> </ul>
W normalnej przeglądarce zadziałałoby to:
Kanał ATOM
ul {
text-align: center;
border: 1px solid #7e7e7e;
}
li {
display: inline-block;
}
li a {
display: block;
border: 1px solid #dbdbdb;
margin: 10px 0;
padding: 10px;
}
Ale nie w IE6. Na szczęście fix jest bardzo prosty i nie wymaga od nas wielkiego wysiłku. Wystarczy zmienić li na display: inline, a znacznik a na display: inline-block;
Ostatecznie CSS wygląda następująco.
ul {
text-align: center;
border: 1px solid #7e7e7e;
}
li {
display: inline;
}
li a {
display: inline-block;
border: 1px solid #dbdbdb;
margin: 10px 0;
padding: 10px;
}
Tworzenie nowoczesnych aplikacji webowych nie byłoby możliwe bez skorzystania z gotowych narzędzi i bibliotek. Bez nich czas pracy znacząco wydłuża się, a razem z nim wzrasta koszt wytworzenia działającego produktu. Na szczęście Internet pełen jest rozwiązań wspomagających naszą pracę. Oto niektóre z nich.
W dzisiejszym wpisie, Sebastian Bergmann, zaproponował dodanie do PHP metody ReflectionClass::newInstanceWithoutConstructor(), która to pozwoliła by na tworzenie nowej instancji klasy z pominięciem konstruktora, podobnie jak to odbywa się w przypadku deserializacji. Osobiście jestem bardzo entuzjastyczny wobec zgłoszonej propozycji i chętnie powitałbym ją w nadchodzącej wersji 5.4 interpretera.
Zastosowań jest całe multum, natomiast chyba najbardziej przydatna jest ta funkcja dla twórców wszelakiej maści frameworków i bibliotek (szczególnie ORM). Dzięki niej, nie trzeba już będzie korzystać ze sztuczek z serialize/deserialize, by stworzyć obiekt z pominięciem konstruktora.