początek - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...Staraj się nie wstawiać tekstu w zbyt szeroką kolumnę, gdyż jest to niewygodne w czytaniu. Przy przenoszeniu wzroku z końca jednej linijki na początek następnej, można wtedy łatwo się pogubić. Pamiętaj, że coraz popularniejsze są monitory panoramiczne, na których Twoja strona może być bardzo szeroka, a więc pomyśl o ustaleniu jakiejś stałej lub przynajmniej maksymalnej szerokości układu strony w przeglądarce. Rozważ zwiększenie wysokości linii, ponieważ standardowa wartość może być...
Przeglądarka zdjęćSpis treści Wymagana wiedza Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Aby uzyskać powyższy efekt, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. przegladarka_zdjec.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl}...
XHTML / Różnice między HTML 4 a XHTML 1.0...jeśli wewnętrzny skrypt lub arkusz stylów zawiera znaki: <, >, &, ponieważ w takim przypadku procesor XML potraktuje je jako znaczniki lub początek encji (znaków specjalnych). Uwaga! Przeglądarki mogą nie obsługiwać tej metody. Dla zapewnienia zgodności z językiem XHTML skrypty i arkusze stylów, które zawierają znaki: <, &, ]]> lub -- można umieścić w zewnętrznym pliku. Jeżeli nie jest możliwe umieszczenie skryptu bądź arkusza CSS w zewnętrznym pliku, co jest zalecane, można...
- Ikony (symbole) / Mapy
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Upuszczenie pinezki pin_drop pin_drop Lokalizacja włączona location_on location_on Mapa map map Pinezka domu home_pin home_pin Eksploruj explore explore Restauracja restaurant restaurant Flaga flag flag Moja lokalizacja my_location...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
...będą miały wspólne obramowanie (domyślnie) Zdarza się, że na wydruku blok zostanie przełamany pomiędzy dwie kartki w taki sposób, że jego początek znajdzie się na końcu jednej strony, a koniec - na samym początku następnej. W takim przypadku standardowo na dole pierwszego fragmentu ani na górze drugiego nie będzie obramowania. Podobnie jeśli obramowanie zostanie przypisane do długiego elementu wyświetlanego w linii, tak że tekst się przełamie na końcu wiersza, przy prawym marginesie...
- Pozycjonowanie CSS / Nakładanie {z-index}
...to po prostu numer porządkowy określający kolejność. Natomiast przedrostek "z" odnosi się do trzeciego wymiaru układu współrzędnych, który swój początek ma w lewym-górnym rogu ekranu: oś "x" - biegnie poziomo w prawo oś "y" - biegnie pionowo w dół oś "z" - jest skierowana w stronę użytkownika patrzącego na ekran Taki nietypowy układ współrzędnych, z osią "y" skierowaną w dół, pochodzi od pierwszych terminali tekstowych, gdzie pisząc kolejne znaki, kursor przesuwał się po ekranie w...
- Komendy CSS3 / Transformacje CSS
Źródło: CSS Transforms Module Level 1 Spis treści transform transform-box transform-origin transform Przekształcenia Wartość none | [ matrix( <number> [, <number> ]{5,5} ) || translate( <length-percentage> [, <length-percentage> ]? ) || translateX( <length-percentage> ) || translateY( <length-percentage> ) || scale( <number> [, <number> ]? ) || scaleX( <number> ) || scaleY( <number> ) || rotate( [ <angle> | 0 ] ) || skew( [ <angle> | 0 ] [, [ <angle> | 0 ] ]? ) || skewX( [ <angle>...
- AutoIFRAME / Dlaczego to nie działa?
...najpierw kod do programu Notatnik, a następnie zaznacz i ponownie skopiuj. Czy podstrony nie znajdują się przypadkiem w innej domenie (mają inny początek adresu po http://...) niż strona główna, na której znajduje się ramka <iframe>...</iframe>? Może to mieć miejsce, jeżeli np. korzystasz z darmowych komponentów księgi gości, forum itp., które wczytujesz do ramki AutoIFRAME. Niestety w takim przypadku skrypt nie będzie działał i nie ma na to rady 🙁
Obiekt wyrażenia regularnego - RegExp / Tworzenie nowej instancji wyrażenia regularnego - new RegExp...Ta właściwość nie będzie dostępna w pętli for-in, ale można jej zmienić wartość. Dzięki temu przy wyszukiwaniu dopasowań do wzorca możemy pominąć początek tekstu. W przypadku dopasowania globalnego - kiedy wyrażenie regularne posiada flagę g - właściwość lastIndex jest automatycznie ustawiana przez funkcje: RegExp.prototype.exec i RegExp.prototype.test. Przykład var x = /(ab)c/gi; x.lastIndex; // 0 x.lastIndex = 3; x.lastIndex; // 3 x.exec("ABCd efg abc"); // ["abc...