Zbiór darmowych czcionek, również do zastosowań komercyjnych.
FontSpace
Codziennie aktualizowany zasób darmowych czcionek. Zawiera wiele pozycji dopuszczonych do użytku komercyjnego.
Link: http://www.fontspace.com
Adobe Edge Web Fonts
Bezpłatna usługa, która zapewnia dostęp do dużej biblioteki czcionek do zastosowania przy tworzeniu stron internetowych.. Korzystanie z serwisu jest darmowe i nieograniczone - szczegóły.
Link: http://html.adobe.com/edge/webfonts
Google Web Fonts
Obszerna biblioteka czcionek dostępna online.
Link: http://www.google.com/fonts/
Font Squirrel
Tylko najlepsze czcionki do wykorzystania w celach komercyjnych.
Link: http://www.fontsquirrel.com
Adobe Typekit
Typekit wyróżnia intuicyjna wyszukiwarka czcionek
Link: https://typekit.com/
WE LOVE ICON FONTS
Zasada działania podobna jak w Google Fonts, jednak biblioteka zawiera jedynie czcionki typu icon.
Link: http://weloveiconfonts.com/
Abstract Fonts
Dziesiątki tysięcy darmowych czcionek. Ciekawą opcją jest możliwość sprawdzenia wszystkich czcionek jakie mamy aktualnie zainstalowane z szybkim ich podglądem.
Link: http://www.abstractfonts.com
Place it
Umieść swoje screeny w realistycznych warunkach w ciągu kilku sekund.
Link: https://placeit.net
Fontello
Czcionki jak ikony.
Link: http://fontello.com/
JotForm
JotForm to darmowy generator formularzy online. W wersji darmowej istnieje ograniczenie do 100 formularzy miesięcznie. Brak reklam w gotowym formularzu.
Link: http://www.jotform.com/
Prefixr
Poprawney kod CSS we wszystkich przeglądarkach w przeciągu kilku sekund!
Link: http://prefixr.com/
Can i use ..
Tabele zgodności wsparcia HTML5, CSS3, SVG na podstawie przeglądarek desktopowych i mobilnych.
Link: http://caniuse.com/
Lorem pixel
Po wybraniu rozdzielczości (i ew. kategorii) obrazka, otrzymujemy jeden adres url przedstawiający obrazek spełniający nasze kryteria. Co ciekawe, link jest jeden, natomiast z każdym odświeżeniem otrzymujemy inny obrazek.
Dopisując na końcu adresu /jakiś_tekst/, uzyskamy znak wodny w lewej części obrazka.
Link: http://lorempixel.com/
Responsive Design Bookmarklet
Poręczne narzędzie do testowania wyglądu stron przy różnych rozdzielczościach.
Aby z niego skorzystać, należy dodać button do zakładek a następnie uruchomić go na testowanej witrynie internetowej.
Link: http://responsive.victorcoulon.fr/
Drugie alternatywne narzędzie - http://www.responsinator.com/
JPEGmini
Zmniejszenie rozmiaru pliku zdjęć nawet do 5x, przy zachowaniu ich oryginalnej jakości i formatu JPEG.
Link: http://www.jpegmini.com/
Color Hailpixel
Prosty sposób eksperymentowania z kolorami.
Link: http://color.hailpixel.com/
Animate.css
Zbiór animacji CSS działających w różnych przeglądarkach do wykorzystania w swoich projektach.
Link: http://daneden.github.io/animate.css/
Genericons
Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic. Use for instant HiDPI or to easily change colors on the fly."Źródło: http://genericons.com/#polldaddy
Download (100KB): strona autora, mirror
Simple Icons
Simple Icons na dzień dzisiejszy oferuje aż 140 ikon. Każdą z nich możemy pobrać w oryginalnym kolorze, lub jako plik *.png w najpopularniejszych rozdzielczościach od 16x16px po 1024px.Dodatkowo, w dolnej części strony głównej znajduje się lista poszczególnych serwisów wraz z informacją o dominującym w nich kolorze. Kolory dostępne w HEX, RGB, HLS.
Źródło: http://simpleicons.org/
Download (25MB): strona autora, mirror
350 Pixel Perfect Icons
Źródło: http://brankic1979.com/icons/
Download (500KB): strona autora, mirror
Batch
The download includes: PSD file (shape layers), SVGs (128x128), PNGs (16x16, 32x32, 64x64), Webfont (.eot, .ttf, .woff)."
Mamy dwie opcje downloadu ze strony autora - darmowy, lub z darowizną.
Źródło: http://adamwhitcroft.com/batch/
Download (2MB): strona autora, mirror
MFG Labs iconset
Źródło: http://mfglabs.github.io/mfglabs-iconset/
Download (130KB): strona autora, mirror
Gentleface
Źródło: http://gentleface.com/free_icon_set.html
Download (4MB): strona autora, mirror
Automatyczna zmiana koloru tła strony internetowej.
Źródło: http://cssdeck.com/labs/immanvel
HTML
CSS
Wyraziste podkreślenie przyciąga uwagę. Po najechaniu na napis, podkreślenie zamienia się w subtelną ramkę.
Taki delikatny efekt już w 6 linijkach HTML :)
Źródło: http://cssdeck.com/labs/svg-hover-effect
HTML
CSS
| Kod dzies. | Kod szest. | Opis | Przykład (nazwa) | Przykład (kod) | |
|---|---|---|---|---|---|
| Znaki specjalne HTML | |||||
| " | " | " | quotation mark (znak zapytania) | " | " |
| & | & | & | ampersand | & | & |
| < | < | < | less-than sign (znak mniejszy niż) | < | < |
| > | > | > | greater-than sign (znak większy niż) | > | > |
| Łacińskie znaki rozszerzone - A | |||||
| Œ | Œ | Œ | latin capital ligature OE (duża ligatura OE) | Œ | Œ |
| œ | œ | œ | latin small ligature oe (mała ligatura OE) | œ | œ |
| Š | Š | Š | latin capital letter S with caron (duża litera S z odwróconym daszkiem) | © | © |
| š | š | š | latin small letter s with caron (mała litera s z odwróconym daszkiem) | ¹ | ¹ |
| Ÿ | Ÿ | Ÿ | latin capital letter Y with diaeresis (duża litera Y z umlautem) | Ÿ | Ÿ |
| Znaki modyfikujące poprzedzający znak | |||||
| ˆ | ˆ | ˆ | modifier letter circumflex accent (daszek) | ˆ | ˆ |
| ˜ | ˜ | ˜ | small tilde (tylda) | ˜ | ˜ |
| General Punctuation | |||||
|   |   |   | en space (spacja o szerokości 1 en = 1/2 em) | ||
|   |   |   | em space (spacja o szerokości 1 em) | ||
|   |   |   | thin space (spacja o szerokości 1/5 em) | ||
| ‌ | ‌ | ‌ | zero width non-joiner | | |
| ‍ | ‍ | ‍ | zero width joiner | | |
| ‎ | ‎ | ‎ | left-to-right mark (znacznik kierunku tekstu: od lewej do prawej) | | |
| ‏ | ‏ | ‏ | right-to-left mark (znacznik kierunku tekstu: od prawej do lewej) | | |
| – | – | – | en dash (łącznik o długości 1 en = 1/2 em) | – | – |
| — | — | — | em dash (łącznik o długości 1 em) | — | — |
| ‘ | ‘ | ‘ | left single quotation mark (lewy pojedynczy cudzysłów) | ‘ | ‘ |
| ’ | ’ | ’ | right single quotation mark (prawy pojedynczy cudzysłów) | ’ | ’ |
| ‚ | ‚ | ‚ | single low-9 quotation mark (pojedynczy cudzysłów dolny) | ‚ | ‚ |
| “ | “ | “ | left double quotation mark (lewy podwójny cudzysłów) | “ | “ |
| ” | ” | ” | right double quotation mark (prawy podwójny cudzysłów) | ” | ” |
| „ | „ | „ | double low-9 quotation mark (podwójny cudzysłów dolny) | „ | „ |
| † | † | † | dagger (krzyżyk) | † | † |
| ‡ | ‡ | ‡ | double dagger (podwójny krzyżyk) | ‡ | ‡ |
| ‰ | ‰ | ‰ | per mille sign (promil) | ‰ | ‰ |
| ‹ | ‹ | ‹ | single left-pointing angle quotation mark (pojedynczy lewy cudzysłów k±towy) | ‹ | ‹ |
| › | › | › | single right-pointing angle quotation mark (pojedynczy prawy cudzysłów kątowy) | › | › |
| € | € | € | euro sign (znak euro) | € | € |
| Łacińskie znaki rozszerzone - B | |||||
| ƒ | ƒ | ƒ | latin small f with hook = function = florin (mała litera f z ogonkiem) | ƒ | ƒ |
| Duże litery greckie | |||||
| Α | Α | Α | greek capital letter alpha | Α | Α |
| Β | Β | Β | greek capital letter beta | Β | Β |
| Γ | Γ | Γ | greek capital letter gamma | Γ | Γ |
| Δ | Δ | Δ | greek capital letter delta | Δ | Δ |
| Ε | Ε | Ε | greek capital letter epsilon | Ε | Ε |
| Ζ | Ζ | Ζ | greek capital letter zeta | Ζ | Ζ |
| Η | Η | Η | greek capital letter eta | Η | Η |
| Θ | Θ | Θ | greek capital letter theta | Θ | Θ |
| Ι | Ι | Ι | greek capital letter iota | Ι | Ι |
| Κ | Κ | Κ | greek capital letter kappa | Κ | Κ |
| Λ | Λ | Λ | greek capital letter lambda | Λ | Λ |
| Μ | Μ | Μ | greek capital letter mu | Μ | Μ |
| Ν | Ν | Ν | greek capital letter nu | Ν | Ν |
| Ξ | Ξ | Ξ | greek capital letter xi | Ξ | Ξ |
| Ο | Ο | Ο | greek capital letter omicron | Ο | Ο |
| Π | Π | Π | greek capital letter pi | Π | Π |
| Ρ | Ρ | Ρ | greek capital letter rho | Ρ | Ρ |
| Σ | Σ | Σ | greek capital letter sigma | Σ | Σ |
| Τ | Τ | Τ | greek capital letter tau | Τ | Τ |
| Υ | Υ | Υ | greek capital letter upsilon | Υ | Υ |
| Φ | Φ | Φ | greek capital letter phi | Φ | Φ |
| Χ | Χ | Χ | greek capital letter chi | Χ | Χ |
| Ψ | Ψ | Ψ | greek capital letter psi | Ψ | Ψ |
| Ω | Ω | Ω | greek capital letter omega | Ω | Ω |
| Małe litery greckie | |||||
| α | α | α | greek small letter alpha | α | α |
| β | β | β | greek small letter beta | β | β |
| γ | γ | γ | greek small letter gamma | γ | γ |
| δ | δ | δ | greek small letter delta | δ | δ |
| ε | ε | ε | greek small letter epsilon | ε | ε |
| ζ | ζ | ζ | greek small letter zeta | ζ | ζ |
| η | η | η | greek small letter eta | η | η |
| θ | θ | θ | greek small letter theta | θ | θ |
| ι | ι | ι | greek small letter iota | ι | ι |
| κ | κ | κ | greek small letter kappa | κ | κ |
| λ | λ | λ | greek small letter lambda | λ | λ |
| μ | μ | μ | greek small letter mu | μ | μ |
| ν | ν | ν | greek small letter nu | ν | ν |
| ξ | ξ | ξ | greek small letter xi | ξ | ξ |
| ο | ο | ο | greek small letter omicron | ο | ο |
| π | π | π | greek small letter pi | π | π |
| ρ | ρ | ρ | greek small letter rho | ρ | ρ |
| ς | ς | ς | greek small letter final sigma | ς | ς |
| σ | σ | σ | greek small letter sigma | σ | σ |
| τ | τ | τ | greek small letter tau | τ | τ |
| υ | υ | υ | greek small letter upsilon | υ | υ |
| φ | φ | φ | greek small letter phi | φ | φ |
| χ | χ | χ | greek small letter chi | χ | χ |
| ψ | ψ | ψ | greek small letter psi | ψ | ψ |
| ω | ω | ω | greek small letter omega | ω | ω |
| Symbole greckie | |||||
| ϑ | ϑ | ϑ | greek small letter theta symbol | ϑ | ϑ |
| ϒ | ϒ | ϒ | greek upsilon with hook symbol | ϒ | ϒ |
| ϖ | ϖ | ϖ | greek pi symbol | ϖ | ϖ |
| Ogólne znaki wypunktowania | |||||
| • | • | • | bullet = black small circle (kropka) | ||
| … | … | … | horizontal ellipsis = three dot leader (trzy kropki) | … | … |
| ′ | ′ | ′ | prime = minutes = feet (symbol minut i stóp) | ′ | ′ |
| ″ | ″ | ″ | double prime = seconds = inches (symbol sekund i cali) | ″ | ″ |
| ‾ | ‾ | ‾ | overline = spacing overscore (górna linia) | ‾ | ‾ |
| ⁄ | ⁄ | ⁄ | fraction slash (znak ułamka) | ⁄ | ⁄ |
| Symbole podobne do liter | |||||
| ℘ | ℘ | ℘ | script capital P = power set (zbiór potęgowy) | ℘ | ℘ |
| ℑ | ℑ | ℑ | blackletter capital I = imaginary part (część urojona) | ℑ | ℑ |
| ℜ | ℜ | ℜ | blackletter capital R = real part symbol (część rzeczywista) | ℜ | ℜ |
| ™ | ™ | ™ | trade mark sign (znak handlowy) | ™ | ™ |
| ℵ | ℵ | ℵ | alef symbol = first transfinite cardinal (pierwsza nieprzeliczalna liczba porządkowa) | ℵ | ℵ |
| Strzałki | |||||
| ← | ← | ← | leftwards arrow (strzałka w lewo) | ||
| ↑ | ↑ | ↑ | upwards arrow (strzałka do góry) | ||
| → | → | → | rightwards arrow (strzałka w prawo) | → | → |
| ↓ | ↓ | ↓ | downwards arrow (strzałka w dół) | ||
| ↔ | ↔ | ↔ | left right arrow (strzałka w lewo i prawo) | ||
| ↵ | ↵ | ↵ | downwards arrow with corner leftwards = carriage return (strzałka w dół skręcająca w lewo - znak powrotu karetki) | ↵ | ↵ |
| ⇐ | ⇐ | ⇐ | leftwards double arrow (podwójna strzałka w lewo) | ⇐ | ⇐ |
| ⇑ | ⇑ | ⇑ | upwards double arrow (podwójna strzałka w górê) | ⇑ | ⇑ |
| ⇒ | ⇒ | ⇒ | rightwards double arrow (podwójna strzałka w prawo) | ⇒ | ⇒ |
| ⇓ | ⇓ | ⇓ | downwards double arrow (podwójna strzałka w dół) | ⇓ | ⇓ |
| ⇔ | ⇔ | ⇔ | left right double arrow (podwójna strzałka w lewo i prawo) | ⇔ | ⇔ |
| Operatory matematyczne | |||||
| ∀ | ∀ | ∀ | for all (dla każdego) | ∀ | ∀ |
| ∂ | ∂ | ∂ | partial differential (pochodna częściowa) | ∂ | ∂ |
| ∃ | ∃ | ∃ | there exists (istnieje) | ∃ | ∃ |
| ∅ | ∅ | ∅ | empty set = null set = diameter (pusty zbiór) | ∅ | ∅ |
| ∇ | ∇ | ∇ | nabla = backward difference | ∇ | ∇ |
| ∈ | ∈ | ∈ | element of (należy do zbioru) | ∈ | ∈ |
| ∉ | ∉ | ∉ | not an element of (nie należy do zbioru) | ∉ | ∉ |
| ∋ | ∋ | ∋ | contains as member (zawiera jako element) | ∋ | ∋ |
| ∏ | ∏ | ∏ | n-ary product = product sign (iloczyn uogólniony) | ∏ | ∏ |
| ∑ | ∑ | ∑ | n-ary sumation (suma uogólniona) | ∑ | ∑ |
| − | − | − | minus sign (znak minus) | − | − |
| ∗ | ∗ | ∗ | asterisk operator (operator mnożenia) | ∗ | ∗ |
| √ | √ | √ | square root = radical sign (pierwiastek kwadratowy) | √ | √ |
| ∝ | ∝ | ∝ | proportional to (proporcjonalny do) | ∝ | ∝ |
| ∞ | ∞ | ∞ | infinity (nieskończoność) | ∞ | ∞ |
| ∠ | ∠ | ∠ | angle (kąt) | ∠ | ∠ |
| ∧ | ∧ | ∧ | logical and = wedge (iloczyn logiczny) | ∧ | ∧ |
| ∨ | ∨ | ∨ | logical or = vee (suma logiczna) | ∨ | ∨ |
| ∩ | ∩ | ∩ | intersection = cap (część wspólna zbiorów) | ∩ | ∩ |
| ∪ | ∪ | ∪ | union = cup (suma zbiorów) | ∪ | ∪ |
| ∫ | ∫ | ∫ | integral (całka) | ∫ | ∫ |
| ∴ | ∴ | ∴ | therefore (zatem) | ∴ | ∴ |
| ∼ | ∼ | ∼ | tilde operator = varies with = similar to (operator tylda, zmienia się z, podobny do) | ∼ | ∼ |
| ≅ | ≅ | ≅ | approximately equal to (w przybliżeniu równy) | ≅ | ≅ |
| ≈ | ≈ | ≈ | almost equal to = asymptotic to (prawie różny, asymptotyczny do) | ≈ | ≈ |
| ≠ | ≠ | ≠ | not equal to (nie równy) | ≠ | ≠ |
| ≡ | ≡ | ≡ | identical to (identyczny) | ≡ | ≡ |
| ≤ | ≤ | ≤ | less-than or equal to (mniejszy lub równy) | ≤ | ≤ |
| ≥ | ≥ | ≥ | greater-than or equal to (większy lub równy) | ≥ | ≥ |
| ⊂ | ⊂ | ⊂ | subset of (podzbiór) | ⊂ | ⊂ |
| ⊃ | ⊃ | ⊃ | superset of (nadzbiór) | ⊃ | ⊃ |
| ⊄ | ⊄ | ⊄ | not a subset of (nie jest podzbiorem) | ⊄ | ⊄ |
| ⊆ | ⊆ | ⊆ | subset of or equal to (jest podzbiorem lub jest równy) | ⊆ | ⊆ |
| ⊇ | ⊇ | ⊇ | superset of or equal to (jest nadzbiorem lub jest równy) | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ | circled plus = direct sum (suma bezpośrednia) | ⊕ | ⊕ |
| ⊗ | ⊗ | ⊗ | circled times = vector product (iloczyn wektorowy) | ⊗ | ⊗ |
| ⊥ | ⊥ | ⊥ | up tack = orthogonal to = perpendicular (ortogonalny, prostopadły do) | ⊥ | ⊥ |
| ⋅ | ⋅ | ⋅ | dot operator (operator kropka) | ⋅ | ⋅ |
| Różne symbole technicze | |||||
| ⌈ | ⌈ | ⌈ | left ceiling = apl upstile | ⌈ | ⌈ |
| ⌉ | ⌉ | ⌉ | right ceiling | ⌉ | ⌉ |
| ⌊ | ⌊ | ⌊ | left floor | ⌊ | ⌊ |
| ⌋ | ⌋ | ⌋ | right floor | ⌋ | ⌋ |
| ⟨ | 〈 | 〈 | left-pointing angle bracket = bra | ⟨ | 〈 |
| ⟩ | 〉 | 〉 | right-pointing angle bracket = ket | ⟩ | 〉 |
| Kształty geometryczne | |||||
| ◊ | ◊ | ◊ | lozenge | ◊ | ◊ |
| Różne symbole | |||||
| ♠ | ♠ | ♠ | black spade suit | ||
| ♣ | ♣ | ♣ | black club suit = shamrock | ||
| ♥ | ♥ | ♥ | black heart suit = valentine | ||
| ♦ | ♦ | ♦ | black diamond suit | ||
| Duże litery narodowe | |||||
| |   |   | no-break space = non-breaking space (spacja niełamalna) | ||
| ¡ | ¡ | ¡ | inverted exclamation mark (odwrócony wykrzyknik) | ¡ | ¡ |
| ¢ | ¢ | ¢ | cent sign (znak centa) | ||
| £ | £ | £ | pound sign (znak funta) | £ | £ |
| ¤ | ¤ | ¤ | currency sign (znak waluty) | ¤ | ¤ |
| ¥ | ¥ | ¥ | yen sign = yuan sign (znak jena) | Ž | Ž |
| ¦ | ¦ | ¦ | broken bar = broken vertical bar (pionowa przerwana linia) | ¦ | ¦ |
| § | § | § | section sign (znak sekcji) | § | § |
| ¨ | ¨ | ¨ | diaeresis = spacing diaeresis (diereza) | ¨ | ¨ |
| © | © | © | copyright sign (znak copyright) | ˆ | ˆ |
| ª | ª | ª | feminine ordinal indicator | ª | ª |
| « | « | « | left-pointing double angle quotation mark = left pointing guillemet (lewy podwójny cudzysłów kątowy) | « | « |
| ¬ | ¬ | ¬ | not sign (znak negacji) | ¬ | ¬ |
| ­ | ­ | ­ | soft hyphen = discretionary hyphen (miękki łącznik) | ||
| ® | ® | ® | registered sign = registered trade mark sign (zarejestrowany znak handlowy) | Ÿ | Ÿ |
| ¯ | ¯ | ¯ | macron = spacing macron = overline = APL overbar (górna linia) | ¯ | ¯ |
| ° | ° | ° | degree sign (stopień) | ° | ° |
| ± | ± | ± | plus-minus sign = plus-or-minus sign (plus/minus) | ± | ± |
| ² | ² | ² | superscript two = superscript digit two = squared (potęga 2 = do kwadratu) | ² | ² |
| ³ | ³ | ³ | superscript three = superscript digit three = cubed (potêga 3 = do sześcianu) | ³ | ³ |
| ´ | ´ | ´ | acute accent = spacing acute | ´ | ´ |
| µ | µ | µ | micro sign (znak mikro) | µ | µ |
| ¶ | ¶ | ¶ | pilcrow sign = paragraph sign (znak paragrafu) | ||
| · | · | · | middle dot = Georgian comma = Greek middle dot | · | · |
| ¸ | ¸ | ¸ | cedilla = spacing cedilla | ¸ | ¸ |
| ¹ | ¹ | ¹ | superscript one = superscript digit one | ¹ | ¹ |
| º | º | º | masculine ordinal indicator | º | º |
| » | » | » | right-pointing double angle quotation mark = right pointing guillemet (podwójny prawy cudzysłów kątowy) | » | » |
| ¼ | ¼ | ¼ | vulgar fraction one quarter = fraction one quarter (ułamek 1/4) | ¼ | ¼ |
| ½ | ½ | ½ | vulgar fraction one half = fraction one half (ułamek 1/2) | ½ | ½ |
| ¾ | ¾ | ¾ | vulgar fraction three quarters = fraction three quarters (u³amek 3/4) | ¾ | ¾ |
| ¿ | ¿ | ¿ | inverted question mark = turned question mark (odwrócony pytajnik) | ¿ | ¿ |
| À | À | À | latin capital letter A with grave = latin capital letter A grave | À | À |
| Á | Á | Á | latin capital letter A with acute | Á | Á |
| Â | Â | Â | latin capital letter A with circumflex | Â | Â |
| Ã | Ã | Ã | latin capital letter A with tilde | Ã | Ã |
| Ä | Ä | Ä | latin capital letter A with diaeresis | Ä | Ä |
| Å | Å | Å | latin capital letter A with ring above = latin capital letter A ring | Å | Å |
| Æ | Æ | Æ | latin capital letter AE = latin capital ligature AE | Æ | Æ |
| Ç | Ç | Ç | latin capital letter C with cedilla | Ç | Ç |
| È | È | È | latin capital letter E with grave | È | È |
| É | É | É | latin capital letter E with acute | É | É |
| Ê | Ê | Ê | latin capital letter E with circumflex | Ê | Ê |
| Ë | Ë | Ë | latin capital letter E with diaeresis | Ë | Ë |
| Ì | Ì | Ì | latin capital letter I with grave | Ì | Ì |
| Í | Í | Í | latin capital letter I with acute | Í | Í |
| Î | Î | Î | latin capital letter I with circumflex | Î | Î |
| Ï | Ï | Ï | latin capital letter I with diaeresis | Ï | Ï |
| Ð | Ð | Ð | latin capital letter ETH | Ð | Ð |
| Ñ | Ñ | Ñ | latin capital letter N with tilde | Ñ | Ñ |
| Ò | Ò | Ò | latin capital letter O with grave | Ò | Ò |
| Ó | Ó | Ó | latin capital letter O with acute | Ó | Ó |
| Ô | Ô | Ô | latin capital letter O with circumflex | Ô | Ô |
| Õ | Õ | Õ | latin capital letter O with tilde | Õ | Õ |
| Ö | Ö | Ö | latin capital letter O with diaeresis | Ö | Ö |
| × | × | × | multiplication sign | × | × |
| Ø | Ø | Ø | latin capital letter O with stroke = latin capital letter O slash | Ø | Ø |
| Ù | Ù | Ù | latin capital letter U with grave | Ù | Ù |
| Ú | Ú | Ú | latin capital letter U with acute | Ú | Ú |
| Û | Û | Û | latin capital letter U with circumflex | Û | Û |
| Ü | Ü | Ü | latin capital letter U with diaeresis | Ü | Ü |
| Ý | Ý | Ý | latin capital letter Y with acute | Ý | Ý |
| Þ | Þ | Þ | latin capital letter THORN | Þ | Þ |
| Małe litery narodowe | |||||
| ß | ß | ß | latin small letter sharp s = ess-zed | ß | ß |
| à | à | à | latin small letter a with grave = latin small letter a grave | à | à |
| á | á | á | latin small letter a with acute | á | á |
| â | â | â | latin small letter a with circumflex | â | â |
| ã | ã | ã | latin small letter a with tilde | ã | ã |
| ä | ä | ä | latin small letter a with diaeresis | ä | ä |
| å | å | å | latin small letter a with ring above = latin small letter a ring | å | å |
| æ | æ | æ | latin small letter ae = latin small ligature ae | æ | æ |
| ç | ç | ç | latin small letter c with cedilla | ç | ç |
| è | è | è | latin small letter e with grave | è | è |
| é | é | é | latin small letter e with acute | é | é |
| ê | ê | ê | latin small letter e with circumflex | ê | ê |
| ë | ë | ë | latin small letter e with diaeresis | ë | ë |
| ì | ì | ì | latin small letter i with grave | ì | ì |
| í | í | í | latin small letter i with acute | í | í |
| î | î | î | latin small letter i with circumflex | î | î |
| ï | ï | ï | latin small letter i with diaeresis | ï | ï |
| ð | ð | ð | latin small letter eth | ð | ð |
| ñ | ñ | ñ | latin small letter n with tilde | ñ | ñ |
| ò | ò | ò | latin small letter o with grave | ò | ò |
| ó | ó | ó | latin small letter o with acute | ó | ó |
| ô | ô | ô | latin small letter o with circumflex | ô | ô |
| õ | õ | õ | latin small letter o with tilde | õ | õ |
| ö | ö | ö | latin small letter o with diaeresis | ö | ö |
| ÷ | ÷ | ÷ | division sign (znak dzielenia) | ÷ | ÷ |
| ø | ø | ø | latin small letter o with stroke = latin small letter o slash | ø | ø |
| ù | ù | ù | latin small letter u with grave | ù | ù |
| ú | ú | ú | latin small letter u with acute | ú | ú |
| û | û | û | latin small letter u with circumflex | û | û |
| ü | ü | ü | latin small letter u with diaeresis | ü | ü |
| ý | ý | ý | latin small letter y with acute | ý | ý |
| þ | þ | þ | latin small letter thorn | þ | þ |
| ÿ | ÿ | ÿ | latin small letter y with diaeresis | ÿ | ÿ |
W zeszłym roku zainteresowałam się Syntax Highlighter'em, którego zadaniem jest przedstawiać na stronach internetowych kod (html, css, js, c, itd.) w sposób czytelny. Na Google Code możemy znaleźć alternatywę, która jest o tyle wygodniejsza, że nie trzeba za każdym razem zaznaczać jaki język wyświetlamy - wykonuje się to automatycznie.
Sekcja HEAD
Przed zamknięciem znacznika </head> linkujemy do odpowiedniego skryptu, wstawiając:
Jeżeli chcemy skorzystać z szablonu innego niż domyślny (galeria szablonów), wówczas wpisujemy odpowiednią nazwę (w przykładzie - Sunburst):
I to tyle! Właściwie ta jedna linijka załatwia nam całą sprawę.
HTML
Teraz wystarczy nasz kod, który chcemy przedstawić na stronie, umieścić między znacznikami <pre></pre>, <code></code> lub <xmp></xmp>, pamiętając o dodaniu klasy class="prettyprint"
Jeśli w powyższym przykładzie brakuje Wam numeracji każdej linii, wystarczy dodać jedną klasę.
CSS
HTML
Koniec :)
Linki: Galeria styli, Getting started (eng.)Download: code.google.com
Subskrybuj:
Posty (Atom)