Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.
03 listopada 2007
Głównym argumentem osób nie stosujących standardów w projektowaniu jest twierdzenie, jakoby nie wszystkie układy tabelaryczne dało się przenieść do CSS. Dzisiaj chcę pokazać jeden z nich. Zadaniem kodera jest umieścić dwa tła rozciągające się do szerokości przęglądarki – jeden z lewej, drugi z prawej. Przykładowo taki nagłówek:
21 maja 2007
Numeracja list uporządkowanych domyślnie jest automatyczna - po wpisaniu znaczników ol i li przeglądarka doda markery w postaci liczb. Jest to zachowanie wymuszone przez style przeglądarki - ustawiony odpowiednio list-style-type (decimal).
Jednak rozpoczęcie liczenia zaczyna się zawsze od 1 i postępuje o tyle samo w górę. Na kartce papieru bez przeszkód mogę zacząć listę od "4.", aby w Wordzie zmienić środkowy numer na 20 wystarczy parę klików. Czy da się to zrobić w HTML?
Podczas projektowania strony często zdarza się tak, że niektóre jej fragmenty powtarzają się niezmiennie w paru dokumentach. Jeśli cenimy swój czas i przewidujemy możliwość edycji, nie chcemy kopiować HTML-a do każdego z nich. Najlepiej wtedy wczytać dane z pliku i wstawić je do poszczególnego dokumentu.
Można to zrobić korzystając z paru metod. Na początek warto rozgraniczyć dołączane dokumenty na dwa typy - pełne strony oraz ich wycinki. Zaletą pierwszych jest możliwość wyświetlenia poza dokumentem-matką - posiadają DOCTYPE, własne style, pliki JS i tak dalej. Zaletą drugich jest prostota w zainkludowaniu. Po prostu wklejamy zawartość pliku w jakimś miejscu.
30 grudnia 2006
Ostatnio wypłynęła na światło dzienne propozycja, aby oznaczać zawartość NSFW odpowiednimi atrybutami relacji oraz klasami. Idea podobna do Microformats, gdzie rozszerzamy semantykę dokumentu za pomocą klas. Pomysł został podchwycony dość szybko, głównie dzięki Diggowi. Stworzono już nawet rozszerzenie do Firefoksa rozpoznające w dokumencie linki z rel="nsfw". Dla innych przeglądarek na pewno powstaną skrypty użytkownika albo wtyczki.
Oczywiście - aby cała idea zaczęła trybić, należy zacząć używać nsfw w kodzie. I tutaj prośba do bloggerów, a głownie do chłopaków z 2UP - jako, że dalej nie umiem na chwilę obecną wybiec - umieszczając taki content, dodawajcie rel="nsfw" do linków, a class="nsfw" do fragmentów wpisów z mięsem / słowami powszechnie uważanymi za wulgarne. ;-) Inicjatywa ma szansę się przyjąć, ale powinniśmy zareagować na nią spontanicznie. Najprawdopodobniej nie uratujemy całego Internetu, ale swoją część - dobrze zadizajnowaną i zgodną ze standardami - możemy uporządkować.
16 listopada 2006
Często stosowanym układem layoutu jest menu o stałej szerokości dostawione z jednej strony układu, tak aby druga kolumna dopasowywała się płynnie do pozostałej szerokości.
Standardowe rozwiązanie jest proste - umieścić w HTML menu (#sidebar) nad treścią (#content), ustawić szerokość oraz float - a temu drugiemu margines równy szerokości menu.
16 czerwca 2006
Kolejne usprawnienie na blogu - zastanawiam się nad dodaniem gdzieś znaczka Bety - ale tym razem mniej jałowy opis. Przed testowaniem upewnij się, że wczytane masz nowe pliki CSS i JS - Ctrl + Shift + R.
W postach umieszczam często fragmenty kodu HTML / CSS albo JavaScript, dlatego zwróciłem szczególną uwagę na ten element strony. Roger Johansson bodaj pierwszy wpadł na pomysł, aby linijki kodu umieszczać w liście numerowanej. Poddana odpowiedniemu stylowaniu wygląda bardzo profesjonalnie no i oczywiście przejrzyście - porównując ją z tekstem preformatowanym <pre/>.
Blog o projektowaniu zgodnych ze standardami stron internetowych.
Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.
