source - Kurs HTML i CSS
Komendy CSS3 / Tło i obramowanie CSS...border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width box-shadow...
HTML5 / Napisy do filmów <track>...tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku tekstowego z napisami (*.vtt) - na dysku lub adres URL do pliku w Internecie. Dodanie atrybutu default jest...
- Obramowanie CSS / Szerokość obramowania obrazkowego {border-image-width}
...czterech wartości - ustala oddzielne szerokości kolejnych krawędzi: górnej, prawej, dolnej, lewej Przykład {border-image-width} border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 15px Sterując szerokością obramowania obrazkowego możemy udekorować krawędzie elementu, który w ogóle nie posiada tradycyjnego obramowania. W takim przypadku grafika obramowania wchodzi pod zawartość tekstową - podobnie jakby była wstawiona w tle. border-image-source...
- Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}
...obrazkowego można zilustrować następująco: Źródło: CSS Backgrounds and Borders Module Level 3 Przykład {border-image-outset} border-image-source: url(punkt.gif); border-image-slice: 15; border-image-outset: 7px; border-width: 15px Połączenie szerokości obramowania i nawisu tylko częściowo wystającego poza jego krawędzie. border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 15px; border-image-outset: 15px Jeżeli element nie posiada tradycyjnego...
- Typy MIME / Wykaz typów MIME
...cww application/pskc+xml pskcxml application/rdf+xml rdf application/reginfo+xml rif application/relax-ng-compact-syntax rnc application/resource-lists+xml rl application/resource-lists-diff+xml rld application/rls-services+xml rs application/rpki-ghostbusters gbr application/rpki-manifest mft application/rpki-roa roa application/rsd+xml rsd application/rss+xml rss application/rtf rtf application/sbml+xml sbml application/scvp-cv-request scq application/scvp-cv-response...
- Kolory CSS / Wykaz kolorów systemowych
...czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for three-dimensional display elements (for edges facing away from the light source). Shadow color for three-dimensional display elements Cień trójwymiarowych elementów (krawędzie oddalone od światła) ButtonShadow Shadow color for three-dimensional display elements Kolor cienia trójwymiarowych elementów ButtonText Text on push buttons Tekst na przyciskach CaptionText Text in caption, size box, and...
- HTML dla zielonych / Gotowiec HTML
Istnieje sposób na zrobienie profesjonalnie wyglądającej strony internetowej nawet bez dużego doświadczenia - są to szablony WWW (gotowce). Wiele serwisów internetowych oferuje darmowo gotowe projekty graficzne witryn. Zawierają one całą strukturę dokumentu oraz wszystkie potrzebne grafiki. Jedyne co trzeba zrobić samodzielnie, to uzupełnić szablon własnym tekstem w odpowiednich miejscach. Jeśli nie masz zatem pomysłu na projekt graficzny swojego serwisu, radzę poszukać ciekawego szablonu w...
- Dobre praktyki / CSS Zorientowane Obiektowo
Spis treści Wstęp Obiekty Atrybuty Kompozycja Rozszerzanie Wielokrotne rozszerzanie Przesłanianie Klasa abstrakcyjna Singleton Polimorfizm Wstęp Każdy programista wie, jaki przełom w rozwoju informatyki przyniosła koncepcja Programowania Zorientowanego Obiektowo (ang. Object Oriented Programming). Dlaczego by nie przenieść tego na grunt CSS? Może zabrzmi to zaskakująco, ale CSS już teraz daje taką możliwość. Nie są wymagane do tego żadne dodatkowe rozszerzenia w przeglądarkach, a...
Operacje na wyrażeniach regularnych - RegExp.prototype / Konwersja na tekst - toString...wyrażenia regularnego Zwraca literał wyrażenia regularnego zapisany w postaci prostego tekstu. Jest to połączenie tekstu "/", wartości właściwości source, ponownie tekstu "/" oraz flag wyrażenia w kolejności: "gim". Przykład RegExp.prototype.toString /(ab)c/ig.toString(); // "/(ab)c/gi" new RegExp("a/b\\(c\\)d\\\\e").toString(); // "/a\/b\(c\)d\\e/"
- HTML5 / Nowe atrybuty HTML5
...jest edytowalny crossorigin AUDIO, IMG, LINK, SCRIPT, VIDEO Sposób, w jaki element obsługuje żądania z mechanizmem CORS (ang. Cross-Origin Resource Sharing) data-... Wszystkie elementy Niestandardowe atrybuty danych decoding IMG Wskazówka dotycząca dekodowania używana podczas przetwarzania obrazka do prezentacji dirname INPUT, TEXTAREA Nazwa kontrolki formularza używana do przesyłania kierunku tekstu elementu podczas wysyłania formularza disabled FIELDSET Czy...